/* Premium cart + checkout presentation. Loaded after the pages' own styles;
   restyles the markup cart-checkout.js renders without changing its behavior. */
body:is([data-page="cart"],[data-page="checkout"]){background:radial-gradient(1100px 520px at 85% -120px,rgba(47,143,214,.13),transparent 70%),radial-gradient(700px 420px at -10% 10%,rgba(246,126,32,.08),transparent 70%),#fffdf8;-webkit-font-smoothing:antialiased}

/* Sticky glass header */
body:is([data-page="cart"],[data-page="checkout"]) .commerce-header{position:sticky;top:0;z-index:60;max-width:none;padding:14px max(5%,calc((100vw - 1240px)/2))}
body:is([data-page="cart"],[data-page="checkout"]) .commerce-header::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(255,253,248,.82);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid rgba(7,94,159,.1)}
.commerce-header .brand img{mix-blend-mode:multiply}
.commerce-header nav a{position:relative;font-weight:600}
.commerce-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:8px;height:2px;border-radius:2px;background:#f67e20;transform:scaleX(0);transform-origin:100% 50%;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.commerce-header nav a:hover::after{transform:scaleX(1);transform-origin:0 50%}

/* Page heading */
.commerce-wrap{padding-top:34px}
.commerce-wrap>.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;color:#075e9f}
.commerce-wrap>.eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:#f67e20}
.commerce-wrap h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.045em;line-height:1.02;margin:14px 0 16px;color:#075e9f;text-wrap:balance}
.commerce-lead{font-size:16px;line-height:1.7;margin-bottom:34px}

/* Layout + cards */
@media (min-width:761px){.commerce-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:30px}}
.commerce-item,.commerce-panel,.commerce-empty{border:1px solid #dbe6ee;border-radius:24px;padding:26px;margin-bottom:20px;background:#fff;box-shadow:0 24px 50px -40px rgba(4,31,54,.55);animation:bp-card-in .7s cubic-bezier(.22,1,.36,1) both}
.commerce-item:nth-child(2){animation-delay:.06s}.commerce-item:nth-child(3){animation-delay:.12s}.commerce-item:nth-child(n+4){animation-delay:.18s}
@keyframes bp-card-in{from{opacity:0;transform:translateY(16px)}}
.commerce-item.bp-has-thumb{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:24px;align-items:start}
.commerce-item.bp-has-thumb>:not(.bp-item-thumb){grid-column:2}
.bp-item-thumb{grid-row:1/span 6;margin:0;width:132px;height:156px;border-radius:18px}
.commerce-item-heading .eyebrow{display:inline-block;font-size:10px;letter-spacing:.14em;padding:5px 10px;border-radius:999px;background:#eef4f9;color:#075e9f;margin-bottom:10px}
.commerce-item-heading h2{font-size:24px;letter-spacing:-.03em;margin:0;color:#0b2f4f}
.commerce-item-actions{gap:8px;align-items:center}
.commerce-item-actions a,.commerce-item-actions button{min-height:38px;padding:0 15px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;display:inline-flex;align-items:center;transition:background .2s,color .2s,box-shadow .2s}
.commerce-item-actions a{color:#075e9f;box-shadow:inset 0 0 0 1.5px rgba(7,94,159,.28)}
.commerce-item-actions a:hover{background:#eef5fa;box-shadow:inset 0 0 0 1.5px #075e9f}
.commerce-item-actions button{color:#b4471c;background:#fff4ec}
.commerce-item-actions button:hover{background:#ffe6d6;color:#9a3412}
.commerce-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:18px}
.commerce-details>div{display:block;margin:0;padding:11px 14px;border-radius:14px;background:#f6f9fb;border:1px solid #e7eef3}
.commerce-details dt{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6c7f8c;margin-bottom:4px}
.commerce-details dd{font-size:14px;font-weight:600;color:#123d5c}
.commerce-item-pricing{margin-top:16px;padding:6px 16px;border-radius:16px;background:linear-gradient(180deg,#f8fbfd,#f2f7fa);border:1px solid #e3ecf2}
.commerce-item-pricing .commerce-line:last-child{border-bottom:0;font-weight:700}
.commerce-line{border-bottom-color:#e5ecf1}

/* Summary */
.commerce-summary{top:112px;border-radius:26px;padding:28px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(160deg,rgba(7,94,159,.35),rgba(246,126,32,.35)) border-box;border:1.5px solid transparent;box-shadow:0 34px 70px -40px rgba(4,31,54,.6)}
.commerce-summary h2{font-size:22px;letter-spacing:-.02em;color:#0b2f4f}
.commerce-total{font-size:20px;color:#0b2f4f;border-bottom:0}
.commerce-total strong{font:800 26px/1 Manrope,sans-serif;letter-spacing:-.03em}
.commerce-pending{margin:0 0 14px;padding:12px 14px 12px 32px;border-radius:14px;background:#fff7ec;border:1px solid #f6dcb5}
.commerce-wrap .button{border-radius:999px;min-height:54px;font-size:15px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .2s}
.commerce-wrap .button.dark{background:linear-gradient(135deg,#0a6cb6,#075e9f 45%,#054a7e);box-shadow:0 14px 30px -16px rgba(7,94,159,.8)}
.commerce-wrap .button.dark:hover{transform:translateY(-2px);box-shadow:0 20px 36px -16px rgba(7,94,159,.85)}
.commerce-secondary{border:0;box-shadow:inset 0 0 0 1.5px rgba(7,94,159,.35)}
.commerce-secondary:hover{background:#eef5fa;box-shadow:inset 0 0 0 1.5px #075e9f}
.commerce-layout>div>.text-button{display:inline-flex;width:auto;gap:10px;align-items:center;border:0;padding:10px 0;font-size:14px;color:#075e9f}
.commerce-layout>div>.text-button::before{content:'←';transition:transform .3s}
.commerce-layout>div>.text-button:hover::before{transform:translateX(-4px)}
.bp-assure{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #e5ecf1;display:grid;gap:9px}
.bp-assure li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#3d5868}
.bp-assure li::before{content:'';flex:none;width:18px;height:18px;border-radius:50%;margin-top:1px;background:#e8f3ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m5 9.3 2.6 2.5L13 6.4' fill='none' stroke='%23237a4b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

/* Empty state */
.commerce-empty{max-width:640px;margin:10px auto 0;padding:52px 40px;text-align:center}
.commerce-empty::before{content:'';display:block;width:76px;height:76px;margin:0 auto 20px;border-radius:24px;background:linear-gradient(135deg,#f67e20,#ff9d4d) center no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"),linear-gradient(135deg,#f67e20,#ff9d4d);background-size:36px,100%;box-shadow:0 18px 34px -16px rgba(246,126,32,.85)}
.commerce-empty h2{font-size:28px;letter-spacing:-.03em;color:#0b2f4f}
.commerce-empty p{color:#566876;margin-bottom:24px}
.commerce-empty .text-button{display:inline-flex;width:auto;border:0;margin-left:14px;font-size:14px}

/* Status + checkout form */
.commerce-status{border-radius:14px;padding:14px 18px;border:1px solid #d6e6f2}
.commerce-field input,.commerce-field textarea,.commerce-field select{border-radius:12px;border-color:#c8d7e2;transition:border-color .2s,box-shadow .2s}
.commerce-field input:focus,.commerce-field textarea:focus,.commerce-field select:focus{outline:none;border-color:#075e9f;box-shadow:0 0 0 4px rgba(47,143,214,.18)}
.commerce-check input{accent-color:#075e9f}

/* Footer */
.commerce-footer{background:#041f36;color:#cfe0ee;padding:34px 5%;margin-top:40px}
.commerce-footer a{color:#fff}

@media (max-width:760px){
  .commerce-summary{position:static;top:auto}
  .commerce-wrap h1{font-size:40px}
  body:is([data-page="cart"],[data-page="checkout"]) .commerce-header{padding:10px 5%}
  .commerce-item.bp-has-thumb{grid-template-columns:84px minmax(0,1fr);column-gap:16px}
  .bp-item-thumb{width:84px;height:100px;border-radius:14px;grid-row:1/span 2}
  .commerce-item.bp-has-thumb>.commerce-details,.commerce-item.bp-has-thumb>.commerce-item-pricing,.commerce-item.bp-has-thumb>.commerce-muted{grid-column:1/-1}
  .commerce-item-heading h2{font-size:20px}
  .commerce-details{grid-template-columns:1fr 1fr}
  .commerce-item-actions{margin-top:10px}
  .commerce-empty{padding:36px 22px}
  .commerce-empty .text-button{margin:12px 0 0}
  .bp-steps-bar{font-size:12px;gap:8px}
}
@media (prefers-reduced-motion:reduce){.commerce-item,.commerce-panel,.commerce-empty{animation:none}}