/* Bag page, drawer lines, checkout result pages (stripe agent). */
.gc-bag{padding:3rem 1.25rem 4rem}.gc-bag h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em;margin:0 0 2rem}
.gc-bag-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:2rem;align-items:start}
.gc-ship{background:var(--pf-card);border:1px solid var(--pf-border);border-radius:var(--pf-radius);padding:1rem 1.25rem;margin:0 0 1rem}
.gc-ship p{margin:0 0 .6rem;font-size:14px}.gc-ship b{color:var(--pf-primary)}
.gc-ship-bar{height:6px;border-radius:99px;background:var(--pf-muted);overflow:hidden}
.gc-ship-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#1AA5B5,#3FD9C2);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.gc-ship.done .gc-ship-bar i{background:#1F9D6B}
.gc-lines{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.gc-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:1rem;align-items:center;background:var(--pf-card);border:1px solid var(--pf-border);border-radius:var(--pf-radius);padding:.9rem 1.1rem;position:relative}
.gc-line:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--acc,#34307A)}
.gc-line-img{width:120px;height:120px;border-radius:calc(var(--pf-radius) - 2px);background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--acc,#34307A) 14%,transparent),transparent 70%),var(--pf-muted);display:grid;place-items:center;overflow:hidden}
.gc-line-img img{width:100%;height:100%;object-fit:contain}
.gc-line-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gc-line-meta b{font-size:16px}.gc-line-meta a:hover b{color:var(--pf-primary)}
.gc-line-meta span{font-size:13px;color:var(--pf-muted-foreground)}
.gc-rm{align-self:flex-start;margin-top:.4rem;background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--pf-muted-foreground);text-decoration:underline;cursor:pointer}
.gc-step{display:inline-flex;align-items:center;border:1px solid var(--pf-border);border-radius:999px;background:var(--pf-background)}
.gc-step button{width:36px;height:36px;border:0;background:none;border-radius:999px;font-size:18px;cursor:pointer;color:inherit}
.gc-step button:hover:not(:disabled){background:var(--pf-muted)}.gc-step button:disabled{opacity:.35;cursor:default}
.gc-step output{min-width:1.6rem;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.gc-line-tot{font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}
.gc-lines-sm .gc-line{grid-template-columns:auto minmax(0,1fr) auto;padding:.7rem .8rem;gap:.7rem}
.gc-lines-sm .gc-line-img{width:72px;height:72px}.gc-lines-sm .gc-line-tot{grid-column:3;grid-row:1;align-self:start;font-size:14px}
.gc-lines-sm .gc-step{grid-column:2/4;justify-self:start}.gc-lines-sm .gc-line-meta b{font-size:14px}
.gc-empty{text-align:center;padding:2.5rem 1rem;border:1px dashed var(--pf-border);border-radius:var(--pf-radius)}.gc-empty p{margin:0 0 1rem;color:var(--pf-muted-foreground)}
.gc-sum{position:sticky;top:96px;background:var(--pf-card);border:1px solid var(--pf-border);border-radius:var(--pf-radius);padding:1.5rem;box-shadow:0 20px 40px -28px #34307a40}
.gc-sum h2{font-size:1.15rem;margin:0 0 1rem}
.gc-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:15px;font-variant-numeric:tabular-nums}
.gc-row span:first-child{color:var(--pf-muted-foreground)}
.gc-row-total{border-top:1px solid var(--pf-border);margin-top:.4rem;padding-top:.9rem;font-weight:700;font-size:17px}.gc-row-total span:first-child{color:inherit}
.gc-checkout{width:100%;justify-content:center;margin-top:1.1rem;background:var(--pf-charcoal);color:#fff;padding:1rem 1.4rem;font-size:15px}
.gc-checkout svg{width:18px;height:18px}.gc-checkout:disabled{opacity:.45;cursor:not-allowed;transform:none}
.gc-checkout[aria-busy=true]{opacity:.8;cursor:progress}
.gc-err{margin:.8rem 0 0;color:#B42318;font-size:14px}
.gc-fine{margin:.9rem 0 0;font-size:12px;color:var(--pf-muted-foreground);line-height:1.5}
.gc-trust{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.gc-trust li{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-items:center;padding:1rem;border-radius:var(--pf-radius);background:var(--pf-muted)}
.gc-trust svg{width:26px;height:26px;color:var(--pf-primary);grid-row:span 2}.gc-trust b{font-size:14px}.gc-trust span{font-size:12px;color:var(--pf-muted-foreground)}
.gc-done{padding:4rem 1.25rem 5rem;display:grid;place-items:center}
.gc-done-card{width:min(640px,100%);background:var(--pf-card);border:1px solid var(--pf-border);border-radius:calc(var(--pf-radius) * 1.5);padding:2.5rem;text-align:center;box-shadow:0 30px 60px -40px #34307a55}
.gc-done-card h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .5rem;letter-spacing:-.02em}
.gc-done-mark{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:999px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1AA5B5,#3FD9C2)}
.gc-done-mark svg{width:30px;height:30px}
.gc-done-lead{color:var(--pf-muted-foreground);margin:0 0 1.5rem}.gc-done-lead b{color:var(--pf-foreground)}
.gc-test{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#FDE7C7;color:#8A4B00;border-radius:999px;padding:.1rem .5rem;margin-left:.3rem}
.gc-lines-ro{text-align:left;margin-bottom:.75rem}.gc-lines-ro li{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--pf-border);font-size:15px}
#gc-order-tot{text-align:left;margin-bottom:1.5rem}
.gc-done-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
@media (max-width:900px){.gc-bag-grid{grid-template-columns:1fr}.gc-sum{position:static}.gc-trust{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gc-line{grid-template-columns:auto minmax(0,1fr) auto;padding:.8rem}.gc-line-img{width:80px;height:80px}
.gc-line .gc-step{grid-column:2;grid-row:2;justify-self:start}.gc-line .gc-line-tot{grid-column:3;grid-row:2}.gc-line-img{grid-row:span 2}
.gc-trust{grid-template-columns:1fr}.gc-done-card{padding:1.75rem 1.25rem}}
@media (prefers-reduced-motion:reduce){.gc-ship-bar i{transition:none}}
/* ===== deep-info pass 2026-11-09: bag, cross-sell, success ===== */
.gc-bag{padding:0 0 5rem}
.bag-hero{padding:3.5rem 0 2rem;background:radial-gradient(50rem 20rem at 90% -30%,color-mix(in srgb,#34307A 12%,transparent),transparent 65%)}
.bag-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.035em;line-height:1.02;margin:.5rem 0 1.5rem;color:#24215C}.bag-hero h1 span{color:#34307A;opacity:.6}
.bag-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.bag-steps li{display:inline-flex;align-items:center;gap:.5rem;font-size:13px;font-weight:600;padding:.4rem .9rem .4rem .45rem;border-radius:999px;background:#fff;border:1px solid var(--pf-border);color:#4a4766}
.bag-steps i{font-style:normal;width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:var(--pf-muted);font-size:12px}
.bag-steps li.on{background:#24215C;color:#fff;border-color:#24215C}.bag-steps li.on i{background:#fff;color:#24215C}
.gc-ship{display:flex;gap:1rem;align-items:center;border-radius:1.25rem;padding:1.1rem 1.4rem}.gc-ship>div{flex:1}.gc-ship>svg{width:30px;height:30px;color:#34307A;flex:none}
.gc-ship.done>svg{color:#1F7A55;animation:gc-drive .8s cubic-bezier(.2,.8,.2,1)}
@keyframes gc-drive{0%{transform:translateX(-8px)}60%{transform:translateX(6px)}100%{transform:none}}
.gc-line{border-radius:1.25rem;padding:1rem 1.25rem;transition:box-shadow .3s,transform .3s;animation:gc-in .45s cubic-bezier(.2,.8,.2,1) both}
.gc-line:hover{box-shadow:0 18px 40px -30px color-mix(in srgb,var(--acc) 70%,transparent)}
@keyframes gc-in{from{opacity:0;transform:translateY(8px)}}
.gc-lines .gc-line:nth-child(2){animation-delay:.05s}.gc-lines .gc-line:nth-child(3){animation-delay:.1s}.gc-lines .gc-line:nth-child(4){animation-delay:.15s}.gc-lines .gc-line:nth-child(5){animation-delay:.2s}
.gc-line.bump{animation:none}.gc-line.bump output{animation:gc-pop .4s cubic-bezier(.3,1.6,.5,1)}.gc-line.bump .gc-line-tot{animation:gc-flash .6s ease}.gc-line.bump .gc-line-img img{animation:gc-wig .5s ease}
@keyframes gc-pop{40%{transform:scale(1.45);color:var(--acc)}}
@keyframes gc-flash{30%{color:var(--acc)}}
@keyframes gc-wig{30%{transform:rotate(-5deg) scale(1.05)}65%{transform:rotate(3deg)}}
.gc-bag .gc-line-img{width:132px;height:132px;border-radius:1rem;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--acc,#34307A) 22%,#fff),color-mix(in srgb,var(--acc,#34307A) 6%,#fff) 72%)}
.gc-bag .gc-line-meta b{font-size:18px;color:#24215C}
.gc-step button:focus-visible,.xs-add:focus-visible,.xs-nav button:focus-visible{outline:2px solid #34307A;outline-offset:2px}
.gc-sum{border-radius:1.25rem;padding:1.75rem}
.sum-assure{list-style:none;padding:1rem 0 0;margin:1.1rem 0 0;border-top:1px solid var(--pf-border);display:grid;gap:.6rem;font-size:13px;color:#3f3c5c}
.sum-assure li{display:flex;gap:.6rem;align-items:center}.sum-assure svg{width:18px;height:18px;color:#34307A;flex:none}
.gc-empty{padding:3.5rem 1rem;border-radius:1.25rem;background:#fff}.gc-empty p{font-size:1.15rem;color:#24215C}
/* cross-sell: big horizontal cards */
.xs{padding:4.5rem 0 0}
.xs-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}
.xs-head h2{font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em;margin:.4rem 0 0;color:#24215C}
.xs-nav{display:flex;gap:.5rem}.xs-nav button{width:48px;height:48px;border-radius:99px;border:1px solid var(--pf-border);background:#fff;cursor:pointer;color:#24215C;display:grid;place-items:center;transition:background .2s,color .2s}
.xs-nav button:hover{background:#24215C;color:#fff}.xs-nav svg{width:20px;height:20px}.xs-prev svg{transform:rotate(180deg)}
.xs-track{list-style:none;margin:0;padding:0 0 1rem;display:grid;grid-auto-flow:column;grid-auto-columns:min(560px,86%);gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.xs-track::-webkit-scrollbar{display:none}
.xs-card{scroll-snap-align:start;display:grid;grid-template-columns:1.1fr 1fr;border-radius:1.5rem;overflow:hidden;background:color-mix(in srgb,var(--acc) 9%,#fff);border:1px solid color-mix(in srgb,var(--acc) 18%,transparent)}
.xs-card[hidden]{display:none}
.xs-img{display:block;aspect-ratio:1;overflow:hidden;background:#fff}.xs-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.xs-card:hover .xs-img img{transform:scale(1.06)}
.xs-body{padding:1.5rem;display:flex;flex-direction:column;gap:.6rem}
.xs-body small{display:inline-flex;gap:.4rem;align-items:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#24215C}.xs-body small svg{width:18px;height:18px;color:var(--acc)}
.xs-body h3{margin:0;font-size:1.5rem;letter-spacing:-.02em;line-height:1.1}.xs-body h3 a{color:#24215C;text-decoration:none}.xs-body h3 em{font-style:normal;font-weight:500;opacity:.7}
.xs-buy{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.xs-buy b{font-size:1.4rem;color:#24215C}
.xs-add{display:inline-flex;gap:.35rem;align-items:center;font:inherit;font-weight:600;font-size:14px;border:0;border-radius:999px;padding:.7rem 1.1rem;background:#1d1b2b;color:#fff;cursor:pointer;transition:transform .2s,background .2s}
.xs-add:hover{transform:translateY(-2px);background:#24215C}.xs-add svg{width:16px;height:16px}
.xs-done{color:#24215C;font-weight:600}
/* success */
.gc-done .gc-done-card{border-radius:1.75rem;padding:3rem 2.5rem;margin:0 auto;background:radial-gradient(30rem 14rem at 50% -10%,color-mix(in srgb,#1F9D6B 12%,transparent),transparent 70%),#fff}
.gc-done-ok .gc-done-card{animation:gc-in .6s cubic-bezier(.2,.8,.2,1) both}
.gc-done-mark{position:relative;width:84px;height:84px;background:#1F7A55;animation:gc-pop2 .7s cubic-bezier(.3,1.6,.5,1) both .1s}
.gc-done-mark svg{width:38px;height:38px;position:relative}.gc-done-mark path{stroke-dasharray:24;stroke-dashoffset:24;animation:gc-draw .5s ease forwards .5s}
.gc-done-mark-soft{background:#24215C}.gc-done-mark-soft path,.gc-done-mark-soft rect{stroke-dasharray:none;animation:none;stroke-dashoffset:0}
@keyframes gc-pop2{from{transform:scale(.3);opacity:0}}@keyframes gc-draw{to{stroke-dashoffset:0}}
.gc-burst{position:absolute;inset:0}.gc-burst i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:2px;background:#C7425A;transform:rotate(var(--r)) translateY(0);opacity:0;animation:gc-fly .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.45s + var(--d))}
.gc-burst i:nth-child(5n+1){background:#1AA5B5}.gc-burst i:nth-child(5n+2){background:#D98B1C}.gc-burst i:nth-child(5n+3){background:#1F9D6B}.gc-burst i:nth-child(5n+4){background:#C04497}
@keyframes gc-fly{0%{opacity:1;transform:rotate(var(--r)) translateY(0)}100%{opacity:0;transform:rotate(var(--r)) translateY(-78px) rotate(120deg)}}
.done-next{list-style:none;padding:0;margin:1.75rem 0 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:left}
.done-next li{background:var(--pf-muted);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.25rem;animation:gc-in .5s both}
.done-next li:nth-child(2){animation-delay:.1s}.done-next li:nth-child(3){animation-delay:.2s}
.done-next svg{width:22px;height:22px;color:#34307A;margin-bottom:.3rem}.done-next b{color:#24215C}.done-next span{font-size:13px;color:#4a4766;line-height:1.45}
@media (max-width:900px){.done-next{grid-template-columns:1fr}}
@media (max-width:560px){.bag-hero{padding:2.25rem 0 1.25rem}.gc-bag .gc-line-img{width:84px;height:84px}.gc-bag .gc-line-meta b{font-size:16px}
.xs-card{grid-template-columns:1fr}.xs-img{aspect-ratio:4/3}.xs-nav{display:none}.gc-done .gc-done-card{padding:2rem 1.25rem}}
@media (prefers-reduced-motion:reduce){.gc-line,.gc-line *,.gc-done-card,.gc-done-mark,.gc-done-mark path,.gc-burst i,.done-next li,.gc-ship>svg,.xs-img img{animation:none!important;transition:none!important}.gc-done-mark path{stroke-dashoffset:0}.gc-burst{display:none}}