/* ============================================================================
   Partnigram public website theme layer
   ----------------------------------------------------------------------------
   Source of truth: the approved ShopNodes homepage treatment
   (public/assets/css/home-shopnodes.css).

   That file stays frozen. This file restates the same visual language for the
   rest of the Partnigram public website (everything except the homepage), so
   the whole public site reads as one product-company website while the
   approved homepage hero / discovery composition remains untouched.

   Scope: body.public-page -- added by app/Views/layouts/public.php to every
   public page that is NOT the homepage. The homepage keeps
   body.page-shopnodes exactly as before, so nothing in here can reach the
   frozen hero or discovery artwork.

   Not in scope (never receive this class):
     - admin / backend shell        (app/Views/layouts/admin.php)
     - ShopNodes Go venue campaign  (app/Views/layouts/shopnodes.php)

   Tokens below are the homepage's own sampled values, promoted to reusable
   custom properties so internal pages never hardcode one-off colours.
   ========================================================================= */

.public-page{
    /* Partnigram brand palette (sampled from the approved homepage) */
    --pn-navy:#10316b;
    --pn-green:#008b5c;
    --pn-green-dark:#006d49;
    --pn-green-soft:#7ed3b6;
    --pn-green-on-dark:#8fdec2;
    --pn-blue:#1478ff;
    --pn-teal:#177e8f;
    --pn-mint:#f5fcf9;
    --pn-mint-soft:#f2faf8;
    --pn-mist:#f3fafc;
    --pn-surface:#ffffff;
    --pn-line:#dcece7;
    --pn-line-strong:#c3ded4;
    --pn-copy:#354f78;
    --pn-muted:#5f7794;
    --pn-danger:#b4233d;
    --pn-success:#0f7a4f;
    --pn-focus-ring:rgba(0,139,92,.16);
    --pn-container:1240px;
    --pn-gutter:64px;
    --pn-radius-sm:8px;
    --pn-radius-md:14px;
    --pn-radius-lg:18px;
    --pn-shadow-soft:0 6px 24px rgba(16,49,107,.06);
    --pn-shadow-raise:0 14px 34px rgba(16,49,107,.1);
    --pn-section-space:clamp(56px,7vw,84px);
    /* Legacy token names used by shared components in partnigram.css are
       remapped to the light palette, so existing public markup inherits the
       theme without per-page overrides. Admin keeps the dark values. */
    --pn-text:var(--pn-copy);
    --pn-text-muted:var(--pn-muted);
    --pn-border:var(--pn-line);
    background:#fff;
    color:var(--pn-copy);
}

/* Centered max-width content system -- same container and gutters as the
   approved homepage so the header, sections and footer line up site-wide. */
.public-page .container{width:min(calc(100% - var(--pn-gutter)),var(--pn-container))}
.public-page :is(a,button):focus-visible{outline:3px solid var(--pn-green);outline-offset:4px;border-radius:4px}

/* ---------------------------------------------------------------------------
   Shared header / navigation
   Mirrors the approved homepage header presentation (light surface, navy links,
   green primary action, mint-outlined sign in) so every public page carries the
   identical shell.
   --------------------------------------------------------------------------- */
.public-page .site-header{background:rgba(255,255,255,.97);border-bottom-color:#edf4f1}
.public-page .site-header .brand-logo{filter:brightness(.55)}
.public-page .nav-shell{width:min(calc(100% - var(--pn-gutter)),var(--pn-container))}
.public-page .site-nav{color:var(--pn-navy);gap:24px}
.public-page .site-nav a:hover,.public-page .site-nav a:focus-visible{color:var(--pn-green-dark)}
.public-page .site-nav .button{background:var(--pn-green);background-image:none;color:#fff;box-shadow:none}
.public-page .site-nav .button:hover,.public-page .site-nav .button:focus-visible{background:var(--pn-green-dark);color:#fff;transform:none;box-shadow:none}
.public-page .nav-signin{padding:8px 18px;border:1px solid #83c9b1;border-radius:8px}
.public-page .nav-signin:hover,.public-page .nav-signin:focus-visible{border-color:var(--pn-green-dark);color:var(--pn-green-dark)}
.public-page .nav-toggle span:not(.sr-only){background:var(--pn-navy)}
/* Subtle current-page indication (visually only; the aria-current attribute
   lives in the layout). */
.public-page .site-nav a.is-active{color:var(--pn-green-dark);font-weight:700}
.public-page .site-nav a.is-active:not(.button):not(.nav-signin){text-decoration:underline;text-decoration-color:var(--pn-green-soft);text-decoration-thickness:2px;text-underline-offset:6px}

/* ---------------------------------------------------------------------------
   Page header system
   Internal pages get a page header (eyebrow / title / lead / optional CTA)
   with the homepage's typography and a very light pale-mint atmosphere --
   related to the flagship hero without competing with it.
   --------------------------------------------------------------------------- */
.public-page .page-header{
    position:relative;
    padding:clamp(54px,6.6vw,88px) 0 clamp(40px,4.8vw,60px);
    background:linear-gradient(180deg,#fff 0,#fbfefc 48%,var(--pn-mint) 100%);
    border-bottom:1px solid #edf4f1;
}
.public-page .page-header--mist{background:linear-gradient(180deg,#fff 0,#f8fdfe 46%,var(--pn-mist) 100%)}
.public-page .page-header__eyebrow{margin:0 0 14px;color:var(--pn-green-dark);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.public-page .page-header__title{max-width:920px;margin:0 0 18px;font-size:clamp(36px,4.6vw,58px);line-height:1.08;letter-spacing:-.04em;color:var(--pn-navy);text-wrap:balance}
.public-page .page-header__lead{max-width:680px;margin:0;color:var(--pn-copy);font-size:18px;line-height:1.65}
.public-page .page-header__actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}

/* Selective green emphasis replaces the old gradient text treatment. */
.public-page :is(h1,h2,h3) span{background:none;background-clip:border-box;-webkit-background-clip:border-box;color:var(--pn-green)}
.public-page h1{color:var(--pn-navy);font-size:clamp(36px,4.6vw,58px);letter-spacing:-.04em}
.public-page h2{color:var(--pn-navy)}
.public-page h3{color:var(--pn-navy)}
.public-page .eyebrow{color:var(--pn-green-dark);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.public-page .tagline{background:none;color:var(--pn-green-dark)}

/* ---------------------------------------------------------------------------
   Section rhythm: white -> subtle pale mint -> white -> atmospheric, applied
   only where the content actually needs the change of tone.
   --------------------------------------------------------------------------- */
.public-page .section{padding:var(--pn-section-space) 0}
.public-page .section--plain{background:#fff}
.public-page .section--mint{background:var(--pn-mint)}
.public-page .section--mist{background:var(--pn-mist)}
.public-page .section-intro{max-width:760px;margin:0 0 34px}
.public-page .section-intro--center{margin-inline:auto;text-align:center}
.public-page .section-title{margin:0 0 16px;font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.035em;color:var(--pn-navy);text-wrap:balance}
.public-page .section-lead{max-width:680px;margin:0;color:var(--pn-copy);font-size:18px;line-height:1.65}
.public-page .section-intro--center .section-lead{margin-inline:auto}
.public-page .section-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}

/* Concise readable prose column for informational pages. */
.public-page .prose{max-width:720px}
.public-page .prose p{margin:0 0 18px;color:var(--pn-copy);font-size:17px;line-height:1.7}
.public-page .prose p:last-child{margin-bottom:0}

/* ---------------------------------------------------------------------------
   Cards -- used only where they group something real (features, products,
   destinations). White surface, hairline border, restrained soft shadow.
   --------------------------------------------------------------------------- */
.public-page .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:24px;margin:0;padding:0;list-style:none}
.public-page .panel{padding:clamp(22px,2.4vw,30px);background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius-lg);box-shadow:var(--pn-shadow-soft)}
.public-page .panel-kicker{display:block;margin-bottom:10px;color:var(--pn-green-dark);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.public-page .panel h3{margin:0 0 10px;font-size:20px;line-height:1.25;color:var(--pn-navy)}
.public-page .panel p{margin:0;color:var(--pn-copy);font-size:16px;line-height:1.6}
.public-page .panel p+p{margin-top:12px}
.public-page .panel-actions{margin:22px 0 0}
.public-page .panel--contact{max-width:640px}
.public-page .panel a:not(.button){color:var(--pn-green-dark);font-weight:650}
.public-page .panel a:not(.button):hover,.public-page .panel a:not(.button):focus-visible{text-decoration:underline;text-underline-offset:3px}
.public-page .link-card{display:flex;flex-direction:column;gap:8px;padding:26px;background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius-lg);box-shadow:var(--pn-shadow-soft);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.public-page .link-card:hover,.public-page .link-card:focus-visible{border-color:var(--pn-green-soft);box-shadow:var(--pn-shadow-raise);transform:translateY(-2px)}
.public-page .link-card h3{margin:0;font-size:19px;line-height:1.3;color:var(--pn-navy)}
.public-page .link-card p{margin:0;color:var(--pn-copy);font-size:15px;line-height:1.55}
.public-page .link-card__cue{margin-top:auto;padding-top:14px;color:var(--pn-green-dark);font-size:14px;font-weight:750}
.public-page .feature-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.public-page .feature-list li{position:relative;padding-left:34px;color:var(--pn-copy);font-size:16px;line-height:1.5}
.public-page .feature-list li::before{content:'\2713';position:absolute;left:0;top:1px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--pn-green);color:#fff;font-size:13px;font-weight:750}

/* ---------------------------------------------------------------------------
   Buttons / links -- one green primary CTA, one clean outlined secondary CTA.
   --------------------------------------------------------------------------- */
.public-page .button{background:var(--pn-green);background-image:none;color:#fff;border-color:transparent;box-shadow:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.public-page .button:hover,.public-page .button:focus-visible{background:var(--pn-green-dark);color:#fff;transform:none;box-shadow:none}
.public-page .button-secondary{background:#fff;border-color:var(--pn-line-strong);color:var(--pn-green-dark);box-shadow:none}
.public-page .button-secondary:hover,.public-page .button-secondary:focus-visible{background:var(--pn-mint);border-color:var(--pn-green);color:var(--pn-green-dark)}
.public-page .text-link{color:var(--pn-green-dark);font-weight:750;font-size:14px}
.public-page .text-link:hover,.public-page .text-link:focus-visible{color:var(--pn-green);text-decoration:underline;text-underline-offset:3px}
.public-page .back-link{color:var(--pn-muted);font-size:13px}
.public-page .back-link:hover,.public-page .back-link:focus-visible{color:var(--pn-green-dark)}
.public-page .inline-link{color:var(--pn-green-dark);font-weight:650;text-decoration:underline;text-underline-offset:3px}

/* ---------------------------------------------------------------------------
   Public forms -- labels above controls, one surface/border/focus treatment.
   --------------------------------------------------------------------------- */
.public-page label{color:var(--pn-navy);font-size:13px;font-weight:700}
.public-page label small{color:var(--pn-muted);font-weight:400}
.public-page input,.public-page select,.public-page textarea{width:100%;min-height:46px;padding:11px 13px;color:var(--pn-navy);background:#fff;border:1px solid var(--pn-line-strong);border-radius:var(--pn-radius-sm);outline:none}
.public-page textarea{min-height:120px;resize:vertical}
.public-page input::placeholder,.public-page textarea::placeholder{color:#8ea2bb}
.public-page input:hover,.public-page select:hover,.public-page textarea:hover{border-color:var(--pn-green-soft)}
.public-page input:focus,.public-page select:focus,.public-page textarea:focus{border-color:var(--pn-green);box-shadow:0 0 0 3px var(--pn-focus-ring)}
.public-page input:user-invalid,.public-page select:user-invalid,.public-page textarea:user-invalid{border-color:var(--pn-danger);box-shadow:0 0 0 3px rgba(180,35,61,.12)}
.public-page input[type="checkbox"],.public-page input[type="radio"]{width:auto;min-height:0;padding:0;accent-color:var(--pn-green)}
.public-page .check{color:var(--pn-navy);font-weight:650}

/* Feedback messages keep their meaning on light surfaces. */
.public-page .alert{padding:14px 16px;border-radius:var(--pn-radius-md);font-size:14px}
.public-page .alert p{margin:6px 0 0}
.public-page .alert-success{color:#0b5c3c;border-color:#bfe6d6;background:#eefaf4}
.public-page .alert-notice{color:#0d4b63;border-color:#bfe0ec;background:#eef8fc}
.public-page .alert-error{color:#8c1a30;border-color:#f0c7cf;background:#fdf1f3}

/* ---------------------------------------------------------------------------
   Products catalog -- the public surface of the "More from Partnigram" card
   language used on the homepage.
   --------------------------------------------------------------------------- */
.public-page .catalog{padding-top:clamp(34px,4vw,54px)}
.public-page .filter-bar{padding:18px;background:var(--pn-surface);border:1px solid var(--pn-line);border-radius:var(--pn-radius-lg);box-shadow:var(--pn-shadow-soft)}
.public-page .filter-bar input,.public-page .filter-bar select{min-height:44px}
.public-page .product-grid{gap:26px}
.public-page .product-card{background:var(--pn-surface);border-color:var(--pn-line);box-shadow:var(--pn-shadow-soft);transition:border-color .2s ease,box-shadow .2s ease}
.public-page .product-card:hover{transform:none;border-color:var(--pn-green-soft);box-shadow:var(--pn-shadow-raise)}
.public-page .product-visual{background:var(--pn-mint-soft)}
.public-page .product-visual img{object-fit:contain}
.public-page .product-placeholder{background-image:linear-gradient(rgba(0,139,92,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,139,92,.07) 1px,transparent 1px);background-size:27px 27px}
.public-page .product-placeholder span{background:var(--pn-green);color:#fff;box-shadow:none}
.public-page .card-meta{color:var(--pn-green-dark)}
.public-page .product-body h3{color:var(--pn-navy)}
.public-page .product-body h3 a:hover,.public-page .product-body h3 a:focus-visible{color:var(--pn-green-dark)}
.public-page .product-body p{color:var(--pn-copy)}
.public-page .product-footer{border-color:var(--pn-line)}
.public-page .product-card .button,.public-page .card-actions .button{background:var(--pn-green);background-image:none;color:#fff;box-shadow:none}
.public-page .product-card .button:hover,.public-page .card-actions .button:hover{background:var(--pn-green-dark)}
.public-page .product-card .text-link{color:var(--pn-green-dark)}
.public-page .price strong{color:var(--pn-navy)}
.public-page .ai-badge{color:var(--pn-navy);background:#eef7ff;border-color:#c5def2}
.public-page .pagination ul{gap:8px;padding:34px 0 0}
.public-page .pagination a{min-width:40px;height:40px;border:1px solid var(--pn-line-strong);border-radius:var(--pn-radius-sm);color:var(--pn-copy);font-weight:650;transition:background .18s ease,border-color .18s ease,color .18s ease}
.public-page .pagination a:hover,.public-page .pagination a:focus-visible{background:var(--pn-mint);border-color:var(--pn-green);color:var(--pn-green-dark)}
.public-page .pagination .active a{background:var(--pn-green-dark);border-color:var(--pn-green-dark);color:#fff}
.public-page .empty-state{padding:clamp(38px,5vw,64px) 24px;background:var(--pn-mint);border:1px dashed var(--pn-line-strong);border-radius:var(--pn-radius-lg)}
.public-page .empty-state h2,.public-page .empty-state h3{color:var(--pn-navy)}
.public-page .empty-state p{margin:0 0 20px;color:var(--pn-copy)}

/* ---------------------------------------------------------------------------
   Product detail
   --------------------------------------------------------------------------- */
.public-page .product-detail{padding-top:clamp(30px,4vw,48px)}
.public-page .detail-visual{height:min(490px,62vh);background:var(--pn-mint-soft);border:1px solid var(--pn-line)}
.public-page .detail-visual img{object-fit:contain}
.public-page .detail-copy h1{color:var(--pn-navy)}
.public-page .detail-lead{color:var(--pn-copy)}
.public-page .detail-price strong{color:var(--pn-navy)}
.public-page .detail-price small,.public-page .safe-note{color:var(--pn-muted)}
.public-page .product-facts{border-top-color:var(--pn-line)}
.public-page .product-facts div{border-bottom-color:var(--pn-line)}
.public-page .product-facts dt{color:var(--pn-muted)}
.public-page .product-facts dd{margin:0;color:var(--pn-navy);font-weight:650}
.public-page .gallery img{background:#fff;border-color:var(--pn-line);border-radius:var(--pn-radius-sm)}
.public-page .product-description{margin-top:clamp(48px,6vw,80px)}
.public-page .product-description h2{color:var(--pn-navy)}
.public-page .product-description p{color:var(--pn-copy)}

/* ---------------------------------------------------------------------------
   Public purchase flow (/{slug} buy page, /checkout/{token}, PayPal return).
   Same surfaces, radii, typography and green actions as the rest of the public
   site. Markup and payment behaviour are unchanged.
   --------------------------------------------------------------------------- */
.public-page .checkout-hero{padding:clamp(48px,6vw,76px) 0 28px;background:linear-gradient(180deg,#fff 0,#fbfefc 62%,var(--pn-mint) 100%);border-bottom:1px solid #edf4f1}
.public-page .checkout-hero h1{color:var(--pn-navy)}
.public-page .checkout-hero p{color:var(--pn-copy)}
.public-page .checkout-section{padding:clamp(34px,4vw,48px) 0 clamp(60px,7vw,92px);background:#fff}
.public-page .checkout-block,.public-page .order-summary{background:var(--pn-surface);border:1px solid var(--pn-line);box-shadow:var(--pn-shadow-soft)}
.public-page .checkout-section-heading h2{color:var(--pn-navy)}
.public-page .checkout-section-heading p{color:var(--pn-copy)}
.public-page .checkout-step{border-color:#b9dfd0;background:var(--pn-mint);color:var(--pn-green-dark)}
.public-page .plan-group+.plan-group{border-top-color:var(--pn-line)}
.public-page .plan-group legend{color:var(--pn-muted)}
.public-page .plan-card-visual{border-color:var(--pn-line-strong);background:#fff}
.public-page .plan-card:hover .plan-card-visual{border-color:var(--pn-green-soft);background:var(--pn-mint);transform:none}
.public-page .plan-card-input:focus-visible+.plan-card-visual{outline:3px solid var(--pn-green);outline-offset:3px}
.public-page .plan-card-input:checked+.plan-card-visual{border-color:var(--pn-green);background:var(--pn-mint);box-shadow:0 12px 30px rgba(16,49,107,.08),inset 0 0 0 1px var(--pn-green-soft)}
.public-page .plan-radio{border-color:#b9cbd8;box-shadow:inset 0 0 0 4px #fff}
.public-page .plan-card-input:checked+.plan-card-visual .plan-radio{border-color:var(--pn-green);background:var(--pn-green);box-shadow:inset 0 0 0 4px #fff}
.public-page .plan-card-topline strong{color:var(--pn-navy)}
.public-page .plan-price{color:var(--pn-navy)}
.public-page .plan-price small{color:var(--pn-muted)}
.public-page .plan-credits{color:var(--pn-copy)}
.public-page .plan-description{color:var(--pn-copy)}
.public-page .plan-selected{color:var(--pn-green-dark)}
.public-page .customer-card{border-color:var(--pn-line);background:var(--pn-mint)}
.public-page .checkout-field input{height:48px;background:#fff;border-color:var(--pn-line-strong);padding:0 14px;border-radius:var(--pn-radius-sm)}
.public-page .checkout-field input:hover{border-color:var(--pn-green-soft)}
.public-page .checkout-field input:focus{border-color:var(--pn-green);box-shadow:0 0 0 3px var(--pn-focus-ring)}
.public-page .checkout-field input:user-invalid{border-color:var(--pn-danger)}
.public-page .summary-kicker{color:var(--pn-green-dark)}
.public-page .order-summary h2,.public-page .product-review h2{color:var(--pn-navy)}
.public-page .summary-option{color:var(--pn-copy)}
.public-page .summary-description{color:var(--pn-muted)}
.public-page .summary-divider{background:var(--pn-line)}
.public-page .summary-row,.public-page .summary-line-item{color:var(--pn-copy)}
.public-page .summary-row strong,.public-page .summary-line-item strong{color:var(--pn-navy)}
.public-page .summary-total{color:var(--pn-navy)}
.public-page .summary-total small{color:var(--pn-muted)}
.public-page .summary-period{color:var(--pn-muted)}
.public-page .trust-list{color:var(--pn-copy)}
.public-page .trust-list span{background:#e8f7f1;color:var(--pn-success)}
.public-page .checkout-submit{background:var(--pn-green);background-image:none;box-shadow:none}
.public-page .checkout-submit:hover,.public-page .checkout-submit:focus-visible{background:var(--pn-green-dark);box-shadow:none}
.public-page .summary-note{color:var(--pn-muted)}
.public-page .secure-icon{border-color:#bfe6d6;background:#eefaf4;color:var(--pn-success)}
.public-page .secure-explainer h2{color:var(--pn-navy)}
.public-page .product-review p,.public-page .upgrade-review p,.public-page .secure-explainer p{color:var(--pn-copy)}
.public-page .product-meta{color:var(--pn-muted)}

/* ---------------------------------------------------------------------------
   Footer -- the homepage's deliberate dark navy ending, with a legible green
   link affordance on the dark surface.
   --------------------------------------------------------------------------- */
.public-page .site-footer a:not(.brand){transition:color .18s ease}
.public-page .site-footer a:not(.brand):hover,.public-page .site-footer a:not(.brand):focus-visible{color:var(--pn-green-on-dark)}

/* ---------------------------------------------------------------------------
   Responsive
   Gutters follow the approved homepage: 64px desktop, 40px <=680, 32px <=390.
   Components stack / reflow rather than shrink.
   --------------------------------------------------------------------------- */
@media(max-width:980px){
    .public-page .site-nav{background:#fff;border-color:var(--pn-line);box-shadow:0 12px 28px rgba(16,49,107,.1)}
    .public-page .nav-signin{margin-left:0}
    .public-page .page-header__title{font-size:clamp(34px,5.4vw,48px)}
}
@media(max-width:680px){
    .public-page .container,.public-page .nav-shell{width:calc(100% - 40px)}
    .public-page .page-header{padding:44px 0 36px}
    .public-page .page-header__lead,.public-page .section-lead{font-size:17px}
    .public-page .section{--pn-section-space:clamp(48px,9vw,64px)}
    .public-page .section-actions,.public-page .page-header__actions{flex-direction:column}
    .public-page .section-actions .button,.public-page .page-header__actions .button{width:100%;max-width:340px}
    .public-page .card-grid{gap:18px}
    .public-page .panel{padding:22px}
    .public-page .link-card{padding:22px}
    .public-page .detail-visual{height:300px}
    .public-page .checkout-field input{height:46px}
    .public-page .product-card:hover,.public-page .link-card:hover{box-shadow:var(--pn-shadow-soft);transform:none}
}
@media(max-width:390px){
    .public-page .container,.public-page .nav-shell{width:calc(100% - 32px)}
    .public-page .page-header__title{font-size:31px}
    .public-page .product-body,.public-page .product-footer{padding-left:20px;padding-right:20px}
    .public-page .filter-bar{padding:14px}
}
@media(prefers-reduced-motion:reduce){
    .public-page :is(a,button,.link-card,.product-card,.button,.pagination a){transition:none}
    .public-page .link-card:hover{transform:none}
}

/* ShopNodes Go download destination: scoped to this page, never the homepage. */
.public-page .shopnodes-download .page-header{padding:clamp(34px,4vw,58px) 0 34px;background:var(--pn-mint)}
.public-page .shopnodes-download .page-header__title{font-size:clamp(32px,4vw,48px);max-width:720px;margin-bottom:12px}
.public-page .shopnodes-download .page-header__lead{max-width:600px}
.public-page .shopnodes-download .page-header__actions{margin-top:24px}
.public-page .shopnodes-download .page-header__actions .button{background:var(--pn-green);background-image:none;color:#fff;box-shadow:none;min-height:52px;text-align:center}
.public-page .shopnodes-download .page-header__actions .button:hover{background:var(--pn-green-dark);box-shadow:none;transform:none}
.public-page .shopnodes-download .page-header__actions .button-secondary{background:#fff;color:var(--pn-green-dark);border-color:var(--pn-green-dark)}
.public-page .shopnodes-download .page-header__actions .button-secondary:hover{background:#e8f7f1;color:var(--pn-green-dark)}
.public-page .shopnodes-download__details{padding-top:22px;padding-bottom:clamp(48px,6vw,80px)}
.public-page .shopnodes-download__unavailable{margin:0 0 16px;color:var(--pn-navy);font-size:17px}
.public-page .shopnodes-download__unavailable strong{display:block}
.public-page .shopnodes-download__apk-note{margin:0 0 12px;color:var(--pn-copy);font-size:14px}
.public-page .shopnodes-download__publisher{margin:0;color:var(--pn-muted);font-size:14px}
.public-page .shopnodes-download__why{max-width:760px;margin-top:clamp(40px,5vw,60px);padding-top:25px;border-top:1px solid var(--pn-line)}
.public-page .shopnodes-download__why h2{margin:0 0 16px;font-size:clamp(21px,2.5vw,26px);line-height:1.3}
.public-page .shopnodes-download__why ul{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;list-style:none;color:var(--pn-copy);font-size:15px}
.public-page .shopnodes-download__why li::before{content:'\2713';margin-right:8px;color:var(--pn-green-dark);font-weight:700}
@media(max-width:680px){
    .public-page .shopnodes-download .page-header{padding:28px 0 26px}
    .public-page .shopnodes-download .page-header__title{font-size:clamp(31px,8vw,38px)}
    .public-page .shopnodes-download .page-header__actions .button{width:100%;max-width:none}
    .public-page .shopnodes-download__why ul{display:block}
    .public-page .shopnodes-download__why li+li{margin-top:8px}
}