/* ============================================================================
 * customs-declare.desktop.css — DESKTOP / TABLET light-2026 layer (>=768px)
 * ----------------------------------------------------------------------------
 * Media-gated; applies only beside the AppShell (body.ptshell). MOBILE SoT
 * (customs-declare.css) untouched — phone view byte-equal. Neutral canvas
 * (#F4F5F7); in-body branded header hidden (shell topbar replaces it); the dark
 * red hero → light white card; content 2-column (reading flow left + CTA/contact
 * rail right). Accent stays the page's own RED (--sun #FF3D2E / --sun-deep
 * #D8190B) — used sparingly.
 * ========================================================================== */
body.ptshell{background:#F4F5F7}
body.ptshell header{display:none}

body.ptshell main.page{max-width:var(--pt-content-max);margin-inline:auto;padding:10px 24px 44px;
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px 22px;align-items:start}
body.ptshell main.page>*{grid-column:1}
body.ptshell main.page>.btn,body.ptshell main.page>.ctstrip{grid-column:2}

/* --- dark red hero → light-2026 white card --- */
body.ptshell .hero{max-width:1180px;margin:16px 24px 0;padding:28px 30px;border-radius:20px;color:var(--ink);
  background:#fff;border:1px solid #E8EAEF;box-shadow:0 22px 48px -30px rgba(20,25,35,.28)}
body.ptshell .hero::after,body.ptshell .hero .xblob{display:none}
body.ptshell .hero .eyebrow{background:#FDECEA;border-color:#F6C9C2;color:var(--sun-deep)}
body.ptshell .hero h1{color:var(--ink)}
body.ptshell .hero p{color:var(--ink-2)}
body.ptshell .hero .hbadge{background:linear-gradient(150deg,var(--sun),var(--sun-deep));border:none;color:#fff;
  box-shadow:0 14px 24px -12px rgba(216,25,11,.4)}

/* --- cards: hairline + soft shadow --- */
body.ptshell .card{border:1px solid #E8EAEF;box-shadow:0 18px 44px -30px rgba(20,25,35,.26)}

/* CTA button sits in the right rail (fills its column) */
body.ptshell main.page>.btn{margin-top:0}

/* --- dark contact strip → light card (right rail) --- */
body.ptshell .ctstrip{background:#fff;border:1px solid #E8EAEF;color:var(--ink);box-shadow:0 18px 44px -30px rgba(20,25,35,.26)}
body.ptshell .ctstrip .ci{background:#FDECEA;color:var(--sun-deep)}
body.ptshell .ctstrip b{color:var(--ink)}
body.ptshell .ctstrip span{color:var(--ink-2)}
body.ptshell .ctstrip a{background:linear-gradient(120deg,var(--sun),var(--sun-deep));color:#fff}

@media (min-width:1280px){
  body.ptshell main.page,body.ptshell .hero{max-width:var(--pt-content-max)}
}