/* mycart.gr storefront: shared components. Themes only change the tokens in :root and a few signature rules. */
@font-face{font-family:"Noto Sans Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/noto-sans-greek-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Noto Sans Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/noto-sans-greek-wght-normal.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Noto Sans Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/noto-sans-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Noto Sans Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/noto-sans-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#fff;--surface:#f4f4f2;--ink:#16181a;--muted:#5d6166;--line:#e4e4e1;--accent:#1f4d3f;--on-accent:#fff;
  --sans:"Noto Sans Variable",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --head:var(--sans);--head-weight:600;--head-tracking:-.015em;
  --radius:10px;--btn-radius:999px;--wrap:1320px;--gutter:clamp(16px,4vw,40px);
  --cols-xl:4;--cols-l:4;--cols-m:3;--cols-s:2;--gap-x:20px;--gap-y:36px;--gap-x-s:12px;--gap-y-s:28px;--ratio:1 / 1;--fit:cover;--header-h:72px;--header-h-s:60px;
  color-scheme:light;
}
.serif-headings{--head:var(--serif);--head-weight:500;--head-tracking:-.01em}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:var(--head-weight);letter-spacing:var(--head-tracking);line-height:1.15;margin:0;overflow-wrap:anywhere;text-wrap:balance}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
::selection{background:var(--accent);color:var(--on-accent)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:6px}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.muted{color:var(--muted)}
.fine{font-size:13px;color:var(--muted)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Form controls */
input[type=search],input[type=number],input[type=text],input[type=email],select{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:calc(var(--radius) * .6);background:var(--bg);min-width:0}
input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
select{padding-right:34px;appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23666' stroke-width='1.6'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:1px solid var(--accent);border-radius:var(--btn-radius);background:var(--accent);color:var(--on-accent);font-weight:600;font-size:15px;text-decoration:none;transition:filter .15s,background-color .15s,color .15s}
.btn:hover{filter:brightness(.9)}
.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}
.btn-quiet{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-quiet:hover{filter:none;border-color:var(--ink)}
.btn-small{min-height:38px;padding:0 16px;font-size:14px}
.btn-block{width:100%}
.link-button{background:none;border:0;padding:0;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.text-link{display:inline-block;margin-top:14px;font-size:14px;color:var(--muted)}

/* Preview bar (theme gallery only) */
.preview-bar{background:var(--ink);color:var(--bg);font-size:13px;padding:10px var(--gutter);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center}
.preview-bar nav{display:flex;gap:18px;flex-wrap:wrap}
.preview-bar a{text-decoration:none;opacity:.75}.preview-bar a[aria-current]{opacity:1;text-decoration:underline}

/* Header */
.shop-header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.shop-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,440px) auto;align-items:center;gap:24px;min-height:var(--header-h)}
.shop-logo{font-family:var(--head);font-weight:650;font-size:22px;letter-spacing:-.02em;text-decoration:none;line-height:1.1;overflow-wrap:anywhere}
.shop-search{position:relative;display:flex}
.shop-search input{width:100%;padding-right:46px;background:var(--surface);border-color:transparent}
.shop-search button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;background:none;color:var(--muted)}
.shop-tools{display:flex;align-items:center;gap:4px}
.shop-tools a{position:relative;display:grid;place-items:center;min-width:42px;height:42px;text-decoration:none;border-radius:999px}
.shop-tools a:hover{background:var(--surface)}
.tool-lang{font-size:13px;font-weight:600;letter-spacing:.04em}
.cart-count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.shop-nav{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;padding-bottom:14px;font-size:14px}
.shop-nav::-webkit-scrollbar{display:none}
.shop-nav a{white-space:nowrap;text-decoration:none;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}
.shop-nav a:hover,.shop-nav a[aria-current]{color:var(--ink);border-color:currentColor}
.shop-drawer{display:none}
.shop-drawer summary{list-style:none;display:grid;place-items:center;width:42px;height:42px;cursor:pointer}
.shop-drawer summary::-webkit-details-marker{display:none}
.shop-drawer nav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gutter) 20px;display:grid;box-shadow:0 18px 30px -24px rgb(0 0 0 / .35)}
.shop-drawer nav a{padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:17px}

/* Landing */
.hero{padding-block:clamp(48px,9vw,120px) clamp(40px,7vw,96px);border-bottom:1px solid var(--line)}
.hero-inner{display:grid;gap:clamp(28px,5vw,72px);align-items:center}
.hero-copy{display:grid;gap:22px;justify-items:start}
.hero.has-media{padding-block:clamp(32px,5vw,72px)}
.hero.has-media .hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero-media{aspect-ratio:var(--hero-ratio,1 / 1);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-title{font-size:clamp(34px,5.4vw,68px);line-height:1.04;max-width:17ch}
.hero-body{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:48ch;line-height:1.6}
.band{margin-block:clamp(48px,7vw,88px)}
.band-title{font-size:clamp(22px,2.4vw,28px);margin-bottom:28px}
.band-text .rich-text{max-width:68ch;font-size:17px}

/* Collection */
.collection{margin-block:clamp(36px,5vw,64px) 0}
.collection-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.collection-title{font-size:clamp(26px,3vw,38px)}
.collection-head .muted{margin-top:6px;font-size:14px}
.sort{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.sort select{color:var(--ink)}
.grid{--cols:var(--cols-xl);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap-y) var(--gap-x)}
.grid.is-loading{opacity:.55;transition:opacity .2s}
.empty{padding:56px 0;display:grid;gap:12px;justify-items:start}
.empty-title{font-family:var(--head);font-size:22px}
.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:56px;font-size:14px;color:var(--muted)}
.toast:empty{display:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:40;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:10px;font-size:14px;box-shadow:0 12px 30px -12px rgb(0 0 0 / .45);max-width:calc(100% - 32px)}
.toast a{color:inherit;font-weight:600;margin-left:8px}

/* Product card */
.card{display:flex;flex-direction:column;min-width:0}
.card-media{position:relative;display:block;text-decoration:none;color:inherit;aspect-ratio:var(--ratio);overflow:hidden;border-radius:var(--radius);background:var(--surface)}
.card-media img{width:100%;height:100%;object-fit:var(--fit);transition:opacity .35s ease,transform .6s ease}
.card-alt{position:absolute;inset:0;opacity:0}
@media (hover:hover){.card:hover .card-alt{opacity:1}.card:hover .card-media img:first-child{transform:scale(1.02)}}
.card-placeholder{display:grid;place-items:center;width:100%;height:100%;font:400 64px/1 var(--serif);color:var(--muted);background:var(--surface)}
.badge{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:999px;background:var(--bg);color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.02em}
.badge-muted{color:var(--muted)}
.card-body{display:grid;gap:4px;padding-top:14px}
.card-title{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:0;line-height:1.35}
.card-title a{text-decoration:none}
.card-title a:hover{text-decoration:underline}
.card-title a::after{content:"";position:absolute;inset:0}
.card{position:relative}
.card-action{position:relative;z-index:1;margin-top:10px}
.card-action form{margin:0}
.card-sku,.card-stock{font-size:13px;color:var(--muted)}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-variant-numeric:tabular-nums}
.price-now{font-weight:600}
.price-was{color:var(--muted);font-size:.88em}
.price-from{color:var(--muted);font-size:.88em}

/* Product page */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);padding-block:22px}
.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}
.product-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gallery-item{margin:0;aspect-ratio:var(--ratio);background:var(--surface);border-radius:var(--radius);overflow:hidden}
.gallery-item:first-child{grid-column:1 / -1}
.gallery-item img{width:100%;height:100%;object-fit:var(--fit)}
.buy{position:sticky;top:calc(var(--header-h) + 64px);display:grid;gap:14px}
.product-title{font-size:clamp(28px,3vw,40px);line-height:1.1}
.price-large{font-size:22px;margin-top:4px}
.buy-form{display:grid;gap:18px;margin-top:10px}
.options{border:0;margin:0;padding:0;display:grid;gap:8px}
.options legend{font-size:14px;font-weight:600;margin-bottom:10px;padding:0}
.option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:calc(var(--radius) * .7);cursor:pointer;transition:border-color .15s}
.option:hover{border-color:var(--muted)}
.option input{position:absolute;opacity:0;pointer-events:none}
.option:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.option-meta{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.option.is-disabled{cursor:not-allowed;color:var(--muted)}
.option.is-disabled .option-name{text-decoration:line-through}
.buy-row{display:grid;grid-template-columns:88px 1fr;gap:10px}
.qty input{width:100%;height:48px;text-align:center;font-variant-numeric:tabular-nums}
.stock{display:flex;align-items:center;gap:8px;font-size:14px}
.stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#2f8a4c}
.stock-out::before{background:var(--muted)}
.assurances{list-style:none;margin:8px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14px;color:var(--muted)}
.assurances li{display:flex;gap:10px;align-items:flex-start}
.assurances .icon{flex:none;width:20px;height:20px;color:var(--ink)}
.description{max-width:72ch;margin-top:clamp(48px,7vw,96px);padding-top:32px;border-top:1px solid var(--line)}
.description h2{font-size:22px;margin-bottom:16px}

/* Cart */
.page-title{font-size:clamp(28px,3.4vw,44px);padding-block:clamp(28px,4vw,48px) 24px}
.cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(28px,5vw,64px);align-items:start}
.cart-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cart-line{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;grid-template-areas:"thumb info qty total" "thumb info remove total";gap:6px 20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.cart-thumb{grid-area:thumb;width:96px;aspect-ratio:var(--ratio);border-radius:calc(var(--radius) * .6);overflow:hidden;background:var(--surface)}
.cart-thumb img{width:100%;height:100%;object-fit:var(--fit)}
.cart-thumb .card-placeholder{font-size:32px}
.cart-info{grid-area:info;display:grid;gap:4px}
.cart-name{font-weight:500;text-decoration:none}
.cart-qty{grid-area:qty;display:flex;gap:8px}
.cart-qty input{width:72px;text-align:center}
.cart-remove{grid-area:remove}
.cart-total{grid-area:total;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px;text-align:right}
.summary{position:sticky;top:calc(var(--header-h) + 24px);background:var(--surface);border-radius:var(--radius);padding:24px;display:grid;gap:14px}
.summary dl{display:flex;justify-content:space-between;margin:0;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.summary dd{margin:0}
.alert{padding:12px 16px;border-radius:8px;background:#fdf0ee;color:#8a2a1c;margin-bottom:16px}

/* Content */
.content-page{max-width:calc(72ch + var(--gutter) * 2)}
.content-page .rich-text{font-size:17px;padding-bottom:24px}
.rich-text{line-height:1.7;overflow-wrap:anywhere}
.rich-text>:first-child{margin-top:0}.rich-text>:last-child{margin-bottom:0}
.rich-text p,.rich-text ul,.rich-text ol,.rich-text blockquote,.rich-text table,.rich-text pre{margin:0 0 1em}
.rich-text h2,.rich-text h3,.rich-text h4{margin:1.6em 0 .5em}
.rich-text ul,.rich-text ol{padding-inline-start:1.3em}
.rich-text li+li{margin-top:.3em}
.rich-text a{color:var(--accent)}
.rich-text blockquote{border-inline-start:2px solid var(--accent);padding-inline-start:1em;color:var(--muted)}
.rich-text img{height:auto;border-radius:var(--radius)}
.rich-text table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.rich-text th,.rich-text td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:start}
.rich-text hr{border:0;border-top:1px solid var(--line);margin:2em 0}

/* Account and other customer pages (forms kept as plain HTML) */
.account-page{max-width:calc(760px + var(--gutter) * 2);padding-block:clamp(28px,4vw,48px) 0}
.account-page h1{font-size:clamp(28px,3.4vw,40px);margin-bottom:20px}
.account-page h2{font-size:22px;margin:44px 0 12px}
.account-page h1+p,.account-page h2+p{color:var(--muted)}
.account-page p{margin:8px 0;line-height:1.6}
.account-page>a,.account-page p>a{color:var(--ink)}
.account-page form{margin:0;padding:6px 0 22px}
.account-page form+form{padding-top:0}
.account-page label{display:block;margin:14px 0;font-size:14px;font-weight:500}
.account-page label input:not([type=checkbox]):not([type=radio]),.account-page label select,.account-page label textarea{display:block;width:100%;margin-top:6px;font-weight:400}
.account-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.account-page select{height:46px;padding:0 14px;border:1px solid var(--line);border-radius:calc(var(--radius) * .6);background:var(--bg)}
.account-page textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:calc(var(--radius) * .6);background:var(--bg);font-weight:400}
.account-page label:has(>input[type=checkbox]),.account-page label.inline{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.5}
.account-page input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex:none}
.account-page button:not(.link-button){display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid var(--accent);border-radius:var(--btn-radius);background:var(--accent);color:var(--on-accent);font-weight:600;font-size:15px;margin-top:6px}
.account-page button:not(.link-button):hover{filter:brightness(.9)}
.account-page button:disabled{opacity:.55;cursor:not-allowed}
.account-page article,.account-page section{border-top:1px solid var(--line);padding:16px 0}
.account-page article form,.account-page section form{padding:6px 0 0}
.account-page [role=alert]{padding:12px 16px;border-radius:8px;background:#fdf0ee;color:#8a2a1c}
.account-page [role=status]{padding:12px 16px;border-radius:8px;background:#edf6ef;color:#1f5a33}
.account-page [role=note]{color:var(--muted)}
.account-page fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:8px 18px 4px;margin:16px 0}
.account-page legend{font-size:14px;font-weight:600;padding:0 6px}
.account-page table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;margin:12px 0}
.account-page th,.account-page td{text-align:start;padding:10px 8px;border-bottom:1px solid var(--line)}
.account-page th{font-weight:600;color:var(--muted)}
.account-page details{margin:12px 0}
.account-page summary{cursor:pointer;font-size:14px;color:var(--muted)}
.account-page small{color:var(--muted)}
.account-page ul{padding-inline-start:1.2em}
.account-page .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.account-page .row form{padding:0}
.account-page .row a,.account-page .row button:not(.link-button){min-height:38px;padding:0 14px;font-size:14px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--btn-radius);text-decoration:none;display:inline-flex;align-items:center;margin:0}
.account-page .row button.danger,.account-page button.danger{background:transparent;color:#9b2c2c;border-color:#e6c4c0}
.account-page a.pill{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:var(--btn-radius);background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600}
.account-page section form{display:inline-block;margin-right:8px}
.account-page section button{min-height:38px;font-size:14px;padding:0 14px}

/* Footer */
.shop-footer{margin-top:clamp(64px,10vw,128px);border-top:1px solid var(--line);font-size:14px}
.footer-grid{display:grid;grid-template-columns:2fr repeat(2,minmax(0,1fr));gap:32px;padding-block:48px}
.footer-grid nav{display:grid;align-content:start;gap:10px}
.footer-grid h2{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.footer-grid a{text-decoration:none}.footer-grid nav a:hover{text-decoration:underline}
.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-block:20px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}

/* Responsive */
@media (max-width:1280px){.grid{--cols:var(--cols-l)}}
@media (max-width:1100px){.grid{--cols:var(--cols-m)}}
@media (max-width:860px){
  .grid{--cols:var(--cols-s);--gap-x:var(--gap-x-s);--gap-y:var(--gap-y-s)}
  :root{--header-h:var(--header-h-s)}
  .shop-bar{grid-template-columns:auto 1fr auto;gap:8px 12px;padding-block:6px}
  .shop-drawer{display:block}
  .shop-search{grid-column:1 / -1;grid-row:2;margin-bottom:8px}
  .shop-logo{font-size:20px}
  .tool-lang{display:none!important}
  .shop-nav{display:none}
  .product-grid,.cart-grid,.hero.has-media .hero-inner{grid-template-columns:1fr}
  .gallery{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .gallery::-webkit-scrollbar{display:none}
  .gallery-item{scroll-snap-align:start}
  .gallery-item:first-child{grid-column:auto}
  .buy,.summary{position:static}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}
  .cart-line{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"thumb info total" "thumb qty qty" "thumb remove remove"}
  .cart-thumb{width:72px}
}
@media (max-width:420px){.card-title{font-size:14px}.btn-small{padding:0 12px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}