@layer ec {
/* The token block: every ec rule reads only --ec-*, each set here from a kit v2 name (OFFICE review 1, SHOP review 1c). */
.ec-root,
.ec-shop {
  --ec-bg: var(--bg);
  --ec-surface: var(--surface);
  --ec-raised: var(--raised);
  --ec-border: var(--border);
  --ec-fg: var(--fg);
  --ec-muted: var(--muted);
  --ec-faint: color-mix(in srgb, var(--muted) 70%, var(--bg));
  /* The shop's own colour: this one line is the only place it is set. */
  --ec-accent: var(--accent);
  --ec-on-accent: var(--on-accent);
  --ec-ok: var(--ok);
  --ec-warn: var(--warn);
  --ec-danger: var(--danger);
  --ec-info: var(--info);
  --ec-focus: var(--focus);
  --ec-gutter: clamp(16px, 3vw, 40px);
  --ec-radius: var(--radius);
  --ec-radius-s: calc(var(--radius) - 6px);
  --ec-gap: var(--gap);
  --ec-font: var(--font);
}
/* Office pages: the kit's office.css draws .head, .card, .t, .pill, .note, .btn, .f, .in, .chk; these are the module's few
   extras, all ec-* names, read from the kit tokens. The stylesheet is already joined inside @layer ec by assets.rs, and
   office.css is not layered, so it beats any clash here: a rule that must win over a kit rule on the same element says
   so with !important. */
body:not(.ec-shop) .ec-root { color: inherit; background: transparent; padding: 0; max-width: 100%; overflow-wrap: anywhere; }
body:not(.ec-shop) .ec-root :focus-visible { outline: 0.15rem solid var(--ec-focus); outline-offset: 0.15rem; }
/* Spacing helpers: classes replace inline style attributes, which the page policy blocks. !important beats the kit's
   `p { margin: 0 }`. */
.ec-mt-8 { margin-top: 8px !important; }
.ec-mt-14 { margin-top: 14px !important; }
/* An inline form inside a .row or a table cell. */
.ec-form { margin: 0; }
/* A number box in a table cell: the width only; !important beats the kit's `.in { width: 100% }`. */
.ec-w-num { width: 7.5em !important; }
/* Pictures of the home page lists (banner 170x53, beside 53x53, under 159x53) and of a size guide row (56x40). */
.ec-thumb { width: 170px; height: 53px; object-fit: cover; border-radius: 4px; background: var(--ec-raised); flex: none; }
.ec-thumb-beside { width: 53px; }
.ec-thumb-under { width: 159px; }
/* A size guide's column title box with its cross, side by side. */
.ec-inline-x { display: inline-flex; gap: 4px; align-items: center; }
/* The home page list edit forms: hidden until their address is the page's :target, then the full row. */
.ec-edit:not(:target) { display: none; }
.ec-edit { grid-column: 1 / -1; }
.ec-thumb-guide { width: 56px; height: 40px; object-fit: contain; display: block; }
.ec-chart { max-width: 100%; height: auto; display: block; border: 1px solid var(--ec-border); }
/* The size guide editor grid: bordered cells. */
.ec-grid { border-collapse: collapse; width: 100%; min-width: max-content; }
.ec-grid th, .ec-grid td { border: 1px solid var(--ec-border); padding: 4px; text-align: center; font-size: 14px; }
.ec-grid td .in { width: 100%; min-width: 7rem; }
.ec-grid th:last-child, .ec-grid td:last-child { border-left: 0; }
/* The remove cross of a row or column: !important beats the kit's .btn colour, size and padding. */
.ec-grid-x { color: var(--ec-danger) !important; font-size: 20px !important; line-height: 1; padding: 2px 6px !important; border: 0 !important; }
.ec-door { color: var(--ec-danger); font-weight: 600; }
.ec-ext::after { content: " \2197"; color: var(--ec-muted); }

/* The row the arrow keys mark (ecom_keys.js). */
body:not(.ec-shop) .ec-root [data-ec-cur] { outline: 0.15rem solid var(--ec-focus); outline-offset: -0.15rem; }

/* A field the page marked wrong, and the message beside it. */
.ec-err { margin: 4px 0 0; color: var(--ec-danger); font-size: 0.85rem; font-weight: 600; }
.ec-root [aria-invalid="true"] { border-color: var(--ec-danger) !important; }

/* Phone width: the kit's `.stack` is a grid whose one column is as wide as its widest card, and a card is as wide as the
   table inside it, so a wide table pushed the whole page sideways. The column may shrink to the screen, and the table
   scrolls inside its `.wrap` box instead. !important beats the kit's unlayered rules. The host serves this sheet inside `@scope (.kit-mod-ec)`, so a
   selector here cannot start at `body`. */
.ec-root .stack { grid-template-columns: minmax(0, 1fr) !important; }
.ec-root .stack > *, .ec-root .card { min-width: 0 !important; }
/* The size guide editor at phone width: the form, its column boxes and the table box may shrink to the screen; the
   grid scrolls inside its `.wrap` box. */
.ec-root form, .ec-root .form, .ec-root .form .cols > * { min-width: 0 !important; }
.ec-root .ec-inline-x { max-width: 100%; }
.ec-root .ec-inline-x .in { min-width: 0 !important; flex: 1 1 auto; }
.ec-root .wrap { max-width: 100%; overflow-x: auto; position: relative; }
/* The shop document: the live look is look_site.css, look_shop.css and look_pages.css. The page root adds no box of its
   own, and the module's own --ec-* names read the live colours for the few parts the live shop never had. */
body.ec-shop {
  --ec-bg: var(--ground);
  --ec-surface: var(--surface);
  --ec-raised: var(--plate);
  --ec-border: var(--rule);
  --ec-fg: var(--ink);
  --ec-muted: var(--ink-soft);
  --ec-faint: var(--ink-faint);
  --ec-accent: var(--brand);
  --ec-on-accent: var(--on-brand);
  --ec-ok: #0e7c00;
  --ec-warn: var(--few);
  --ec-danger: var(--refused);
  --ec-info: var(--brand);
  --ec-focus: var(--focus);
  --ec-gutter: var(--gutter);
  --ec-radius: 6px;
  --ec-radius-s: 4px;
  --ec-gap: 16px;
}
body.ec-shop .ec-root {
  display: contents;
}
/* The live shop's site.css, every selector scoped to the shop body (root rules to its html). */
html:has(>body.ec-shop){--ground:#f4f5f7;--surface:#fff;--ink:#152036;--ink-soft:#576174;--ink-faint:#7b8595;--rule:#dfe3ea;--plate:#eef1f6;--brand:#174cbb;--brand-solid:#174cbb;--on-brand:#fff;--few:#815a0f;--refused:#b4231f;--focus:#3978f0;--gutter:clamp(16px,3vw,40px);color-scheme:light}
html[data-theme=dark]:has(>body.ec-shop){--ground:#101722;--surface:#182232;--ink:#edf2fa;--ink-soft:#b5bfd0;--ink-faint:#8b99af;--rule:#344154;--plate:#243247;--brand:#9dbdff;--brand-solid:#2059c8;--few:#e2c67c;--refused:#ff9184;--focus:#9dbdff;color-scheme:dark}
body.ec-shop *{box-sizing:border-box}
html:has(>body.ec-shop){font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem}
body.ec-shop{margin:0;background:var(--ground);color:var(--ink)}
body.ec-shop a{color:inherit}
body.ec-shop button,body.ec-shop input,body.ec-shop select,body.ec-shop textarea{font:inherit;color:inherit}
body.ec-shop button,body.ec-shop a,body.ec-shop input,body.ec-shop select,body.ec-shop textarea{touch-action:manipulation}
body.ec-shop button{cursor:pointer}
body.ec-shop button:disabled{cursor:default;opacity:.55}
body.ec-shop h1,body.ec-shop h2,body.ec-shop h3,body.ec-shop p{margin:0}
body.ec-shop h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.04em;font-weight:750}
body.ec-shop h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}
body.ec-shop p{margin-bottom:.8rem}
body.ec-shop main{max-width:1320px;margin:0 auto;padding:2rem var(--gutter) 4rem;min-height:55vh}
body.ec-shop code{font-size:.92em;overflow-wrap:anywhere}
body.ec-shop .vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.ec-shop .skip{position:absolute;left:-999px;top:8px;z-index:20;padding:10px 20px;background:var(--surface)}
body.ec-shop .skip:focus{left:16px}
body.ec-shop :focus-visible{outline:3px solid var(--focus);outline-offset:4px}
body.ec-shop input,body.ec-shop select,body.ec-shop textarea{max-width:100%}
body.ec-shop .top{background:#111e33;color:#fff;border-bottom:1px solid var(--rule)}
body.ec-shop .topline{background:#0b1526;color:#c1ccdc;font-size:.72rem;letter-spacing:.015em}
body.ec-shop .topline>div{max-width:1320px;margin:auto;padding:7px var(--gutter);display:flex;justify-content:space-between;gap:1rem}
body.ec-shop .bar{max-width:1320px;margin:auto;padding:22px var(--gutter);display:flex;align-items:center;gap:2.5rem}
body.ec-shop .lettermark{display:grid;place-items:center;width:46px;height:46px;background:#fff;color:#153d88;border-radius:4px;font-size:1.05rem;letter-spacing:-.06em;font-weight:800;border-bottom:4px solid #89abed}
body.ec-shop .shop-help{font-size:.8rem;text-decoration:none;white-space:nowrap;color:#dce5f3}
body.ec-shop .mark{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.5rem;font-weight:750;letter-spacing:-.045em;white-space:nowrap}
body.ec-shop .find{display:flex;flex:1;max-width:600px;margin:0 auto;border:1px solid #fff;border-radius:4px;background:#fff;color:#152036;overflow:hidden}
body.ec-shop .find input{flex:1;min-width:0;border:0;background:0 0;padding:12px 15px;outline-offset:-3px}
body.ec-shop .find input::placeholder{color:#647086}
body.ec-shop .find button{display:flex;align-items:center;gap:8px;border:0;background:#e9eff9;color:#153d88;font-size:.875rem;font-weight:700;padding:0 18px}
body.ec-shop .find button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
body.ec-shop .find button:hover{background:#d8e5fc}
body.ec-shop .ring{display:flex;flex-direction:column;text-decoration:none;white-space:nowrap;font-weight:700;font-size:.95rem}
body.ec-shop .ring small{font-size:.7rem;color:#bfcbdf;font-weight:500}
body.ec-shop .navline{position:relative;z-index:20;background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #0b152608}
body.ec-shop .cats{max-width:1320px;margin:auto;padding:0 var(--gutter)}
body.ec-shop .mnu-toggle,body.ec-shop .mnu-open{display:none}
body.ec-shop .menu{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.6rem;list-style:none;margin:0;padding:0}
body.ec-shop .m-top{position:relative}
body.ec-shop .m-top>a,body.ec-shop .m-group{display:block;padding:13px 0;border:0;border-bottom:3px solid transparent;background:0 0;font-size:.875rem;font-weight:600;color:var(--ink-soft);text-decoration:none;white-space:nowrap}
body.ec-shop .m-top>a:hover,body.ec-shop .m-top>a[aria-current],body.ec-shop .m-group:hover,body.ec-shop .m-top:focus-within>.m-group{color:var(--brand);border-color:var(--brand)}
body.ec-shop li:has(>ul)>a:after,body.ec-shop .m-group:after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 3px 7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
body.ec-shop .m-sub li:has(>ul)>a:after{transform:rotate(-45deg);margin-left:12px}
body.ec-shop .m-sub{display:none;position:absolute;top:100%;left:-14px;z-index:25;min-width:210px;list-style:none;margin:0;padding:7px 0;background:var(--surface);border:1px solid var(--rule);border-radius:6px;box-shadow:0 12px 30px #0b15262e}
body.ec-shop .m-sub li{position:relative}
body.ec-shop .m-sub a{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.85rem;color:var(--ink);text-decoration:none;white-space:nowrap}
body.ec-shop .m-sub a:hover,body.ec-shop .m-sub a:focus-visible,body.ec-shop .m-sub a[aria-current]{background:var(--plate);color:var(--brand)}
body.ec-shop .m-side{top:-8px;left:100%}
body.ec-shop .m-top:hover>.m-sub,body.ec-shop .m-top:focus-within>.m-sub,body.ec-shop .m-sub li:hover>.m-side,body.ec-shop .m-sub li:focus-within>.m-side{display:block}
body.ec-shop .m-closed>.m-sub{display:none!important}
body.ec-shop .lists{display:flex;gap:4px;flex-shrink:0}
body.ec-shop .list-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:5px 6px;border-radius:6px;color:#fff;text-decoration:none;font-size:.68rem;font-weight:600}
body.ec-shop .list-link:hover{background:#ffffff1a}
body.ec-shop .list-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.ec-shop .list-link circle{fill:currentColor;stroke:none}
body.ec-shop .badge{position:absolute;top:0;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e0352b;color:#fff;font-size:.66rem;font-weight:750;line-height:18px;text-align:center}
body.ec-shop .badge[data-n="0"]{display:none}
body.ec-shop .eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}
body.ec-shop .shop-intro{padding:2px 0 26px;margin-bottom:6px}
body.ec-shop .departments{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:22px 0 4px}
body.ec-shop .departments a{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;text-decoration:none;background:var(--surface);border:1px solid var(--rule);border-radius:5px;padding:15px 10px;font-size:.8rem;font-weight:650;height:100%;overflow-wrap:anywhere}
body.ec-shop .departments a:hover{border-color:var(--brand);color:var(--brand)}
body.ec-shop .category-icon{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-soft);margin:7px 0}
body.ec-shop .departments a:hover .category-icon{color:var(--brand)}
body.ec-shop .more-categories{margin-top:16px}
body.ec-shop .more-categories summary{cursor:pointer;color:var(--brand);font-size:.82rem;font-weight:650}
body.ec-shop .more-categories .departments{margin-top:14px}
body.ec-shop .departments .n{font-weight:400;color:var(--ink-soft);font-size:.7rem;margin-top:auto}
body.ec-shop .shop-intro h1{font-size:1.55rem;margin-bottom:9px;letter-spacing:-.035em}
body.ec-shop .sec{margin-bottom:3rem;scroll-margin-top:25px}
body.ec-shop .section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:20px}
body.ec-shop .section-head h2 a{text-decoration:none}
body.ec-shop .section-head p{margin:5px 0 0;font-size:.875rem;color:var(--ink-soft)}
body.ec-shop .all{font-size:.82rem;white-space:nowrap;text-decoration:none;font-weight:650;color:var(--brand);padding-bottom:3px}
body.ec-shop .all:hover{text-decoration:underline}
body.ec-shop .offer-saving{display:inline-block;font-size:.72rem;font-weight:700;color:var(--brand);background:var(--plate);padding:3px 7px;border-radius:3px}
body.ec-shop .regular-price{display:block;font-size:.76rem;color:var(--ink-soft);font-weight:400}
body.ec-shop .offer-end{font-size:.7rem;color:var(--ink-soft)}
body.ec-shop .offer-detail{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 20px}
body.ec-shop .offer-detail p{flex-basis:100%;font-size:.8rem;color:var(--ink-soft);margin:0}
body.ec-shop .offer-detail .regular-price{font-size:.9rem}
body.ec-shop .offer-detail .offer-saving{font-size:.8rem}
body.ec-shop .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
body.ec-shop .card{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:hidden;transition:box-shadow .16s,border-color .16s}
body.ec-shop .card:hover{box-shadow:0 4px 16px #14284912;border-color:#a9b9d5}
body.ec-shop .card-info{display:block;min-width:0}
body.ec-shop .card>a{display:flex;flex-direction:column;text-decoration:none;flex:1;padding:14px 18px 0}
body.ec-shop .ph{display:flex;align-items:center;justify-content:center;aspect-ratio:1.15;background:#fff;border-radius:5px;padding:8%;overflow:hidden}
body.ec-shop .ph img{display:block;width:100%;height:100%;object-fit:contain}
body.ec-shop .ph.none{background:var(--plate);color:var(--ink-faint);flex-direction:column;gap:12px;font-size:.75rem}
body.ec-shop .ph.none svg{width:64px;height:64px;stroke:currentColor;stroke-width:1.2;fill:none;opacity:.6}
body.ec-shop .by{display:block;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-weight:650;margin:18px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ec-shop .nm{font-size:.94rem;font-weight:650;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.35em;margin-bottom:10px}
body.ec-shop .fs{font-size:.76rem;color:var(--ink-soft);line-height:1.6;margin:0 0 15px}
body.ec-shop .fs span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ec-shop .card-price{padding-top:14px;margin-top:auto;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:5px}
body.ec-shop .pr{display:block;font-weight:750;font-size:1.28rem;letter-spacing:-.025em}
body.ec-shop .av{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--brand)}
body.ec-shop .av:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
body.ec-shop .av.few,body.ec-shop .av.unsure{color:var(--few)}
body.ec-shop .av.gone{color:var(--ink-soft)}
body.ec-shop .card.gone .ph img{opacity:.65}
body.ec-shop .pic-wrap{position:relative;display:block}
body.ec-shop .pic-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:4px;font-size:.68rem;font-weight:750;line-height:1.4}
body.ec-shop .pic-badge.save{background:#0f8a4b;color:#fff}
body.ec-shop .pic-badge.out{left:auto;right:8px;background:#152036;color:#fff}
body.ec-shop .card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 18px}
body.ec-shop .tick{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.74rem;font-weight:500;color:var(--ink-soft);min-height:30px}
body.ec-shop .tick input{width:16px;height:16px;margin:0;accent-color:var(--brand-solid)}
html.js body.ec-shop .compare-tray{display:none}
html.js body.ec-shop .has-comparison .compare-tray{display:flex}
body.ec-shop .compare-tray{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);margin:16px 0}
body.ec-shop .has-comparison .compare-tray{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));z-index:10;box-shadow:0 8px 35px #14284925;border-color:var(--brand)}
body.ec-shop .compare-tray p{margin:0;font-size:.8rem;color:var(--ink-soft)}
body.ec-shop .pick-go{border:1px solid var(--rule);border-radius:4px;background:var(--surface);padding:8px 13px;font-weight:600;font-size:.82rem}
body.ec-shop .pick-go:not(:disabled):hover{background:var(--plate)}
body.ec-shop .crumb{display:flex;flex-wrap:wrap;gap:7px;color:var(--ink-soft);font-size:.78rem;margin-bottom:18px}
body.ec-shop .crumb a{text-decoration:none}
body.ec-shop .crumb a:hover{text-decoration:underline}
body.ec-shop .list-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:28px}
body.ec-shop .count{font-size:.85rem;color:var(--ink-soft);font-weight:400}
body.ec-shop #fl{position:absolute;opacity:0;width:1px;height:1px}
body.ec-shop .listing{display:grid;grid-template-columns:225px minmax(0,1fr);grid-template-areas:"side tools""side results";gap:0 26px;align-items:start}
body.ec-shop .listing aside{grid-area:side}
body.ec-shop .tools{grid-area:tools;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
body.ec-shop .results{grid-area:results;min-width:0}
body.ec-shop .results .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ec-shop .results .ph{aspect-ratio:1.25}
body.ec-shop .sortl{margin-left:auto;color:var(--ink-soft);font-size:.78rem;align-self:stretch;display:flex;align-items:center}
body.ec-shop .tools select,body.ec-shop .apply-sort{padding:8px 10px;border:1px solid var(--rule);border-radius:4px;background:var(--surface);font-size:.82rem}
body.ec-shop .filter-heading{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem;padding:2px 0 14px}
body.ec-shop .filter-heading a{font-size:.75rem;color:var(--brand);font-weight:500}
body.ec-shop .panel{border:1px solid var(--rule);border-radius:6px;background:var(--surface);padding:18px}
body.ec-shop .panel details{padding:13px 0;border-top:1px solid var(--rule)}
body.ec-shop .panel summary{cursor:pointer;font-weight:650;font-size:.85rem;display:flex;list-style:none;align-items:center;padding-bottom:5px}
body.ec-shop .panel summary::-webkit-details-marker{display:none}
body.ec-shop .panel summary::after{content:"+";margin-left:auto;font-weight:400;color:var(--ink-soft)}
body.ec-shop .panel details[open] summary::after{content:"−"}
body.ec-shop .opt{display:flex;gap:8px;align-items:center;font-size:.8rem;font-weight:450;padding:5px 0}
body.ec-shop .opt input{width:16px;height:16px;margin:0;accent-color:var(--brand-solid);flex-shrink:0}
body.ec-shop .opt .n{margin-left:auto;color:var(--ink-soft);font-size:.72rem}
body.ec-shop .opt.dead{color:var(--ink-faint)}
body.ec-shop .range{display:flex;gap:7px;align-items:center;margin:9px 0 2px}
body.ec-shop .range input{width:100%;min-width:0;padding:8px;border:1px solid var(--rule);border-radius:6px;background:var(--ground);font-size:.78rem}
body.ec-shop .apply .btn-line{font-size:.78rem;padding:9px;margin-top:6px;border-color:var(--rule)}
html.js body.ec-shop .apply-sort{display:none}
body.ec-shop .toggle{display:none;border:1px solid var(--rule);border-radius:4px;padding:8px 12px;background:var(--surface);font-size:.8rem;cursor:pointer}
body.ec-shop .toggle::after{content:"+";padding-left:18px}
body.ec-shop #fl:checked~.listing .toggle::after{content:"−"}
body.ec-shop .empty,body.ec-shop .nothing{border:1px solid var(--rule);background:var(--surface);border-radius:6px;padding:clamp(24px,5vw,56px);color:var(--ink-soft);max-width:50rem;margin:16px 0}
body.ec-shop .empty h1{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:16px;overflow-wrap:anywhere}
body.ec-shop .empty p{font-size:.9rem;max-width:35rem;margin-bottom:18px}
body.ec-shop .empty h2,body.ec-shop .nothing h1{color:var(--ink);margin-bottom:14px}
body.ec-shop .nothing .btn-primary{width:auto;display:inline-block;margin-top:16px}
body.ec-shop .kinds{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}
body.ec-shop .kinds a{display:block;padding:8px 15px;background:var(--surface);border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-size:.85rem}
body.ec-shop .kinds .n{font-size:.75rem;color:var(--ink-soft);margin-left:4px}
body.ec-shop .pages{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;color:var(--ink-soft);font-size:.8rem}
body.ec-shop .pages a{padding:8px 15px;border:1px solid var(--rule);border-radius:4px;background:var(--surface);text-decoration:none;color:var(--ink)}
body.ec-shop .btn-primary,body.ec-shop .btn-line{display:block;text-decoration:none;border-radius:4px;padding:12px 16px;font-weight:650;font-size:.88rem;text-align:center;width:100%}
body.ec-shop .btn-primary{background:var(--brand-solid);color:var(--on-brand);border:1px solid var(--brand-solid)}
body.ec-shop .btn-primary:hover{filter:brightness(1.1)}
body.ec-shop .btn-line{border:1px solid var(--rule);background:var(--surface);color:var(--ink)}
body.ec-shop .btn-line:hover{border-color:var(--ink-soft)}
body.ec-shop .how{font-size:.78rem;color:var(--ink-soft);line-height:1.6}
body.ec-shop .listing.basic{display:flex;flex-direction:column}
body.ec-shop .basic .tools,body.ec-shop .basic aside,body.ec-shop .basic .results{width:100%}
body.ec-shop .basic .panel{display:none;margin-bottom:20px;max-width:520px}
body.ec-shop .basic .toggle{display:inline-block}
body.ec-shop #fl:checked~.basic .panel{display:block}
body.ec-shop #fl:focus-visible~.basic .toggle{outline:3px solid var(--focus);outline-offset:3px}
body.ec-shop .basic .tools{border-bottom:1px solid var(--rule);padding-bottom:18px;margin-bottom:0}
body.ec-shop .basic .results{padding-top:18px}
body.ec-shop .grid.compact{display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:hidden}
body.ec-shop .compact .card{display:grid;grid-template-columns:minmax(0,1fr) 162px;border:0;border-bottom:1px solid var(--rule);border-radius:0}
body.ec-shop .compact .card:last-child{border-bottom:0}
body.ec-shop .compact .card:hover{box-shadow:none;background:var(--plate)}
body.ec-shop .compact .card>a{display:grid;grid-template-columns:130px minmax(0,1fr) 145px;align-items:center;gap:24px;padding:22px}
body.ec-shop .compact .ph{width:130px;height:110px;aspect-ratio:auto;padding:8px}
body.ec-shop .compact .ph.none{background:0 0;gap:8px;font-size:.65rem}
body.ec-shop .compact .ph.none svg{width:32px;height:32px}
body.ec-shop .compact .by{margin:0 0 6px}
body.ec-shop .compact .nm{min-height:0;font-size:1.03rem;margin:0;-webkit-line-clamp:2}
body.ec-shop .compact .fs{margin:10px 0 0}
body.ec-shop .compact .card-price{margin:0;padding:0;border:0;gap:8px}
body.ec-shop .compact .pr{font-size:1.3rem}
body.ec-shop .compact .card-foot{flex-direction:column;justify-content:center;align-items:flex-end;padding:22px 22px 22px 0;gap:10px}
body.ec-shop .compact .tick{min-height:30px}
body.ec-shop .pd.no-photo{grid-template-columns:1fr;max-width:780px}
body.ec-shop .photo-status{font-size:.75rem;color:var(--ink-soft);margin:10px 0 0}
body.ec-shop .product-title{padding:0 0 24px}
body.ec-shop .product-title .summary{margin:.5rem 0 0;max-width:720px;color:var(--ink-soft)}
body.ec-shop .product-title h1{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.25;letter-spacing:-.035em;max-width:1000px;overflow-wrap:break-word}
body.ec-shop .card .cond-line{display:block;font-size:.72rem;font-weight:700;color:var(--brand);margin:0 0 6px}
body.ec-shop .product-title .cond-line{display:inline-block;font-size:.75rem;font-weight:700;color:var(--brand);border:1px solid var(--brand);border-radius:4px;padding:2px 8px;margin:0 0 8px}
body.ec-shop .brandname{font-size:.73rem;font-weight:700;letter-spacing:.06em;color:var(--brand);margin:0 0 8px}
body.ec-shop .ids{display:flex;flex-wrap:wrap;gap:5px 18px;font-size:.75rem;color:var(--ink-soft);margin:12px 0 0}
body.ec-shop .pd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;margin-bottom:32px;align-items:start}
body.ec-shop .gallery{min-width:0;background:#fff;border:1px solid var(--rule);border-radius:6px;padding:20px}
body.ec-shop .hero{display:flex;align-items:center;justify-content:center;aspect-ratio:1.15;width:100%;background:#fff;padding:5%;overflow:hidden}
body.ec-shop .hero img{width:100%;height:100%;object-fit:contain}
body.ec-shop .photo-note{font-size:.7rem;color:#637086;margin:12px 0 0;text-align:center}
body.ec-shop .thumbs{display:flex;gap:9px;overflow-x:auto;padding:15px 3px 3px;border-top:1px solid #e4e7ed}
body.ec-shop .thumbs a{display:block;width:64px;height:64px;padding:6px;border:1px solid #d3dce8;border-radius:4px;background:#fff;flex-shrink:0}
body.ec-shop .thumbs a[aria-current]{border:2px solid var(--brand-solid)}
body.ec-shop .thumbs img{width:100%;height:100%;object-fit:contain}
body.ec-shop .buy{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:26px;min-width:0}
body.ec-shop .pills{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:.8rem;margin-bottom:20px}
body.ec-shop .pills .lb{color:var(--ink-soft);margin-right:5px}
body.ec-shop .pills a{border:1px solid var(--rule);border-radius:4px;padding:5px 10px;text-decoration:none}
body.ec-shop .pills a[aria-current]{border-color:var(--brand);color:var(--brand);background:var(--plate)}
body.ec-shop .price-label{font-size:.75rem;color:var(--ink-soft);margin-bottom:4px}
body.ec-shop .price{font-weight:750;font-size:2rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:10px;color:var(--brand)}
body.ec-shop .warranty{font-size:.8rem;color:var(--ink-soft);margin-bottom:12px}
body.ec-shop .band{border-left:3px solid var(--rule);padding:10px 12px;background:var(--plate);margin:18px 0}
body.ec-shop .band .hd{display:block;font-weight:650;font-size:.86rem;margin-bottom:4px}
body.ec-shop .band .sub{display:block;font-size:.77rem;color:var(--ink-soft)}
body.ec-shop .band.here .hd{color:var(--brand)}
body.ec-shop .band.few .hd,body.ec-shop .band.unsure .hd{color:var(--few)}
body.ec-shop .branches{list-style:none;margin:20px 0;padding:0;font-size:.85rem}
body.ec-shop .branches li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:10px 0;border-bottom:1px solid var(--rule)}
body.ec-shop .branches .br{font-weight:650}
body.ec-shop .branches .av{grid-column:2;grid-row:1}
body.ec-shop .branches .addr,body.ec-shop .branches a{grid-column:1;color:var(--ink-soft);font-size:.76rem}
body.ec-shop .acts{display:flex;gap:10px;margin:18px 0 12px}
body.ec-shop .key-details{border-top:1px solid var(--rule);margin-top:24px;padding-top:20px}
body.ec-shop .key-details h2{font-size:.9rem;letter-spacing:0;margin-bottom:10px}
body.ec-shop .keys{margin:0}
body.ec-shop .keys div{display:grid;grid-template-columns:38% minmax(0,1fr);gap:12px;padding:6px 0;font-size:.79rem}
body.ec-shop .keys dt{color:var(--ink-soft)}
body.ec-shop .keys dd{margin:0;font-weight:550;overflow-wrap:anywhere}
body.ec-shop .detail-link{display:inline-block;margin-top:12px;color:var(--brand);font-size:.78rem;font-weight:600}
body.ec-shop .product-nav{display:flex;gap:28px;border-bottom:1px solid var(--rule);margin-bottom:22px;font-size:.86rem;overflow-x:auto}
body.ec-shop .product-nav a{padding:13px 0;color:var(--ink);font-weight:650;text-decoration:none;white-space:nowrap;border-bottom:2px solid var(--brand)}
body.ec-shop .about,body.ec-shop .fullspec,body.ec-shop .visit{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:28px;margin-bottom:22px;scroll-margin-top:20px}
body.ec-shop .about h2,body.ec-shop .fullspec h2,body.ec-shop .visit h2{font-size:1.15rem;margin-bottom:18px}
body.ec-shop .desc{white-space:pre-line;color:var(--ink-soft);font-size:.9rem;max-width:60rem}
body.ec-shop .spec{border-collapse:collapse;width:100%;font-size:.85rem}
body.ec-shop .spec th{width:32%;text-align:left;font-weight:500;color:var(--ink-soft);vertical-align:top}
body.ec-shop .spec th,body.ec-shop .spec td{padding:12px 15px;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}
body.ec-shop .spec .spec-section th{font-weight:700;color:var(--brand);background:var(--plate);padding:12px 15px;font-size:.9rem;letter-spacing:.01em}
body.ec-shop .spec .spec-section:not(:first-child) th{border-top:14px solid var(--surface)}
body.ec-shop .spec td{vertical-align:top}
body.ec-shop .spec tr:last-child th,body.ec-shop .spec tr:last-child td{border-bottom:0}
body.ec-shop .visit p{font-size:.9rem;color:var(--ink-soft)}
body.ec-shop .collection-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:0;counter-reset:collection}
body.ec-shop .collection-steps li{counter-increment:collection;position:relative;padding-left:36px}
body.ec-shop .collection-steps li:before{content:counter(collection,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--brand);font-weight:750;font-size:.8rem}
body.ec-shop .collection-steps strong{display:block;font-size:.85rem;margin-bottom:6px}
body.ec-shop .collection-steps p{font-size:.8rem;margin:0}
body.ec-shop .collection-contact{padding-top:20px;margin-top:22px;border-top:1px solid var(--rule)}
body.ec-shop .mobile-request{display:none}
body.ec-shop .list-acts{display:flex;gap:10px;margin:0 0 12px}
body.ec-shop .list-acts form{flex:1}
body.ec-shop .heart-btn[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:var(--plate)}
body.ec-shop .cmp-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--rule);border-radius:6px;margin:24px 0}
body.ec-shop .cmp{border-collapse:collapse;width:100%;min-width:36rem;table-layout:fixed;font-size:.82rem}
body.ec-shop .cmp th,body.ec-shop .cmp td{padding:15px;vertical-align:top;border-bottom:1px solid var(--rule);text-align:left;overflow-wrap:anywhere}
body.ec-shop .cmp thead th{font-weight:650}
body.ec-shop .cmp thead .ph{max-width:170px;margin-bottom:12px}
body.ec-shop .cmp a{text-decoration:none}
body.ec-shop .cmp tbody th{color:var(--ink-soft);font-weight:500;width:180px}
body.ec-shop .cmp tr.differs td{background:var(--plate);font-weight:600}
body.ec-shop .cmp form{margin-top:8px}
body.ec-shop .cmp .link-btn{border:0;background:0 0;padding:0;color:var(--refused);font-size:.76rem;text-decoration:underline}
body.ec-shop .narrow{max-width:620px;margin:16px auto 0;background:var(--surface);padding:clamp(22px,4vw,38px);border:1px solid var(--rule);border-radius:6px}
body.ec-shop .narrow h1{font-size:1.75rem;margin-bottom:16px}
body.ec-shop .narrow>p{font-size:.9rem;color:var(--ink-soft)}
body.ec-shop .asking{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;background:var(--ground);padding:14px;border:1px solid var(--rule);border-radius:5px;margin:22px 0}
body.ec-shop .asking .ph{padding:4px}
body.ec-shop .asking .pname{display:block;font-weight:600;font-size:.85rem;margin-bottom:5px}
body.ec-shop .asking .pr{font-size:1.05rem}
body.ec-shop .asking .ph.none{font-size:0}
body.ec-shop .asking .ph.none svg{width:35px;height:35px}
body.ec-shop .field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px}
body.ec-shop .field input,body.ec-shop .field textarea{width:100%;padding:11px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--ground);font-size:.9rem}
body.ec-shop .field .w-num{width:7em}
body.ec-shop label,body.ec-shop legend{font-size:.82rem;font-weight:600}
body.ec-shop .opt-word{color:var(--ink-soft);font-weight:400}
body.ec-shop fieldset{border:0;padding:0;margin:0 0 18px}
body.ec-shop legend{padding:0;margin-bottom:10px}
body.ec-shop .choice{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);padding:12px;border-radius:4px;margin-bottom:8px;font-weight:500}
body.ec-shop .choice input{accent-color:var(--brand-solid);width:17px;height:17px}
body.ec-shop .choice .av{display:flex;margin-top:3px}
body.ec-shop .honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;visibility:hidden}
body.ec-shop .said{border-left:3px solid var(--refused);padding:10px 14px;color:var(--refused);background:var(--plate);font-size:.85rem}
body.ec-shop .note{display:block;font-style:italic;font-size:.8rem;color:var(--ink-soft)}
body.ec-shop .ref{font-size:.8rem;color:var(--ink-soft)}
body.ec-shop textarea{resize:vertical}
body.ec-shop footer{background:#111e33;color:#dce5f3;padding:38px var(--gutter) 22px;font-size:.8rem}
body.ec-shop footer .in{max-width:1240px;margin:auto}
body.ec-shop .footer-main{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:30px;margin-bottom:28px}
body.ec-shop .footer-col{display:flex;flex-direction:column;gap:8px;font-size:.8rem}
body.ec-shop .footer-col strong{color:#fff;margin-bottom:2px}
body.ec-shop .footer-col a{color:#dce5f3;text-decoration:none}
body.ec-shop .footer-col a:hover{text-decoration:underline}
body.ec-shop .footer-col span{color:#b8c6dc}
body.ec-shop .footer-shop .footer-contact{margin-top:16px}
body.ec-shop .footer-brand{font-weight:750;font-size:1.2rem;color:#fff;margin-bottom:9px;letter-spacing:-.03em}
body.ec-shop .footer-main .how{color:#b8c6dc;max-width:28rem;margin:0}
body.ec-shop .footer-contact{display:flex;flex-direction:column;gap:7px;max-width:25rem}
body.ec-shop .footer-contact strong{color:#fff;font-size:.8rem}
body.ec-shop .footer-contact a{color:#dce5f3}
body.ec-shop .footer-bottom{border-top:1px solid #35435b;display:flex;gap:20px;align-items:center;padding-top:18px;font-size:.7rem;color:#b8c6dc}
body.ec-shop .lamp{background:0 0;border:1px solid #6b7e9b;border-radius:6px;padding:5px 10px;color:#dce5f3;font-size:.72rem}
body.ec-shop .runs{margin-left:auto}
@media (min-width:1100px){body.ec-shop .gallery{position:sticky;top:20px}}
@media (min-width:761px){body.ec-shop .gallery.has-thumbs{display:grid;grid-template-columns:66px minmax(0,1fr);gap:0 16px;align-items:start}
body.ec-shop .has-thumbs .hero{grid-column:2;grid-row:1}
body.ec-shop .has-thumbs .thumbs{grid-column:1;grid-row:1;flex-direction:column;max-height:438px;overflow:hidden auto;padding:0 3px 3px;border-top:0}
body.ec-shop .has-thumbs .photo-note{grid-column:1/-1}}
body.ec-shop .hero{cursor:zoom-in}
@media (max-width:1050px){body.ec-shop .bar{gap:20px}
body.ec-shop .ring,body.ec-shop .shop-help{display:none}
body.ec-shop .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ec-shop .listing{grid-template-columns:195px minmax(0,1fr);gap:0 18px}
body.ec-shop .results .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ec-shop .pd{gap:20px}
body.ec-shop .buy{padding:22px}
body.ec-shop .acts{flex-direction:column}
body.ec-shop .departments{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:761px) and (max-width:1050px){body.ec-shop .compact .card{display:block}
body.ec-shop .compact .card>a{grid-template-columns:100px minmax(0,1fr);gap:10px 18px;padding:20px 20px 0}
body.ec-shop .compact .ph{grid-row:1/span 2;width:100px;height:100px;align-self:start}
body.ec-shop .compact .card-info{grid-column:2;grid-row:1}
body.ec-shop .compact .card-price{grid-column:2;grid-row:2;gap:4px}
body.ec-shop .compact .card-foot{flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;padding:14px 20px 20px}}
@media (max-width:760px){body.ec-shop .lettermark{width:38px;height:38px;font-size:.9rem}
body.ec-shop .find button{font-size:0;padding:0 14px}
body.ec-shop .find button svg{width:20px;height:20px}
body.ec-shop .compact .card{display:block}
body.ec-shop .compact .card>a{grid-template-columns:80px minmax(0,1fr);gap:10px 16px;padding:18px 16px 0}
body.ec-shop .compact .ph{grid-row:1/span 2;width:80px;height:80px;align-self:start}
body.ec-shop .compact .card-info{grid-column:2;grid-row:1}
body.ec-shop .compact .card-price{grid-column:2;grid-row:2;gap:4px}
body.ec-shop .compact .nm{font-size:.92rem}
body.ec-shop .compact .pr{font-size:1.16rem}
body.ec-shop .compact .card-foot{flex-direction:row;align-items:center;justify-content:flex-end;gap:16px;padding:14px 16px 18px}
body.ec-shop .compact .fs{font-size:.72rem}
body.ec-shop .compact .ph.none span{font-size:.6rem}
body.ec-shop .compact .card .av{font-size:.7rem}
body.ec-shop .field input,body.ec-shop .field textarea,body.ec-shop .range input{font-size:16px}
body.ec-shop .bar{flex-wrap:wrap;padding:17px var(--gutter);gap:16px}
body.ec-shop .mark{font-size:1.4rem}
body.ec-shop .departments{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.ec-shop .departments a{padding:12px 5px;font-size:.73rem}
body.ec-shop .category-icon{width:36px;height:36px}
body.ec-shop .shop-intro{padding-bottom:20px}
body.ec-shop .shop-intro h1{font-size:1.35rem}
body.ec-shop .find{flex-basis:100%;order:3;max-width:none}
body.ec-shop .lists{margin-left:auto}
body.ec-shop .list-link{min-width:44px;min-height:44px;justify-content:center;padding:6px 4px}
body.ec-shop .list-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.ec-shop .find input{font-size:16px;padding:11px 12px}
body.ec-shop .topline>div{font-size:.68rem}
body.ec-shop .topline .top-extra{display:none}
body.ec-shop .mnu-toggle{display:block;position:absolute;opacity:0;width:1px;height:1px}
body.ec-shop .mnu-open{display:flex;align-items:center;gap:10px;padding:11px 0;font-weight:700;font-size:.85rem;cursor:pointer}
body.ec-shop .mnu-open:before{content:"";width:16px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0-5px 0 currentColor}
body.ec-shop .mnu-toggle:focus-visible+.mnu-open{outline:3px solid var(--focus);outline-offset:3px}
body.ec-shop .menu{display:none;flex-direction:column;align-items:stretch;padding-bottom:8px}
body.ec-shop .mnu-toggle:checked~.menu{display:flex}
body.ec-shop .m-top{border-top:1px solid var(--rule)}
body.ec-shop .m-top>a,body.ec-shop .m-group{width:100%;text-align:left;padding:11px 0;border-bottom:0;font-size:.85rem}
body.ec-shop .m-sub,body.ec-shop .m-top:hover>.m-sub,body.ec-shop .m-top:focus-within>.m-sub{position:static;display:block;min-width:0;padding:0 0 6px 14px;border:0;box-shadow:none;background:0 0}
body.ec-shop .m-sub a{padding:7px 0;font-size:.82rem}
body.ec-shop .m-side,body.ec-shop .m-brands,body.ec-shop li:has(>ul)>a:after,body.ec-shop .m-group:after{display:none!important}
body.ec-shop .grid,body.ec-shop .results .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.ec-shop .section-head{margin-bottom:15px;align-items:center}
body.ec-shop .section-head h2{font-size:1.3rem}
body.ec-shop .section-head p{font-size:.78rem}
body.ec-shop .all{font-size:.75rem}
body.ec-shop .listing{display:flex;flex-direction:column;gap:0}
body.ec-shop .tools{order:0;width:100%}
body.ec-shop .listing aside{order:1;width:100%}
body.ec-shop .results{order:2;width:100%}
body.ec-shop .panel{display:none;margin-bottom:18px}
body.ec-shop .toggle{display:inline-block;border:1px solid var(--rule);border-radius:4px;padding:8px 12px;background:var(--surface);font-size:.8rem;cursor:pointer}
body.ec-shop #fl:checked~.listing .panel{display:block}
body.ec-shop #fl:focus-visible~.listing .toggle{outline:3px solid var(--focus);outline-offset:3px}
body.ec-shop .tools .pick-go{order:3}
body.ec-shop .tools .sortl{font-size:0}
body.ec-shop .tools select{font-size:.77rem;max-width:170px;margin-left:auto}
body.ec-shop .tools .sortl{margin-left:auto}
body.ec-shop .list-head{gap:10px}
body.ec-shop .crumb{font-size:.73rem;margin-bottom:20px}
body.ec-shop .product-title{padding-bottom:18px}
body.ec-shop .product-title h1{font-size:1.4rem}
body.ec-shop .ids{font-size:.69rem;gap:5px 12px}
body.ec-shop .pd{grid-template-columns:1fr;gap:16px;margin-bottom:25px}
body.ec-shop .gallery{padding:12px}
body.ec-shop .hero{height:250px;aspect-ratio:auto;padding:12px}
body.ec-shop .buy{padding:20px}
body.ec-shop .price{font-size:1.8rem}
body.ec-shop .acts{flex-direction:row}
body.ec-shop .collection-steps{grid-template-columns:1fr;gap:20px}
body.ec-shop .mobile-request{display:flex;align-items:center;gap:16px;position:fixed;bottom:0;left:0;right:0;z-index:12;background:var(--surface);border-top:1px solid var(--rule);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));box-shadow:0-4px 18px #1428490a}
body.ec-shop .mobile-request>div{flex:1;white-space:nowrap}
body.ec-shop .mobile-request small{display:block;color:var(--ink-soft);font-size:.68rem}
body.ec-shop .mobile-request strong{font-size:1.12rem;letter-spacing:-.03em}
body.ec-shop .mobile-request .btn-primary{width:auto;font-size:.82rem;padding:11px 18px}
body.ec-shop .has-product-action{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
body.ec-shop .has-product-action :focus-visible{scroll-margin-bottom:100px}
body.ec-shop .has-product-action .visit{scroll-margin-bottom:100px}
body.ec-shop .about,body.ec-shop .fullspec,body.ec-shop .visit{padding:21px 16px}
body.ec-shop .spec th,body.ec-shop .spec td{padding:10px 9px;font-size:.78rem}
body.ec-shop .spec th{width:38%}
body.ec-shop .narrow{margin:0 auto}
body.ec-shop .footer-main{grid-template-columns:1fr 1fr;gap:24px}
body.ec-shop .footer-shop{grid-column:1/-1}
body.ec-shop .footer-bottom{gap:10px}
body.ec-shop .compare-tray{padding:10px 12px}
body.ec-shop .compare-tray p{font-size:.73rem}
body.ec-shop main{padding-top:22px;padding-bottom:38px}}
@media (max-width:420px){body.ec-shop .card>a{padding:10px 11px 0}
body.ec-shop .card-foot{padding:11px;flex-wrap:wrap}
body.ec-shop .nm{font-size:.83rem}
body.ec-shop .by{display:block;font-size:.58rem;margin-top:14px}
body.ec-shop .card .pr{font-size:1.16rem}
body.ec-shop .card .av{font-size:.64rem}
body.ec-shop .fs{font-size:.68rem}
body.ec-shop .tick{font-size:.67rem}
body.ec-shop .ph.none{font-size:.65rem;gap:7px}
body.ec-shop .ph.none svg{width:46px;height:46px}
body.ec-shop .acts{flex-direction:column}
body.ec-shop .footer-bottom{flex-wrap:wrap}
body.ec-shop .runs{margin-left:auto}}
@media (prefers-reduced-motion:reduce){body.ec-shop *{scroll-behavior:auto!important;transition:none!important}}
@media print{body.ec-shop .find,body.ec-shop .tick,body.ec-shop .lamp,body.ec-shop .topline,body.ec-shop .cats,body.ec-shop .tools,body.ec-shop .panel,body.ec-shop .mobile-request{display:none}
body.ec-shop .pd{display:block}
body.ec-shop .gallery{max-width:300px}
body.ec-shop .card,body.ec-shop .about,body.ec-shop .fullspec{break-inside:avoid}
body.ec-shop{background:#fff}}
body.ec-shop .banners{position:relative;margin:0 0 26px}
body.ec-shop .slides{display:flex;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:12px;background:var(--plate)}
body.ec-shop .slides::-webkit-scrollbar{display:none}
body.ec-shop .slide{flex:0 0 100%;scroll-snap-align:start}
body.ec-shop .slide a{display:block}
body.ec-shop .slide img{display:block;width:100%;height:auto}
body.ec-shop .slide img:not([src]){display:none}
body.ec-shop .banners>button{position:absolute;top:calc(50% - 30px);width:40px;height:40px;border:1px solid var(--rule);border-radius:50%;background:var(--surface);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;opacity:.92}
body.ec-shop .b-prev{left:12px}
body.ec-shop .b-next{right:12px}
body.ec-shop .banners>.b-pause{top:12px;left:12px;z-index:1;width:auto;height:auto;padding:6px 14px;border-radius:20px;font-size:.9rem}
body.ec-shop .banners>.b-pause:not(:focus){width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
@media (max-width:760px){body.ec-shop .b-prev,body.ec-shop .b-next{display:none}
body.ec-shop .slides{border-radius:8px}}
body.ec-shop .home-top{display:grid;grid-template-columns:100%;gap:16px;margin:0 0 26px}
body.ec-shop .home-top .banners{margin:0}
body.ec-shop .under{display:grid;gap:16px}
body.ec-shop .under>*{flex:8;min-width:0}
body.ec-shop .sq{flex:3}
body.ec-shop .promo a{display:block}
body.ec-shop .promo img{display:block;width:100%;height:auto;border-radius:8px;background:var(--plate);aspect-ratio:8/3;object-fit:contain}
body.ec-shop .two .slide img{aspect-ratio:16/5;object-fit:contain}
body.ec-shop .sq img{aspect-ratio:1;object-fit:contain}
@media (min-width:761px){body.ec-shop .home-top.two{grid-template-columns:minmax(0,16fr) minmax(0,5fr)}
body.ec-shop .under{display:flex}
body.ec-shop .two .under{grid-column:1/-1}
body.ec-shop .under>.sq{max-width:25%}
body.ec-shop .under>:only-child:not(.sq){max-width:calc(50% - 8px)}}
body.ec-shop .row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;list-style:none;margin:0;padding:2px 2px 12px}
body.ec-shop .row>li{scroll-snap-align:start}
body.ec-shop .row.deals{grid-auto-columns:100%}
body.ec-shop .flash{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}
body.ec-shop .flash-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 14px;border:6px solid #ffd21f;border-radius:10px;background:linear-gradient(150deg,#0e9f9d,#174cbb 70%);color:#fff;text-align:center}
body.ec-shop .flash-panel h2{font-size:2.1rem;line-height:1;font-weight:800;text-transform:uppercase;color:#ffe14d}
body.ec-shop .flash-panel .timer{margin:0;font-size:.82rem}
body.ec-shop .flash-panel .all{padding:9px 14px;border:1px solid;border-radius:6px;color:#fff}
body.ec-shop .deal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
body.ec-shop .deal>a{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr;gap:4px 24px;padding:18px}
body.ec-shop .deal .pic-wrap{grid-row:1/3}
body.ec-shop .deal .nm{min-height:0}
body.ec-shop .deal .card-price{border:0;margin:0;padding:0}
body.ec-shop .deal-was{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
body.ec-shop .deal-act{display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding:18px 22px}
body.ec-shop .deal .timer{margin:0;font-size:.82rem;color:var(--ink-soft)}
body.ec-shop .deal .btn-primary{width:auto;padding:10px 22px}
body.ec-shop .chips{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 16px}
body.ec-shop .chips a{padding:7px 15px;border:1px solid var(--rule);border-radius:99px;background:var(--surface);font-size:.8rem;font-weight:650;text-decoration:none}
body.ec-shop .chips a:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:1050px){body.ec-shop .row{grid-auto-columns:calc((100% - 32px)/3)}}
@media (max-width:760px){body.ec-shop .row{grid-auto-columns:44%;gap:12px}
body.ec-shop .flash{grid-template-columns:minmax(0,1fr)}
body.ec-shop .flash-panel{flex-flow:row wrap;justify-content:space-between;gap:8px 14px;padding:14px 16px;border-width:4px}
body.ec-shop .flash-panel h2{font-size:1.5rem}
body.ec-shop .deal{grid-template-columns:minmax(0,1fr)}
body.ec-shop .deal>a{grid-template-columns:96px minmax(0,1fr);gap:4px 14px;padding:14px 14px 0}
body.ec-shop .deal-act{flex-flow:row wrap;align-items:center;justify-content:space-between;padding:12px 14px}}
body.ec-shop .signin{display:grid;gap:14px;margin:8px 0 16px}
body.ec-shop .signin label{display:grid;gap:6px;font-size:.85rem;font-weight:650}
body.ec-shop .signin input:not([type=checkbox]){width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--surface);font-size:1rem;font-weight:400}
body.ec-shop .signin .tick{display:flex;align-items:center;gap:8px;font-weight:400}
body.ec-shop .signin .hint{margin:-8px 0 0;font-size:.8rem;color:var(--ink-soft)}
body.ec-shop .signin textarea{width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--surface);font-size:1rem;font-weight:400}
body.ec-shop .me{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 16px}
body.ec-shop .me dt{font-weight:650;font-size:.85rem}
body.ec-shop .me dd{margin:0}
body.ec-shop .portal-links{margin:0 0 16px;padding-left:18px;line-height:2}
body.ec-shop .address{padding-bottom:16px;border-bottom:1px solid var(--rule)}
body.ec-shop .address p{display:flex;gap:16px;align-items:center;margin:0}
body.ec-shop .address p .btn-line{flex:0 0 auto;padding-inline:24px}
body.ec-shop .address .link-btn{background:none;border:0;color:var(--refused);text-decoration:underline;padding:0}
body.ec-shop .sg{margin:0 0 20px;font-size:.85rem}
body.ec-shop .sg summary{cursor:pointer;color:var(--brand);font-weight:650}
body.ec-shop .sg div{overflow-x:auto;margin-top:10px}
body.ec-shop .sg table{border-collapse:collapse}
body.ec-shop .sg caption{text-align:left}
body.ec-shop .sg th,body.ec-shop .sg td{border:1px solid var(--rule);padding:6px 10px;white-space:nowrap;text-align:center}
body.ec-shop .sg th{background:var(--plate)}
body.ec-shop .sg img{display:block;max-width:100%;height:auto;margin-top:10px}
body.ec-shop .acct{position:relative;order:9}
body.ec-shop .acct summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:2px 10px 2px 2px;border-radius:8px;cursor:pointer;list-style:none;color:#fff}
body.ec-shop .acct summary::-webkit-details-marker{display:none}
body.ec-shop .acct summary:hover,body.ec-shop .acct[open] summary{background:#ffffff1a}
body.ec-shop .acct-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#ffffff26}
body.ec-shop .acct svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.ec-shop .acct-hi{display:grid;max-width:8rem;line-height:1.25;text-align:left}
body.ec-shop .acct-hi small{font-size:.7rem;font-weight:500;color:#bfcbdf}
body.ec-shop .acct-hi b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
body.ec-shop .acct-menu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;width:13.5rem;padding:8px;border:1px solid var(--rule);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 14px 32px #0b152640}
body.ec-shop .acct-menu a,body.ec-shop .acct-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:none;color:inherit;font-size:.95rem;font-weight:500;text-align:left;text-decoration:none}
body.ec-shop .acct-menu a:hover,body.ec-shop .acct-menu button:hover{background:var(--plate)}
body.ec-shop .acct-menu svg{color:var(--ink-soft)}
body.ec-shop .acct-menu form{margin:6px 0 0;padding-top:6px;border-top:1px solid var(--rule)}
body.ec-shop .acct-menu .out,body.ec-shop .acct-menu .out svg{color:var(--refused)}
body.ec-shop .name-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.ec-shop .acct-band{margin-bottom:20px;padding:clamp(18px,3vw,30px) clamp(16px,3vw,32px);border:1px solid var(--rule);border-radius:10px;background:var(--plate)}
body.ec-shop .acct-band p{margin:0}
body.ec-shop .acct-band h1{margin:4px 0 6px}
body.ec-shop .acct-kicker{font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
body.ec-shop .acct-help{font-size:.95rem;color:var(--ink-soft)}
body.ec-shop .acct-frame{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:20px;align-items:start}
body.ec-shop .acct-nav,body.ec-shop .acct-page{min-width:0;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
body.ec-shop .acct-nav{padding:16px 10px}
body.ec-shop .acct-cap{margin:0 0 8px 12px;font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
body.ec-shop .acct-nav ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}
body.ec-shop .acct-nav a,body.ec-shop .acct-nav button{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;background:none;color:var(--ink);font-size:.95rem;text-align:left;text-decoration:none}
body.ec-shop .acct-nav a:hover,body.ec-shop .acct-nav button:hover,body.ec-shop .acct-nav [aria-current=page]{background:var(--plate)}
body.ec-shop .acct-nav [aria-current=page]{font-weight:700}
body.ec-shop .acct-nav .out{color:var(--refused)}
body.ec-shop .acct-nav form{margin:0}
body.ec-shop .acct-page{padding:clamp(16px,3vw,28px)}
body.ec-shop .acct-page .signin{max-width:34rem}
body.ec-shop .acct-page .address p .btn-line{width:auto}
body.ec-shop .acct-page .signin select{width:100%;height:44px;padding:0 12px;border:1px solid var(--rule);border-radius:4px;background:var(--surface);font-size:1rem}
body.ec-shop .acct-hello{margin-bottom:4px}
body.ec-shop .acct-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:14px;margin-top:16px}
body.ec-shop .acct-card{display:grid;gap:6px;align-content:start;min-width:0;padding:16px;border:1px solid var(--rule);border-radius:10px;overflow-wrap:anywhere}
body.ec-shop .acct-card h3{margin:0;font-size:.75rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
body.ec-shop .acct-card p{margin:0;font-size:.9rem}
body.ec-shop .acct-card .big{font-size:2rem;font-weight:750;line-height:1.1;letter-spacing:-.03em}
body.ec-shop .acct-card a{color:var(--brand);font-weight:650}
body.ec-shop .ord-find{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 20px}
body.ec-shop .ord-find label{display:grid;gap:6px;font-size:.85rem;font-weight:650}
body.ec-shop .ord-find input,body.ec-shop .ord-find select{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);font-size:1rem;font-weight:400}
body.ec-shop .ord-find .btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;height:44px;padding:0 20px}
body.ec-shop .ord-find svg,body.ec-shop .ord-empty svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.ec-shop .ord-table{width:100%;border-collapse:collapse;font-size:.92rem}
body.ec-shop .ord-table th{padding:12px 14px;background:var(--plate);font-size:.85rem;font-weight:600;text-align:left;color:var(--ink-soft)}
body.ec-shop .ord-table td{padding:14px;border-bottom:1px solid var(--rule)}
body.ec-shop .ord-table .t{text-align:right}
body.ec-shop .ord-table .a{text-align:right;white-space:nowrap}
body.ec-shop .ord-st{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--plate);font-size:.8rem;font-weight:650}
body.ec-shop .ord-st.bad{color:var(--refused)}
body.ec-shop .ord-view{display:inline-block;padding:6px 16px;border:1px solid var(--rule);border-radius:6px;font-size:.85rem;font-weight:650;text-decoration:none}
body.ec-shop .ord-view:hover{border-color:var(--ink-soft)}
body.ec-shop .ord-empty{display:grid;justify-items:center;gap:12px;padding:28px 0;text-align:center}
body.ec-shop .ord-empty p{margin:0;font-size:1.15rem;font-weight:700}
body.ec-shop .ord-empty a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--rule);border-radius:8px;font-weight:650;text-decoration:none}
body.ec-shop .ord-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--plate);color:var(--ink-soft)}
body.ec-shop .ord-ic svg{width:28px;height:28px}
@media (max-width:760px){body.ec-shop .acct-hi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.ec-shop .acct summary{justify-content:center;gap:0;min-width:44px;padding:2px}
body.ec-shop .acct-frame{grid-template-columns:minmax(0,1fr);gap:14px}
body.ec-shop .acct-nav{padding:6px}
body.ec-shop .acct-cap{display:none}
body.ec-shop .acct-nav ul{display:flex;gap:4px;overflow-x:auto}
body.ec-shop .acct-nav li{flex:none}
body.ec-shop .acct-nav a,body.ec-shop .acct-nav button{width:auto;padding:10px 14px;white-space:nowrap}
body.ec-shop .ord-find{grid-template-columns:minmax(0,1fr) auto}
body.ec-shop .ord-find label:first-child{grid-column:1/-1}
body.ec-shop .ord-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.ec-shop .ord-table,body.ec-shop .ord-table tbody,body.ec-shop .ord-table tr,body.ec-shop .ord-table td{display:block}
body.ec-shop .ord-table tr{margin-bottom:12px;padding:10px 14px 14px;border:1px solid var(--rule);border-radius:8px}
body.ec-shop .ord-table td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right}
body.ec-shop .ord-table td:before{content:attr(data-label);color:var(--ink-soft);text-align:left}
body.ec-shop .ord-table td.a:before{content:none}
body.ec-shop .ord-table td.a{padding-top:10px}
body.ec-shop .ord-view{width:100%;padding:10px;text-align:center}}
/* Home v1 (ui/ecom-home-v1): popular searches, hero, trust strip, category tiles, used laptops, brands. Home only. */
body.ec-shop .hh-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 18px;font-size:.8rem}
body.ec-shop .hh-pop span{color:var(--ink-soft);font-weight:650;margin-right:2px}
body.ec-shop .hh-pop a{padding:6px 14px;border:1px solid var(--rule);border-radius:99px;background:var(--surface);font-weight:650;text-decoration:none}
body.ec-shop .hh-pop a:hover{border-color:var(--brand);color:var(--brand)}
body.ec-shop .hh-hero{display:grid;grid-template-columns:100%;gap:16px;margin:0 0 18px}
body.ec-shop .hh-main{min-width:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--rule)}
body.ec-shop .hh-hero .banners{margin:0}
body.ec-shop .hh-hero .slides{border-radius:0;align-items:stretch}
body.ec-shop .hh-hero .slides{align-items:flex-start}
body.ec-shop .hh-hero .slide img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}
body.ec-shop .hh-copy{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:16px 20px}
body.ec-shop .hh-head{margin:0;font-size:1.45rem;line-height:1.15;letter-spacing:-.03em}
body.ec-shop .hh-copy p{margin:5px 0 0;font-size:.9rem;color:var(--ink-soft)}
body.ec-shop .hh-go{width:auto;flex:none;padding:12px 28px;font-size:.95rem}
body.ec-shop .hh-hero.plain .hh-main{background:linear-gradient(150deg,var(--brand-solid),#0e2a6b);border:0;justify-content:center;min-height:220px}
body.ec-shop .hh-hero.plain .hh-head,body.ec-shop .hh-hero.plain .hh-copy p{color:#fff}
body.ec-shop .hh-hero.plain .hh-go{background:#fff;color:#0e2a6b;border-color:#fff}
body.ec-shop .hh-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.ec-shop .hh-side.one{grid-template-columns:100%}
body.ec-shop .hh-side .promo,body.ec-shop .under .promo{min-width:0}
body.ec-shop .under .promo a{display:block}
body.ec-shop .under .promo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:left center;border-radius:10px;background:var(--plate)}
body.ec-shop .hh-side .promo{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:10px;background:var(--plate)}
body.ec-shop .hh-side .promo a{position:absolute;inset:0;display:block}
body.ec-shop .hh-side .promo img{display:block;position:relative;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:0;background:none}
body.ec-shop .hh-side .promo img.bg{position:absolute;inset:0;object-fit:cover;filter:blur(16px) saturate(1.15);transform:scale(1.25)}
body.ec-shop .under{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
body.ec-shop .b-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px;pointer-events:none}
body.ec-shop .b-dots[hidden]{display:none}
body.ec-shop .b-dots button{pointer-events:auto;position:relative;width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#fff;opacity:.6;box-shadow:0 0 0 1px #0b152659;cursor:pointer}
body.ec-shop .b-dots button::after{content:"";position:absolute;inset:-18px -6px}
body.ec-shop .b-dots button[aria-current]{opacity:1;width:22px;border-radius:5px}
body.ec-shop .hh-trust{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;margin:0 0 30px;padding:0;background:var(--surface);border:1px solid var(--rule);border-radius:10px}
body.ec-shop .hh-trust li{display:flex;align-items:center;gap:10px;min-width:0;padding:14px 16px;border-left:1px solid var(--rule)}
body.ec-shop .hh-trust li:first-child{border-left:0}
body.ec-shop .hh-trust svg{flex:none;width:26px;height:26px;padding:4px;border-radius:50%;background:var(--plate);fill:none;stroke:var(--brand);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.ec-shop .hh-trust span{display:grid;min-width:0;line-height:1.3}
body.ec-shop .hh-trust b{font-size:.84rem}
body.ec-shop .hh-trust small{font-size:.74rem;color:var(--ink-soft)}
body.ec-shop .hh-trust a{font-weight:650;color:var(--brand)}
body.ec-shop .hh-reach{background:var(--plate);border-radius:0 10px 10px 0}
body.ec-shop .shop-intro .departments{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
body.ec-shop .shop-intro .departments a{gap:6px;padding:12px 6px;font-size:.78rem}
body.ec-shop .hh-ti{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--plate);overflow:hidden}
body.ec-shop .hh-ti img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
body.ec-shop .hh-ti .category-icon{margin:0;width:36px;height:36px}
body.ec-shop .departments .used a{border-color:var(--brand);background:var(--plate)}
body.ec-shop .hh-chip{display:inline-block;align-self:flex-start;padding:2px 9px;border-radius:99px;font-size:.7rem;font-weight:750;line-height:1.5}
body.ec-shop .hh-chip.cond{background:#e3f4e8;color:#14612b}
body.ec-shop .hh-chip.low{background:#fff3cf;color:#6a4a00}
body.ec-shop .hh-warranty{margin:0;padding:0 14px 8px;font-size:.76rem;color:var(--ink-soft)}
body.ec-shop .hh-brands .chips{margin-top:0}
@media (min-width:761px){body.ec-shop .hh-hero.has-side{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
body.ec-shop .hh-hero.has-side{align-items:start}
body.ec-shop .hh-side{grid-template-columns:100%;grid-template-rows:repeat(2,minmax(0,1fr));align-self:stretch;contain:size}
body.ec-shop .hh-side.one{grid-template-rows:minmax(0,1fr)}
body.ec-shop .hh-side .promo{aspect-ratio:auto;min-height:0}
body.ec-shop .under{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ec-shop .hh-head{font-size:1.7rem}}
@media (max-width:1050px) and (min-width:761px){body.ec-shop .hh-trust{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ec-shop .hh-trust li:nth-child(4){border-left:0}
body.ec-shop .hh-trust li:nth-child(n+4){border-top:1px solid var(--rule)}
body.ec-shop .shop-intro .departments{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){body.ec-shop:has([data-ec-page="shop.home"]) header.top{position:sticky;top:0;z-index:30}
body.ec-shop .hh-pop{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-4px 0 14px;padding-right:32px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}
body.ec-shop .hh-pop a,body.ec-shop .hh-pop span{flex:none}
body.ec-shop .hh-copy{padding:14px 16px}
body.ec-shop .hh-go{width:100%}
body.ec-shop .hh-trust{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}
body.ec-shop .hh-trust li{padding:11px 12px;border-left:0;border-top:1px solid var(--rule)}
body.ec-shop .hh-trust li:nth-child(-n+2){border-top:0}
body.ec-shop .hh-trust li:nth-child(even){border-left:1px solid var(--rule)}
body.ec-shop .hh-reach{grid-column:1/-1;border-left:0!important;border-radius:0 0 10px 10px}
body.ec-shop .shop-intro .departments{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
body.ec-shop .shop-intro .departments a{padding:9px 2px;font-size:.68rem;gap:5px}
body.ec-shop .hh-ti{width:48px;height:48px}
body.ec-shop .hh-ti .category-icon{width:28px;height:28px}
body.ec-shop .shop-intro .departments .n{display:none}
body.ec-shop .hh-head{font-size:1.25rem}}
/* The live shop's shop.css, scoped. */
body.ec-shop .find{position:relative;overflow:visible}
body.ec-shop .find input{border-radius:3px 0 0 3px}
body.ec-shop .find button{border-radius:0 3px 3px 0}
body.ec-shop .suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:6px;box-shadow:0 12px 40px #0b152633;overflow:hidden;text-align:left}
body.ec-shop .suggest[hidden]{display:none}
body.ec-shop .sg-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--ground);border-bottom:1px solid var(--rule)}
body.ec-shop .sg-tabs button{border:1px solid var(--rule);background:var(--surface);border-radius:4px;padding:7px 14px;font-size:.8rem;font-weight:650}
body.ec-shop .sg-tabs button[aria-selected="true"]{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--on-brand)}
body.ec-shop .sg-list{max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain}
body.ec-shop .sg-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:10px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--rule)}
body.ec-shop .sg-row:last-child{border-bottom:0}
body.ec-shop .sg-row:hover,body.ec-shop .sg-row[aria-selected="true"]{background:var(--plate)}
body.ec-shop .sg-pic{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--rule);border-radius:4px;overflow:hidden}
body.ec-shop .sg-pic img{width:100%;height:100%;object-fit:contain}
body.ec-shop .sg-name{font-size:.86rem;font-weight:550;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.ec-shop .sg-price{display:block;margin-top:3px;font-size:.84rem;font-weight:750;color:var(--brand)}
body.ec-shop .sg-price del{margin-left:8px;font-weight:500;color:var(--ink-faint)}
body.ec-shop .sg-cat{grid-template-columns:minmax(0,1fr) auto;padding:13px 16px;font-size:.88rem;font-weight:600}
body.ec-shop .sg-count{font-size:.76rem;font-weight:500;color:var(--ink-soft)}
body.ec-shop .sg-none{margin:0;padding:16px;font-size:.85rem;color:var(--ink-soft)}
body.ec-shop .sg-all{display:block;padding:12px;text-align:center;font-size:.84rem;font-weight:650;color:var(--brand);text-decoration:none;background:var(--ground);border-top:1px solid var(--rule)}
body.ec-shop .sg-all:hover,body.ec-shop .sg-all:focus-visible{text-decoration:underline}
@media(max-width:760px){body.ec-shop .sg-row{padding:11px 12px}
body.ec-shop .sg-list{max-height:55vh}
body.ec-shop .sg-tabs{gap:6px;padding:8px 10px}
body.ec-shop .sg-tabs button{padding:6px 10px}}
body.ec-shop .card-foot{flex-wrap:wrap}
body.ec-shop .card-heart{border:1px solid var(--rule);background:var(--surface);color:var(--ink-faint);border-radius:4px;width:34px;height:32px;font-size:1rem;line-height:1}
body.ec-shop .card-heart[aria-pressed="true"]{color:#e0352b;border-color:#f3b4ae;background:#fdf1f0}
body.ec-shop .card-add{margin-left:auto;border:1px solid var(--brand-solid);background:var(--brand-solid);color:var(--on-brand);border-radius:4px;padding:7px 12px;font-size:.76rem;font-weight:650;white-space:nowrap}
body.ec-shop .card-add:hover{filter:brightness(1.1)}
body.ec-shop .compact .card-foot .card-add{margin-left:0}
@media(max-width:420px){body.ec-shop .card-add{flex-basis:100%;order:3;margin-left:0}}
body.ec-shop .rail{position:relative;min-width:0}
body.ec-shop .rail>button{position:absolute;top:calc(50% - 26px);z-index:2;width:40px;height:40px;border:1px solid var(--rule);border-radius:50%;background:var(--surface);color:var(--ink);font-size:24px;line-height:1;box-shadow:0 2px 10px #0b152626}
body.ec-shop .r-prev{left:-8px}
body.ec-shop .r-next{right:-8px}
body.ec-shop .rail>button:disabled{visibility:hidden}
body.ec-shop .timer span{position:relative;display:inline-block;min-width:2.2em;text-align:center}
body.ec-shop .timer span+span{margin-left:12px}
body.ec-shop .timer span+span:before{content:":";position:absolute;left:-9px;top:0;font-size:1.5rem;font-weight:700;line-height:1.2}
body.ec-shop .timer b{display:block;font-size:1.5rem;line-height:1.2}
body.ec-shop .timer small{font-size:.68rem}
body.ec-shop .deal .timer b,body.ec-shop .deal .timer span:before{color:#d4213d}
body.ec-shop .forget{padding:6px 14px;border:1px solid var(--rule);border-radius:99px;background:var(--surface);font-size:.8rem;font-weight:650}
@media(max-width:760px){body.ec-shop .rail>button{display:none}}
/* Page styles that the live templates carry as <style> blocks, scoped to the shop body. */
/* buy-acts.html */
body.ec-shop .pb{margin:18px 0 12px}
body.ec-shop .pb form{margin:0}
body.ec-shop .buy-now{margin:0}
body.ec-shop .pb-buy{margin:0 0 10px}
body.ec-shop .pb-buy .btn-primary{padding:16px;font-size:1.02rem}
body.ec-shop .pb-main,body.ec-shop .pb-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
body.ec-shop .pb-main{margin:0 0 10px}
body.ec-shop .pb-main a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;padding:11px 10px;line-height:1.25}
body.ec-shop .pb-main .num{display:none;margin-top:2px;font-size:.76rem;font-weight:500}
body.ec-shop .pb-row button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 8px;font-size:.82rem;line-height:1.25}
body.ec-shop .pb-row button[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:var(--plate)}
body.ec-shop .pb svg{flex:none}
@media(min-width:761px){body.ec-shop .pb-main .num{display:block}}
@media(max-width:480px){body.ec-shop .pb-row .bl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* card-style.html */
body.ec-shop .wish-grid{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
body.ec-shop .wish-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:14px}
body.ec-shop .wish-card .ph{width:100%;height:auto;max-width:none}
body.ec-shop .wc-price{font-weight:750;font-size:1.05rem}
body.ec-shop .wc-price del{font-weight:400;font-size:.8rem;color:var(--ink-faint);margin-left:6px}
body.ec-shop .wish-card form{margin:0}
body.ec-shop .wish-card .wc-add{margin-top:auto}
body.ec-shop .wish-card .btn-line{margin:0}
@media(max-width:760px){body.ec-shop .wish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.ec-shop .wish-card{padding:10px}}
/* cart-style.html */
body.ec-shop .cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"lines sum" "like sum";gap:24px;align-items:start;margin:18px 0 32px}
body.ec-shop .cart-lines{grid-area:lines;min-width:0}
body.ec-shop .cart-layout .cart-sum{grid-area:sum}
body.ec-shop .may-like{grid-area:like}
body.ec-shop .may-like h2{font-size:1.15rem;margin:0 0 12px}
body.ec-shop .may-like .wish-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0}
body.ec-shop .cart-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--rule);border-radius:6px;font-size:.88rem}
body.ec-shop .cart-table th{font-size:.75rem;font-weight:650;color:var(--ink-soft);text-align:left;padding:12px 14px;border-bottom:1px solid var(--rule)}
body.ec-shop .cart-table td{padding:14px;border-bottom:1px solid var(--rule);vertical-align:middle}
body.ec-shop .cart-table tr:last-child td{border-bottom:0}
body.ec-shop .cart-table th:nth-child(4),body.ec-shop .ct-line{text-align:right}
body.ec-shop .ct-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center}
body.ec-shop .ct-item .ph{width:72px;height:72px;aspect-ratio:auto;padding:4px}
body.ec-shop .ct-price,body.ec-shop .ct-line{white-space:nowrap}
body.ec-shop .ct-line{font-weight:750}
body.ec-shop .each{color:var(--ink-soft);font-size:.8rem}
body.ec-shop .stepper{display:inline-flex;align-items:stretch;border:1px solid var(--rule);border-radius:4px;overflow:hidden;background:var(--surface)}
body.ec-shop .stepper form{display:flex;margin:0}
body.ec-shop .step{width:34px;min-height:36px;border:0;background:var(--ground);color:var(--ink);font-size:1.1rem}
body.ec-shop .step:disabled{opacity:.35}
body.ec-shop .many input{width:3.2em;border:0;border-left:1px solid var(--rule);border-right:1px solid var(--rule);text-align:center;background:var(--surface);color:var(--ink);font:inherit}
body.ec-shop .upd{border:0;border-right:1px solid var(--rule);background:var(--surface);color:var(--ink);font-size:.72rem;padding:0 8px}
body.ec-shop .upd[hidden]{display:none}
body.ec-shop .ct-x{width:56px;text-align:right}
body.ec-shop .ct-x form{margin:0}
body.ec-shop .cart-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}
body.ec-shop .cart-acts form,body.ec-shop .cart-acts .cont{margin:0}
body.ec-shop .cart-acts .btn-line{width:auto;padding:9px 18px}
body.ec-shop .ct-price del{display:block;font-size:.78rem;color:var(--ink-faint)}
body.ec-shop .lp-n{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--ink-soft)}
@media(max-width:760px){body.ec-shop .cart-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"lines" "sum" "like"}
body.ec-shop .may-like .wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ec-shop .cart-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.ec-shop .cart-table,body.ec-shop .cart-table tbody,body.ec-shop .cart-table tr,body.ec-shop .cart-table td{display:block}
body.ec-shop .cart-table tr{padding:12px 14px;border-bottom:1px solid var(--rule)}
body.ec-shop .cart-table tr:last-child{border-bottom:0}
body.ec-shop .cart-table td{border:0;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
body.ec-shop .cart-table td.ct-item{display:grid}
body.ec-shop .cart-table td[data-label]::before{content:attr(data-label);font-size:.78rem;color:var(--ink-soft)}
body.ec-shop .cart-table tr{position:relative}
body.ec-shop .cart-table td:first-child{padding-right:44px}
body.ec-shop .cart-table td.ct-x{position:absolute;top:12px;right:14px;width:auto;padding:0}}
/* checkout-style.html */
body.ec-shop .co-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:24px;align-items:start;margin:18px 0 32px}
body.ec-shop .co-layout .sent-lines{margin:0 0 12px}
@media(max-width:760px){body.ec-shop .co-layout{grid-template-columns:minmax(0,1fr)}}
/* cmp-style.html */
body.ec-shop .cmp .cmp-sec th{background:var(--ground);color:var(--ink);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 15px}
body.ec-shop .cmp-act .btn-primary{margin:0;padding:9px 12px;font-size:.8rem}
body.ec-shop .cmp tbody th[scope=row]{position:sticky;left:0;z-index:1;background:var(--surface)}
body.ec-shop .cmp-only{margin-left:8px;font-size:.86rem;font-weight:600;cursor:pointer}
body.ec-shop #only-diff:checked~.cmp-wrap tbody.same,body.ec-shop #only-diff:checked~.cmp-wrap tbody:not(.cmp-act) tr:not(.differs):not(.cmp-sec){display:none}
body.ec-shop .cmp thead th[scope=col]:not(:first-child){position:relative;padding-right:50px}
body.ec-shop .cmp .cmp-x{position:absolute;top:10px;right:10px;margin:0}
body.ec-shop .cmp thead th:first-child{width:180px}
body.ec-shop .cmp-max{font-size:.84rem;color:var(--ink-soft);margin:6px 0}
body.ec-shop .cmp-find{max-width:36rem;margin:10px 0 18px}
body.ec-shop .cf-box{display:flex}
body.ec-shop .cf-box input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--rule);border-radius:4px 0 0 4px;background:var(--surface)}
body.ec-shop .cf-box button{flex:none;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--brand-solid);border-radius:0 4px 4px 0;background:var(--brand-solid);color:var(--on-brand)}
body.ec-shop .cf-box button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
body.ec-shop .cf-list{list-style:none;padding:0;margin:8px 0 0;color:var(--ink)}
body.ec-shop .cf-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--rule);font-size:.86rem;overflow-wrap:anywhere}
body.ec-shop .cf-list form{margin:0}
body.ec-shop .cf-list .btn-line{width:auto;padding:6px 14px}
body.ec-shop .cmp .cf-box input{width:0}
body.ec-shop .cf-list .btn-line{white-space:nowrap}
body.ec-shop .cf-list form{flex:none}
body.ec-shop .cf-list li{flex-wrap:wrap}
body.ec-shop .cf-list span{flex:1 1 9rem;min-width:0}
body.ec-shop .cmp-tools{display:flex;gap:8px;margin:0}
body.ec-shop .cmp-tools .btn-line,body.ec-shop .cmp-tools .btn-primary{width:auto;padding:9px 18px}
body.ec-shop .cmp-tools [hidden]{display:none}
@media(max-width:760px){body.ec-shop .cmp thead th:first-child{width:110px}
body.ec-shop .cmp .cf-box{flex-wrap:wrap}
body.ec-shop .cmp .cf-box input{flex:1 1 100%;border-radius:4px}
body.ec-shop .cmp .cf-box button{border-radius:4px;margin-top:6px}}
@media print{body.ec-shop nav.lists,body.ec-shop .shop-help,body.ec-shop .skip,body.ec-shop footer,body.ec-shop .cmp-tools,body.ec-shop .cmp-max,body.ec-shop .cmp-find,body.ec-shop .cmp-x,body.ec-shop .cmp-act,body.ec-shop .cmp-only,body.ec-shop .cmp-empty,body.ec-shop #only-diff{display:none!important}
body.ec-shop .top,body.ec-shop .top *{background:#fff!important;color:#000!important}
body.ec-shop .ring{display:flex!important}
body.ec-shop .cmp-wrap{overflow:visible;border:0}
body.ec-shop .cmp{min-width:0}
body.ec-shop .cmp tbody th[scope=row]{position:static}
body.ec-shop .cmp thead .ph{max-width:110px}}
/* gallery-dialog.html */
body.ec-shop .lightbox{width:min(1100px,calc(100% - 32px));height:min(860px,calc(100% - 32px));max-width:none;max-height:none;padding:0;border:0;border-radius:8px;background:#fff;color:#152036;box-shadow:0 24px 90px #0006;overflow:hidden}
body.ec-shop .lightbox:not([open]){display:none}
body.ec-shop .lightbox[open]{display:flex;flex-direction:column}
body.ec-shop .lightbox::backdrop{background:#0b1526c7}
body.ec-shop .lb-open{overflow:hidden}
body.ec-shop .lb-head{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 20px;border-bottom:1px solid #e4e7ed}
body.ec-shop .lb-title{flex:1;min-width:0;font-size:.95rem;letter-spacing:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ec-shop .lb-count{font-size:.8rem;color:#576174;white-space:nowrap}
body.ec-shop .lb-close{flex-shrink:0;width:40px;height:40px;border:1px solid #dfe3ea;border-radius:50%;background:#fff;color:#152036;font-size:1.5rem;line-height:1}
body.ec-shop .lb-close:hover,body.ec-shop .lb-step:hover{background:#eef1f6}
body.ec-shop .lb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px 76px}
body.ec-shop .lb-img{display:block;width:100%;height:100%;object-fit:contain}
body.ec-shop .lb-step{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #dfe3ea;border-radius:50%;background:#fff;color:#152036;box-shadow:0 2px 10px #14284920;font-size:1.6rem;line-height:1}
body.ec-shop .lb-prev{left:16px}
body.ec-shop .lb-next{right:16px}
body.ec-shop .lb-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 16px;border-top:1px solid #e4e7ed;justify-content:safe center}
body.ec-shop .lb-strip button{flex-shrink:0;width:64px;height:64px;padding:5px;border:1px solid #d3dce8;border-radius:4px;background:#fff}
body.ec-shop .lb-strip button[aria-current]{border:2px solid #174cbb}
body.ec-shop .lb-strip img{display:block;width:100%;height:100%;object-fit:contain}
body.ec-shop .lb-frame{width:100%;height:100%;overflow:hidden}
body.ec-shop .hero{position:relative}
body.ec-shop .zoom-pane{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;pointer-events:none;transition:opacity .12s}
body.ec-shop .hero.is-zooming .zoom-pane{opacity:1}
@media(max-width:760px){body.ec-shop .lightbox{width:100%;height:100%;border-radius:0}
body.ec-shop .lb-stage{padding:8px}
body.ec-shop .lb-step{width:40px;height:40px;background:#fffd}
body.ec-shop .lb-prev{left:8px}
body.ec-shop .lb-next{right:8px}}
@media print{body.ec-shop .lightbox{display:none!important}}
/* guest-style.html */
body.ec-shop .co-ask{font-size:1rem;color:var(--ink-soft);margin:-4px 0 18px}
body.ec-shop .co-choose{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin:0 0 20px}
body.ec-shop .co-card{border:1px solid var(--rule);background:var(--surface);border-radius:6px;padding:clamp(18px,3vw,26px)}
body.ec-shop .co-card h2{font-size:1.15rem;margin:0 0 6px}
body.ec-shop .co-card>p{font-size:.9rem;color:var(--ink-soft);margin:0 0 14px}
body.ec-shop .co-card .signin{margin:0 0 12px}
body.ec-shop .co-card .co-shut{color:var(--ink);background:var(--plate);border-left:3px solid var(--brand-solid);padding:10px 14px;line-height:1.55}
body.ec-shop .co-card .co-shut a{white-space:nowrap}
body.ec-shop .co-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:.86rem}
body.ec-shop .co-links a{color:var(--brand)}
body.ec-shop .co-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
body.ec-shop .co-fields .field{margin:0 0 16px;font-size:.88rem;font-weight:650}
body.ec-shop .co-fields .field .co-err{margin:0;font-weight:400}
body.ec-shop .co-fields .how{font-weight:400;margin:0}
body.ec-shop .co-fields select{width:100%;padding:11px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--ground);font-size:16px}
body.ec-shop .co-fields input,body.ec-shop .co-fields select{font-weight:400}
body.ec-shop .co-fields [aria-invalid=true]{border-color:var(--refused)}
body.ec-shop .co-areas{list-style:none;margin:0;padding:0;font-weight:400;font-size:.8rem;color:var(--ink-soft)}
body.ec-shop .co-sum{grid-column:1/-1;margin:0 0 16px;padding:12px 16px;border-left:3px solid var(--brand-solid);background:var(--plate);border-radius:0 6px 6px 0}
body.ec-shop .co-fields .co-sum .field{margin:0}
body.ec-shop .co-sum input{display:block;width:6.5em;margin:6px 0}
@media(max-width:760px){body.ec-shop .co-choose,body.ec-shop .co-fields{grid-template-columns:minmax(0,1fr)}}
/* list-page-style.html */
body.ec-shop .list-page{max-width:1180px}
body.ec-shop .lp-head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:10px}
body.ec-shop .lp-head h1{margin:0}
body.ec-shop .lp-head form{margin:0}
body.ec-shop .lp-head .btn-primary{margin:0}
body.ec-shop .ll-name{display:block;font-weight:650;text-decoration:none;line-height:1.35;margin-bottom:4px;overflow-wrap:anywhere}
body.ec-shop .link-btn{border:0;background:none;color:var(--refused);font-size:.78rem;text-decoration:underline;padding:4px 0}
body.ec-shop .empty-links{display:flex;flex-wrap:wrap;gap:10px}
body.ec-shop .empty-links a{width:auto;margin:0}
body.ec-shop .x{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--rule);border-radius:50%;background:var(--surface);color:var(--ink-soft);font-size:1.1rem;line-height:1}
body.ec-shop .x:hover{color:var(--refused);border-color:var(--refused)}
/* progress-style.html */
body.ec-shop .prog{list-style:none;padding:0;margin:0 0 18px;display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--ink-soft)}
body.ec-shop .prog li{display:flex;align-items:center;gap:8px;white-space:nowrap}
body.ec-shop .prog li:not(:last-child){flex:1 1 auto}
body.ec-shop .prog li:not(:last-child):after{content:"";flex:1 1 12px;min-width:12px;height:2px;border-radius:1px;background:var(--rule)}
body.ec-shop .prog li.done:after{background:var(--brand-solid)}
body.ec-shop .prog-n{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--rule);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;background:var(--surface)}
body.ec-shop .prog .done,body.ec-shop .prog .now{color:var(--ink)}
body.ec-shop .prog .now{font-weight:700}
body.ec-shop .prog .done .prog-n,body.ec-shop .prog .now .prog-n{border-color:var(--brand-solid)}
body.ec-shop .prog .done .prog-n{background:var(--brand-solid);color:var(--on-brand)}
body.ec-shop .prog .now .prog-n{color:var(--brand)}
body.ec-shop .prog-note{margin:-10px 0 18px;font-size:.84rem;color:var(--ink-soft)}
body.ec-shop .prog-end{margin:0 0 18px;padding:12px 14px;border:1px solid var(--rule);border-radius:6px;background:var(--plate);color:var(--ink);font-size:.95rem}
body.ec-shop .prog-end span{color:var(--ink-soft)}
@media(max-width:760px){body.ec-shop .prog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
body.ec-shop .prog li{white-space:normal}
body.ec-shop .prog li:not(:last-child):after{display:none}}
/* request-dialog.html */
body.ec-shop .request-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #0005}
body.ec-shop .request-dialog:not([open]){display:none}
body.ec-shop .request-dialog::backdrop{background:#0b1526a8}
body.ec-shop .request-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
body.ec-shop .request-dialog h2{font-size:1.3rem}
body.ec-shop .request-dialog .dialog-close{width:auto;padding:8px 12px;font-size:.8rem}
body.ec-shop .request-dialog .asking{margin:18px 0}
body.ec-shop .request-dialog .field{margin-bottom:14px}
body.ec-shop .request-dialog .field input,body.ec-shop .request-dialog .field textarea{font-size:16px}
body.ec-shop .request-dialog .field-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:14px}
body.ec-shop .request-dialog .field-row .w-num{width:100%}
@media(max-width:420px){body.ec-shop .request-dialog{padding:20px 16px}
body.ec-shop .request-dialog .field-row{grid-template-columns:1fr}
body.ec-shop .request-dialog .field .w-num{width:7em}}
@media print{body.ec-shop .request-dialog{display:none!important}}
/* returns-style.html */
body.ec-shop .ret-how{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border:1px solid var(--rule);border-radius:6px;background:var(--plate);color:var(--ink);font-size:.92rem}
body.ec-shop .ret-how svg,body.ec-shop .ret-head svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.ec-shop .ret-how svg{margin-top:1px}
body.ec-shop .ret-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
body.ec-shop .ret{min-width:0;padding:14px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
body.ec-shop .ret-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 6px}
body.ec-shop .ret-head a{font-weight:700;color:var(--brand)}
body.ec-shop .ret-head strong{font-weight:700}
body.ec-shop .ret-day{color:var(--ink-soft);font-size:.86rem}
body.ec-shop .ret-head .ord-st{margin-left:auto}
body.ec-shop .ret-lines{list-style:none;padding:0;margin:0 0 8px}
body.ec-shop .ret-lines li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:.9rem}
body.ec-shop .ret-lines li span:first-child{min-width:0;overflow-wrap:anywhere;font-weight:600}
body.ec-shop .ret-lines li span+span{flex:none;color:var(--ink-soft)}
body.ec-shop .ret-back{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 0;font-size:.9rem}
body.ec-shop .ret-back span{min-width:0}
body.ec-shop .ret-back strong{flex:none}
body.ec-shop .ret-back.wait strong{color:var(--ink-soft);font-weight:650}
/* sent-style.html */
body.ec-shop .sent-lines{list-style:none;padding:0;margin:20px 0}
body.ec-shop .sent-lines li{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--rule);font-size:.88rem}
body.ec-shop .sent-lines .pname{flex-basis:100%;font-weight:650}
/* sheet-style.html */
body.ec-shop .osh{border:1px solid var(--rule);border-radius:8px;background:var(--surface);margin:0 0 18px;overflow:hidden}
body.ec-shop .osh-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:14px 18px;background:var(--plate);border-bottom:1px solid var(--rule)}
body.ec-shop .osh-head h2{margin:0;font-size:1.15rem}
body.ec-shop .osh-head p{margin:0;font-size:.88rem;color:var(--ink-soft)}
body.ec-shop .osh-print{margin-left:auto;font-weight:650;font-size:.92rem;color:var(--brand)}
body.ec-shop .osh-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 18px 8px}
body.ec-shop .osh-info section{padding:0 18px;border-left:1px dashed var(--rule)}
body.ec-shop .osh-info section:first-child{padding-left:0;border-left:0}
body.ec-shop .osh-info h3{font-size:1rem;margin:0 0 8px}
body.ec-shop .osh-info p{margin:0 0 4px;font-size:.9rem;overflow-wrap:anywhere}
body.ec-shop .osh-name{font-weight:650}
body.ec-shop .osh-var{display:block;font-size:.84rem;color:var(--ink-soft)}
body.ec-shop .osh>.prog{margin:16px 18px 18px}
body.ec-shop .osh>.prog-note{margin:-10px 18px 18px;font-size:.84rem;color:var(--ink-soft)}
body.ec-shop .osh>.prog-end{margin:16px 18px}
body.ec-shop .osh-body{padding:0 18px 18px}
body.ec-shop .osh-body h3{font-size:1rem;margin:6px 0 10px}
body.ec-shop .osh-lines{width:100%;border-collapse:collapse;font-size:.9rem}
body.ec-shop .osh-lines th,body.ec-shop .osh-lines td{padding:10px 12px;border-bottom:1px solid var(--rule);text-align:right;vertical-align:top;font-variant-numeric:tabular-nums}
body.ec-shop .osh-lines thead th{background:var(--plate);font-size:.85rem;font-weight:600;color:var(--ink-soft)}
body.ec-shop .osh-lines th:first-child,body.ec-shop .osh-lines td:first-child{text-align:left}
body.ec-shop .osh-lines tfoot th{font-weight:600}
body.ec-shop .osh-lines tfoot th:first-child{text-align:right}
body.ec-shop .osh-lines tfoot .osh-grand th:first-child{text-align:left}
body.ec-shop .osh-lines .osh-grand th,body.ec-shop .osh-lines .osh-grand td{border-top:2px dashed var(--rule);border-bottom:0;font-size:1.05rem}
body.ec-shop .osh-grand td{font-weight:750;color:var(--brand);font-size:1.25rem}
body.ec-shop .osh-msg{font-size:.9rem;margin:0 0 18px}
body.ec-shop .osh-sub{font-size:1rem;margin:22px 0 8px}
@media screen and (max-width:760px){body.ec-shop .osh-head{padding:12px 14px}
body.ec-shop .osh-print{margin-left:0}
body.ec-shop .osh-info{grid-template-columns:1fr;gap:16px;padding:16px 14px 6px}
body.ec-shop .osh-info section{padding:0;border-left:0}
body.ec-shop .osh>.prog{margin:14px}
body.ec-shop .osh>.prog-note{margin:-6px 14px 14px}
body.ec-shop .osh-body{padding:0 14px 14px}
body.ec-shop .osh-lines,body.ec-shop .osh-lines tbody,body.ec-shop .osh-lines tfoot,body.ec-shop .osh-lines tr{display:block}
body.ec-shop .osh-lines thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.ec-shop .osh-lines tbody tr{padding:10px 0;border-bottom:1px solid var(--rule)}
body.ec-shop .osh-lines tbody td{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border:0}
body.ec-shop .osh-lines tbody td:before{content:attr(data-label);color:var(--ink-soft)}
body.ec-shop .osh-lines tbody td:first-child{display:block;font-weight:650;padding-bottom:6px}
body.ec-shop .osh-lines tbody td:first-child:before{content:none}
body.ec-shop .osh-lines tfoot tr{display:flex;justify-content:space-between;gap:12px}
body.ec-shop .osh-lines tfoot th,body.ec-shop .osh-lines tfoot td{border-bottom:0;padding:6px 0}
body.ec-shop .osh-lines tfoot .osh-grand{border-top:2px dashed var(--rule);margin-top:4px}
body.ec-shop .osh-lines tfoot .osh-grand th,body.ec-shop .osh-lines tfoot .osh-grand td{border-top:0}}
/* steps-style.html */
body.ec-shop .co-steps{list-style:none;display:flex;align-items:center;gap:8px;margin:16px 0 22px;padding:0;font-size:.86rem;color:var(--ink-soft)}
body.ec-shop .co-steps li{display:flex;align-items:center;gap:8px;white-space:nowrap}
body.ec-shop .co-steps li:not(:last-child){flex:1 1 auto}
body.ec-shop .co-steps li:not(:last-child):after{content:"";flex:1 1 12px;min-width:10px;height:2px;border-radius:1px;background:var(--rule)}
body.ec-shop .co-steps li.done:after{background:var(--brand-solid)}
body.ec-shop .co-n{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--rule);display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--surface)}
body.ec-shop .co-steps .done,body.ec-shop .co-steps .now{color:var(--ink)}
body.ec-shop .co-steps .now{font-weight:700}
body.ec-shop .co-steps .done .co-n{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--on-brand)}
body.ec-shop .co-steps .now .co-n{border-color:var(--brand-solid);color:var(--brand)}
body.ec-shop .co-ways{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}
body.ec-shop .co-ways button{padding:13px 8px;border:1px solid var(--rule);border-radius:4px;background:var(--surface);color:var(--ink);font-weight:650;font-size:.88rem}
body.ec-shop .co-ways .on{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--on-brand)}
body.ec-shop .co-set{border:0;padding:0;margin:0 0 18px;min-width:0}
body.ec-shop .co-set legend{font-weight:700;padding:0;margin:0 0 6px}
body.ec-shop .co-layout .cart-send h2{margin:0}
body.ec-shop .co-addr{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--rule);font-size:.88rem}
body.ec-shop .co-addr input{accent-color:var(--brand-solid);width:17px;height:17px;flex:none;margin-top:2px}
body.ec-shop .co-addr .co-what{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere;min-width:0}
body.ec-shop .co-addr .co-charge{color:var(--ink-soft);font-size:.82rem}
body.ec-shop .co-addr.off{color:var(--ink-faint);padding-left:27px}
body.ec-shop .co-pay{font-size:.84rem;color:var(--ink-soft);margin:10px 0 0}
body.ec-shop .co-err{margin:10px 0;padding:8px 12px;border-left:3px solid var(--refused);background:var(--plate);color:var(--refused);font-size:.85rem}
body.ec-shop .co-note{margin:0 0 4px}
body.ec-shop .co-note summary{cursor:pointer;font-weight:650;font-size:.88rem;color:var(--brand);padding:6px 0}
body.ec-shop .co-note textarea{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--ground);font-size:16px}
body.ec-shop .co-lines{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:.86rem}
body.ec-shop .co-lines th,body.ec-shop .co-lines td{padding:10px 0 10px 12px;border-bottom:1px solid var(--rule);text-align:right;vertical-align:top;white-space:nowrap}
body.ec-shop .co-lines th{font-size:.78rem;color:var(--ink-soft);font-weight:650}
body.ec-shop .co-lines th:first-child,body.ec-shop .co-lines td:first-child{text-align:left;padding-left:0;white-space:normal;overflow-wrap:anywhere;width:100%}
body.ec-shop .co-lines td:first-child{font-weight:650}
body.ec-shop .co-lines~.sum-row>span+span{white-space:nowrap}
body.ec-shop .co-lines small,body.ec-shop .co-area{display:block;font-size:.78rem;font-weight:400;color:var(--ink-soft)}
body.ec-shop .co-notice{border-left:3px solid var(--brand-solid);background:var(--plate);color:var(--ink);border-radius:0 6px 6px 0;padding:12px 16px;margin:14px 0 0;font-size:.9rem;line-height:1.6;overflow-x:clip}
body.ec-shop .co-layout .cart-send .co-notice h2{font-size:.9rem;margin:0 0 4px}
body.ec-shop .co-notice p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
body.ec-shop .co-notice p[lang=bn]{font-size:.95rem;line-height:1.75}
body.ec-shop .co-side .btn-primary{width:100%;margin:8px 0 10px;padding:14px;font-size:.95rem}
body.ec-shop .co-side .how{margin:0}
body.ec-shop .co-total{display:none}
body.ec-shop .co-layout>.cont{margin:-6px 0 0}
body.ec-shop .co-to{overflow-wrap:anywhere;font-size:.9rem;line-height:1.55}
body.ec-shop .co-to p{margin:0}
body.ec-shop .co-to-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px}
body.ec-shop .co-change{border:0;background:none;color:var(--brand);font-weight:650;font-size:.86rem;text-decoration:underline;padding:4px 0}
body.ec-shop .co-to .co-noted{margin-top:8px;color:var(--ink-soft);font-size:.84rem;white-space:pre-line}
body.ec-shop .co-methods{margin:18px 0 0}
body.ec-shop .co-method{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);border-radius:6px;padding:14px 16px;margin:0 0 10px;font-size:.9rem;cursor:not-allowed}
body.ec-shop .co-method:last-child{margin-bottom:0}
body.ec-shop .co-method.on{border-color:var(--brand-solid);background:var(--plate);color:var(--ink);cursor:default}
body.ec-shop .co-method input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:2px 0 0;border:2px solid var(--ink-faint);border-radius:50%;background:var(--surface)}
body.ec-shop .co-method input:checked{border:5px solid var(--brand-solid)}
body.ec-shop .co-method input:disabled{opacity:.55}
body.ec-shop .co-what{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}
body.ec-shop .co-what>strong{overflow-wrap:anywhere}
body.ec-shop .co-what>span{flex:1 0 100%;color:var(--ink-soft);font-size:.84rem}
body.ec-shop .co-what>.co-soon{flex:none;padding:1px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--ground);font-size:.76rem;font-weight:650}
@media(max-width:480px){body.ec-shop .co-what>strong{flex:1 0 100%}}
body.ec-shop .co-out{border:1px solid var(--rule);border-radius:6px;padding:12px 16px;margin:14px 0 18px;font-size:.88rem;line-height:1.6}
body.ec-shop .co-out h2{font-size:.95rem;margin:0 0 2px}
body.ec-shop .co-out p{margin:0;color:var(--ink-soft)}
body.ec-shop .co-out ul{list-style:none;margin:8px 0 0;padding:0}
body.ec-shop .co-out li{padding:4px 0}
body.ec-shop .list-page.co-placed{max-width:760px;text-align:center}
body.ec-shop .co-placed .co-steps{margin-top:0}
body.ec-shop .co-placed h1{margin:0 0 14px}
body.ec-shop .co-id{margin:0 0 22px;font-size:.88rem;color:var(--ink-soft)}
body.ec-shop .co-id strong{display:block;color:var(--ink);font-weight:650;margin-bottom:2px}
body.ec-shop .co-id .placed-num{display:block;font-size:1.7rem;font-weight:750;color:var(--brand);letter-spacing:.02em;user-select:all;margin:2px 0 4px}
body.ec-shop .co-placed section{text-align:left}
body.ec-shop .co-next{border-left:3px solid var(--brand-solid);background:var(--plate);padding:14px 16px;margin:0 0 18px;font-size:.9rem;line-height:1.55;overflow-wrap:anywhere}
body.ec-shop .co-next h2{font-size:1rem;margin:0 0 6px}
body.ec-shop .co-next p{margin:0 0 6px}
body.ec-shop .co-next p:last-child{margin:0}
body.ec-shop .co-next a{white-space:nowrap}
body.ec-shop .co-keep{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:22px 0 0;padding:14px 16px;border:1px solid var(--rule);border-radius:6px;text-align:left;font-size:.88rem;line-height:1.55}
body.ec-shop .co-keep p{margin:0;flex:1 1 260px}
body.ec-shop .co-keep .btn-line{flex:0 0 auto;width:auto;margin:0;padding:12px 18px}
body.ec-shop .co-kept{margin:14px 0 0;padding:10px 14px;border:1px solid var(--rule);border-radius:6px;font-size:.88rem;text-align:left}
body.ec-shop .co-acts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}
body.ec-shop .co-acts a{margin:0;width:auto;padding:13px 10px;font-size:.9rem;text-align:center;text-decoration:none;border-radius:4px;font-weight:650}
@media(max-width:760px){body.ec-shop .co-x,body.ec-shop .co-one .co-rev,body.ec-shop .co-lines .co-each{display:none}
body.ec-shop .co-steps{gap:6px;font-size:.8rem}
body.ec-shop .co-steps li{gap:6px}
body.ec-shop .co-one .co-side{border:0;background:none;padding:0;margin:0}
body.ec-shop .co-total{display:block;background:var(--surface);border:1px solid var(--rule);border-radius:6px;margin:0 0 14px}
body.ec-shop .co-total summary{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:13px 16px;cursor:pointer;font-size:.9rem}
body.ec-shop .co-total summary strong{color:var(--brand);font-size:1.05rem;margin-left:4px}
body.ec-shop .co-total summary small{color:var(--ink-soft);white-space:nowrap}
body.ec-shop .co-total summary small:after{content:" ▾"}
body.ec-shop .co-total[open] summary small:after{content:" ▴"}
body.ec-shop .co-total .co-rev{padding:0 16px 8px;border-top:1px solid var(--rule)}
body.ec-shop .co-acts{grid-template-columns:1fr}
body.ec-shop .co-keep .btn-line{flex-basis:100%}}
/* sum-style.html */
body.ec-shop .cart-sum,body.ec-shop .cart-send{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:18px 20px;margin:0 0 16px}
body.ec-shop .cart-sum h2,body.ec-shop .cart-send h2{font-size:1rem;margin:0 0 14px}
body.ec-shop .sum-row{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:.88rem}
body.ec-shop .sum-total{border-top:1px solid var(--rule);padding-top:12px;align-items:baseline}
body.ec-shop .sum-total strong{font-size:1.4rem;color:var(--brand)}
body.ec-shop .sum-note{font-size:.78rem;color:var(--ink-soft);margin:6px 0 0}
body.ec-shop .cart-send .btn-primary{width:100%}
body.ec-shop .cont{display:inline-block;margin-top:14px;font-size:.86rem;font-weight:650;text-decoration:none;color:var(--brand)}
body.ec-shop .sum-row[hidden]{display:none}
body.ec-shop .cart-sum .btn-primary{margin:16px 0 10px}
/* order-print.html */
body.ec-shop{background:var(--ground)}
body.ec-shop .inv{max-width:860px;margin:24px auto;padding:28px 32px;background:var(--surface);border:1px solid var(--rule);border-radius:8px}
body.ec-shop .inv-tools{max-width:860px;margin:18px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.88rem;color:var(--ink-soft)}
body.ec-shop .inv-tools .btn-primary{display:inline-block;width:auto;margin:0;padding:9px 22px}
body.ec-shop .inv-tools [hidden]{display:none}
body.ec-shop .inv-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
body.ec-shop .inv-shop{display:flex;gap:14px;align-items:center}
body.ec-shop .inv-shop .lettermark{border:1px solid var(--rule)}
body.ec-shop .inv-shop strong{font-size:1.2rem}
body.ec-shop .inv-shop p{margin:2px 0 0;font-size:.88rem;color:var(--ink-soft)}
body.ec-shop .inv-top h1{margin:0;font-size:1.6rem;letter-spacing:.04em;text-transform:uppercase}
body.ec-shop .inv-id{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:16px 0 0;font-size:.95rem}
body.ec-shop .inv .osh-info{padding:18px 0 10px}
body.ec-shop .inv-paid{margin:6px 0 18px;font-weight:650}
body.ec-shop .inv-back{margin:20px 0 0;padding-top:14px;border-top:2px dashed var(--rule)}
body.ec-shop .inv-back h2{margin:0 0 8px;font-size:1.05rem}
body.ec-shop .inv-back ul{margin:0 0 10px;padding-left:20px;font-size:.92rem}
body.ec-shop .inv-back dl{margin:0;max-width:360px;margin-left:auto}
body.ec-shop .inv-back dl div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:.92rem;font-variant-numeric:tabular-nums}
body.ec-shop .inv-back dt{color:var(--ink-soft)}
body.ec-shop .inv-back dd{margin:0}
body.ec-shop .inv-back .inv-kept{border-top:2px dashed var(--rule);margin-top:4px;padding-top:8px;font-size:1.05rem;font-weight:750}
body.ec-shop .inv-back .inv-kept dt{color:var(--ink)}
body.ec-shop .inv-foot{margin:22px 0 0;font-size:.88rem;color:var(--ink-soft)}
@media screen and (max-width:760px){body.ec-shop .inv-tools{margin:12px var(--gutter) 0}
body.ec-shop .inv{margin:12px var(--gutter);padding:18px 16px}}
@media print{@page{margin:14mm}
body.ec-shop{background:#fff}
body.ec-shop .inv-tools{display:none!important}
body.ec-shop .inv{margin:0;padding:0;border:0;max-width:none}
body.ec-shop .osh-lines thead th{background:#fff}}
/* Rules of the first shop build for the few parts the live shop never had (typed address, order history). */
.ec-shop .co-typed{display: grid; gap: 10px; margin: 0 0 10px;}
.ec-shop .co-typed label{display: grid; gap: 4px; font-weight: 600; font-size: 0.85rem;}
.ec-shop .co-typed textarea,.ec-shop .co-typed select{width: 100%; font: inherit; padding: 10px; border: 1px solid var(--ec-border); border-radius: var(--ec-radius-s); background: var(--ec-surface); color: var(--ec-fg);}
}