/* Retained SMISH cart / checkout / account UI, isolated from the Shish & Twist site. Original public templates: https://smish.ru/toys/ and https://smish.ru/en/toys/. Layout rules are retained; visual tokens follow the site's blue, Manrope and Oswald. */ #smish-shop { --sm-ink:var(--ink,#0a1e50); --sm-muted:#5a6988; --sm-line:#d8e1f3; --sm-paper:#f0f4ff; --sm-accent:var(--blue,#0649df); color:var(--sm-ink); font:14px/1.6 var(--font-body,Manrope,Arial,sans-serif); -webkit-font-smoothing:antialiased; } #smish-shop *, #smish-shop *::before, #smish-shop *::after { box-sizing:border-box; } #smish-shop[v-cloak], #smish-shop [v-cloak] { display:none!important; } #smish-shop .sm-icons { position:absolute; width:0; height:0; overflow:hidden; } #smish-shop h1, #smish-shop h2, #smish-shop h3, #smish-shop p, #smish-shop dl { margin:0; } #smish-shop button, #smish-shop input, #smish-shop select, #smish-shop textarea { font:inherit; color:inherit; } #smish-shop button { border:0; background:none; padding:0; cursor:pointer; } #smish-shop button:disabled { opacity:.4; cursor:not-allowed; } #smish-shop a, #smish-shop a:visited, #smish-shop a:hover { color:inherit; text-decoration:none; } #smish-shop button, #smish-shop a, #smish-shop input, #smish-shop select, #smish-shop textarea, #smish-shop summary { -webkit-tap-highlight-color:transparent; } #smish-shop :focus-visible { outline:2px solid var(--sm-accent); outline-offset:5px; } #smish-shop img { display:block; max-width:100%; } #smish-shop .sm-icon { display:inline-block; width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; } #smish-shop .sm-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } #smish-shop .sm-eyebrow { font-size:10px; font-weight:500; line-height:1.6; letter-spacing:.15em; } #smish-shop .sm-button { display:inline-flex; align-items:center; justify-content:space-between; gap:34px; min-height:50px; padding:15px 22px; font-size:12px; font-weight:500; line-height:1.4; letter-spacing:.01em; transition:background .2s,color .2s; } #smish-shop .sm-button-dark, #smish-shop a.sm-button-dark:visited, #smish-shop a.sm-button-dark:hover { background:var(--sm-ink); color:#fff; } #smish-shop .sm-button-dark:hover { background:#a33c2a; } #smish-shop .sm-button .sm-icon { width:21px; } #smish-shop .sm-heading-count { font-size:11px; color:#7a7d72; vertical-align:top; display:inline-block; font-weight:400; margin:5px 0 0 11px; letter-spacing:0; } #smish-shop .sm-underlined { font-size:12px; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; } #smish-shop .sm-dialog { border:0; padding:0; width:min(620px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 48px); background:white; color:var(--sm-ink); margin:auto; box-shadow:0 24px 100px #0002; font-size:14px; overflow:auto; } #smish-shop .sm-dialog::backdrop { background:#22241c70; backdrop-filter:blur(3px); } #smish-shop .sm-dialog-inner { position:relative; padding:42px; } #smish-shop .sm-load-error { border:1px solid #dfceae; padding:20px; margin:20px 0; background:#fff8e9; } #smish-shop .sm-dialog-close { position:absolute; top:13px; right:13px; width:38px; height:38px; display:grid; place-items:center; background:#fff9; z-index:5; border-radius:50%; } #smish-shop .sm-dialog h2 { font-size:32px; line-height:1.1; letter-spacing:-.04em; font-weight:400; margin:14px 0 25px; } #smish-shop .sm-dialog .sm-eyebrow { font-size:9px; color:#797d6f; } #smish-shop .sm-cart-empty { text-align:center; padding:40px 0 15px; } #smish-shop .sm-cart-empty>.sm-icon { width:45px; height:45px; color:#969c8a; } #smish-shop .sm-cart-empty h3 { font-size:22px; font-weight:400; margin:25px 0 12px; } #smish-shop .sm-cart-empty p { font-size:13px; color:var(--sm-muted); margin-bottom:26px; } #smish-shop .sm-cart-list { max-height:45dvh; overflow:auto; } #smish-shop .sm-cart-item { display:flex; gap:17px; padding:20px 0; border-bottom:1px solid var(--sm-line); } #smish-shop .sm-cart-item>picture>img { width:77px; height:100px; object-fit:contain; background:#f3f3ee; } #smish-shop .sm-cart-item-copy { flex:1; min-width:0; } #smish-shop .sm-cart-item-copy h3 { font-size:14px; font-weight:400; margin-bottom:5px; } #smish-shop .sm-cart-item-copy p { font-size:10px; color:var(--sm-muted); } #smish-shop .sm-quantity { display:inline-flex; margin-top:13px; align-items:center; border:1px solid var(--sm-line); } #smish-shop .sm-quantity button { width:32px; height:30px; font-size:18px; } #smish-shop .sm-quantity output { min-width:25px; text-align:center; font-size:12px; } #smish-shop .sm-cart-item-right { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; white-space:nowrap; padding-bottom:5px; } #smish-shop .sm-cart-item-right button { padding:0 0 10px 10px; color:var(--sm-muted); } #smish-shop .sm-cart-item-right .sm-icon { width:16px; height:16px; } #smish-shop .sm-cart-item-right strong { font-size:13px; font-weight:400; } #smish-shop .sm-cart-total { display:flex; justify-content:space-between; gap:15px; font-size:16px; margin:26px 0 8px; } #smish-shop .sm-cart-total strong { font-weight:500; } #smish-shop .sm-small { color:var(--sm-muted); font-size:11px; line-height:1.7; } #smish-shop .sm-full { width:100%; margin-top:24px; } #smish-shop .sm-cart-continue { display:block; margin:20px auto 0; font-size:11px; } #smish-shop .sm-checkout-nav { position:sticky; top:0; z-index:4; margin:-12px -12px 24px; padding:8px 12px; background:#fff; border-bottom:1px solid var(--sm-line); } #smish-shop .sm-checkout-back { display:flex; align-items:center; gap:10px; min-height:44px; font-size:13px; text-align:left; } #smish-shop .sm-checkout-back .sm-icon { width:20px; height:20px; flex-shrink:0; } #smish-shop .sm-checkout-edit { display:flex; flex-wrap:wrap; gap:6px 24px; margin:10px 0 18px; } #smish-shop .sm-checkout-edit button { min-height:44px; } #smish-shop .sm-checkout-edit-items { display:block; margin:12px auto 0; min-height:44px; } #smish-shop .sm-checkout>label, #smish-shop .sm-form-row>label { display:flex; flex-direction:column; gap:7px; font-size:12px; margin-top:17px; } #smish-shop .sm-checkout input:not([type=checkbox]), #smish-shop .sm-checkout textarea { display:block; width:100%; min-width:0; padding:13px 12px; border:1px solid #d8dcce; background:#fff; font-size:13px; border-radius:0; } #smish-shop .sm-checkout input::placeholder, #smish-shop .sm-checkout textarea::placeholder { color:#939788; } #smish-shop .sm-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; } #smish-shop .sm-checkout-notice { margin-top:20px; padding:16px; border:1px solid #e0e3d8; background:#f7f8f3; font-size:12px; line-height:1.7; } #smish-shop .sm-checkout-notice p { margin:0; } #smish-shop .sm-checkout-notice p+p { margin-top:8px; } #smish-shop .sm-postal-notice { margin:14px 0; padding:15px 17px; border-left:2px solid var(--sm-accent); background:var(--sm-paper); font-size:13px; line-height:1.65; } #smish-shop .sm-postal-notice strong { display:block; font-weight:500; } #smish-shop .sm-postal-notice p { margin:5px 0 0; } #smish-shop .sm-consents { display:grid; gap:14px; margin:20px 0 24px; } #smish-shop .sm-checkout .sm-consent { display:flex; flex-direction:row; align-items:flex-start; gap:12px; font-size:12px; line-height:1.7; margin:0; } #smish-shop .sm-consent input { width:18px; height:18px; margin:2px 0 0; flex:none; accent-color:var(--sm-ink); } #smish-shop .sm-consent a { text-decoration:underline; text-underline-offset:2px; } #smish-shop .sm-checkout-message { font-size:12px; background:#f5efdb; border-left:2px solid #b5a257; padding:15px; line-height:1.7; margin-top:16px!important; } #smish-shop .sm-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); max-width:calc(100% - 32px); display:flex; align-items:center; gap:15px; color:#fff; background:#262820; padding:17px 21px; z-index:220; font-size:12px; box-shadow:0 8px 30px #0002; } #smish-shop .sm-toast button { border-bottom:1px solid #ffffff80; font-size:11px; white-space:nowrap; } @media (max-width:700px) { #smish-shop .sm-heading-count { font-size:9px; margin-left:7px; } #smish-shop .sm-dialog { max-height:calc(100dvh - 24px); width:calc(100vw - 24px); } #smish-shop .sm-dialog-inner { padding:36px 23px 25px; } #smish-shop .sm-dialog h2 { font-size:27px; } #smish-shop .sm-cart-item { gap:12px; } #smish-shop .sm-cart-item>picture>img { width:60px; height:85px; } #smish-shop .sm-cart-item-copy h3 { font-size:12px; } #smish-shop .sm-cart-item-copy p { font-size:9px; } #smish-shop .sm-cart-item-right strong { font-size:11px; } #smish-shop .sm-form-row { grid-template-columns:1fr; gap:0; } #smish-shop .sm-toast { bottom:12px; padding:13px 14px; gap:10px; font-size:11px; width:max-content; flex-wrap:wrap; justify-content:center; } #smish-shop .sm-toast .sm-icon { width:16px; height:16px; } #smish-shop .sm-toast button { font-size:10px; } } @media (prefers-reduced-motion:reduce) { #smish-shop *, #smish-shop *::before, #smish-shop *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } } #smish-shop picture { display:contents } #smish-shop .sm-checkout-fields { border:0;margin:0;padding:0;min-width:0 } #smish-shop .sm-checkout-fields>label, #smish-shop .sm-company-details>label { display:flex;flex-direction:column;gap:7px;font-size:12px;margin-top:17px } #smish-shop .sm-checkout-steps { display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;font-size:11px;color:var(--sm-muted) } #smish-shop .sm-checkout-steps>span { padding:8px 0;border-bottom:1px solid var(--sm-line) } #smish-shop .sm-checkout-steps>.is-active { color:var(--sm-ink);border-color:var(--sm-ink) } #smish-shop .sm-checkout-section-title { font-size:18px;font-weight:400;margin:28px 0 12px!important } #smish-shop .sm-checkout select, #smish-shop .sm-checkout-review select { display:block;width:100%;min-width:0;padding:13px 32px 13px 12px;border:1px solid #d8dcce;background:#fff;font-size:13px;border-radius:0;color:var(--sm-ink) } #smish-shop .sm-checkout-fields:disabled { opacity:.72 } #smish-shop .sm-company-details { margin-top:22px;border:1px solid var(--sm-line);padding:16px } #smish-shop .sm-company-details summary { cursor:pointer;font-size:13px } #smish-shop .sm-choice { display:flex;align-items:flex-start;gap:12px;border:1px solid var(--sm-line);padding:14px;margin:0;font-size:13px;line-height:1.5;cursor:pointer } #smish-shop .sm-choice:has(input:checked) { border-color:var(--sm-ink);background:var(--sm-paper) } #smish-shop .sm-choice>input[type=radio] { width:18px;height:18px;min-width:18px;padding:0;margin:2px 0 0;accent-color:var(--sm-ink) } #smish-shop .sm-choice>span { display:flex;flex-direction:column;min-width:0 } #smish-shop .sm-choice strong { font-weight:500 } #smish-shop .sm-choice small { font-size:11px;color:var(--sm-muted);margin-top:4px } #smish-shop .sm-pickup-list { display:grid;gap:8px;max-height:320px;overflow-y:auto;margin:15px 0;overscroll-behavior:contain } #smish-shop .sm-button-light { border:1px solid var(--sm-ink);justify-content:center } #smish-shop .sm-payment-options, #smish-shop .sm-delivery-options { display:grid;gap:8px;margin-top:15px } #smish-shop .sm-checkout .sm-full, #smish-shop .sm-checkout-review>.sm-full { margin-top:24px } #smish-shop .sm-checkout-review { margin-top:24px } #smish-shop .sm-order-summary { margin:25px 0;padding:18px 0;border-top:1px solid var(--sm-line);border-bottom:1px solid var(--sm-line) } #smish-shop .sm-order-summary>div { display:flex;justify-content:space-between;gap:20px;font-size:13px;margin:9px 0 } #smish-shop .sm-order-summary strong { font-weight:500;white-space:nowrap } #smish-shop .sm-order-summary .sm-summary-total { font-size:20px;margin-top:17px;padding-top:16px;border-top:1px solid var(--sm-line) } #smish-shop .sm-order-state { font-size:20px;margin:20px 0 5px!important;color:var(--sm-accent) } #smish-shop .sm-order-state.is-created { color:#356247 } #smish-shop .sm-order-delivery { padding:18px;background:var(--sm-paper);font-size:13px;line-height:1.8;margin-bottom:20px } #smish-shop .sm-retry { display:inline-block;font-size:12px;min-height:44px;padding:12px 0;margin:4px 0 } #smish-shop .sm-checkout .sm-small { margin-top:12px } #smish-shop .sm-checkout-review .sm-consents { display:grid;gap:14px;margin:22px 0 } #smish-shop .sm-checkout-review .sm-consent { display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7 } #smish-shop .sm-checkout-review .sm-consent>input { width:18px;height:18px;min-width:18px;margin:3px 0 0;accent-color:var(--sm-ink) } #smish-shop .sm-checkout-review .sm-consent a { text-decoration:underline;text-underline-offset:3px } @media(max-width:700px) { #smish-shop .sm-address-access { grid-template-columns:1fr 1fr;gap:0 12px } #smish-shop .sm-checkout input:not([type=checkbox]), #smish-shop .sm-checkout textarea, #smish-shop .sm-checkout select, #smish-shop .sm-checkout-review select { font-size:16px } #smish-shop .sm-order-summary>div { gap:12px } #smish-shop .sm-choice { padding:12px } #smish-shop .sm-checkout-steps { font-size:10px } } #smish-shop .sm-review-contact { display:grid;gap:5px;padding:16px;background:var(--sm-paper);font-size:13px;margin-bottom:15px;overflow-wrap:anywhere } #smish-shop .sm-review-contact strong { font-weight:500 } #smish-shop .sm-review-contact span:last-child { margin-top:6px;color:var(--sm-muted) } /* Address suggestions and map controls. */ #smish-shop .sm-address-field { position:relative;min-width:0 } #smish-shop .sm-address-suggestions { position:absolute;z-index:30;top:100%;left:0;right:0;margin:4px 0 0;padding:5px;list-style:none;background:#fff;border:1px solid var(--sm-line,#e4e5dd);box-shadow:0 12px 28px #24251f12;max-height:268px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;scroll-padding-block:5px } #smish-shop .sm-address-suggestions li { margin:0;padding:0;list-style:none } #smish-shop .sm-address-option { display:block;width:100%;padding:12px;border:0;background:transparent;text-align:left;font-family:inherit;font-size:13px;line-height:1.5;min-height:46px;cursor:pointer } #smish-shop .sm-address-option:hover, #smish-shop .sm-address-option[aria-selected=true] { background:var(--sm-paper,#f5f4ef);color:var(--sm-accent,#a83b29) } #smish-shop .sm-address-option span { display:block } #smish-shop .sm-address-option small { display:block;color:var(--sm-muted,#74766c);font-size:11px;margin-top:3px } #smish-shop .sm-address-status { font-size:12px;line-height:1.5;color:var(--sm-muted,#74766c);margin-top:7px;overflow-wrap:anywhere } #smish-shop .sm-pickup-origin { padding:14px 16px;margin-top:8px;background:var(--sm-paper,#f5f4ef);border-left:2px solid var(--sm-accent,#a83b29) } #smish-shop .sm-pickup-origin h3 { margin:0;font-size:15px;font-weight:500;line-height:1.5 } #smish-shop .sm-pickup-origin p { margin:6px 0 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:var(--sm-muted,#74766c) } #smish-shop .sm-pickup-toolbar { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin:18px 0 10px;min-width:0 } #smish-shop .sm-pickup-view-buttons { display:inline-flex;align-items:center;gap:3px;background:var(--sm-paper,#f5f4ef);padding:4px } #smish-shop .sm-pickup-view-buttons button { min-height:36px;padding:8px 15px;font-size:12px;line-height:1.5;color:var(--sm-muted,#74766c) } #smish-shop .sm-pickup-view-buttons button[aria-selected=true], #smish-shop .sm-pickup-view-buttons button[aria-pressed=true], #smish-shop .sm-pickup-view-buttons button.is-active { background:#fff;color:var(--sm-ink,#24251f);box-shadow:0 1px 3px #24251f0b } #smish-shop .sm-pickup-toolbar>.sm-underlined { min-height:40px;text-align:left } #smish-shop .sm-pickup-map { position:relative;z-index:0;width:100%;height:350px;min-width:0;background:#eeeee7;border:1px solid var(--sm-line,#e4e5dd);font:12px/1.5 Arial,Helvetica,sans-serif;isolation:isolate } #smish-shop .sm-pickup-map .leaflet-tile-pane { filter:saturate(.5) } #smish-shop .sm-pickup-map img.leaflet-tile { max-width:none!important;max-height:none!important } #smish-shop .sm-pickup-map .leaflet-control-zoom { border:1px solid #dbddd3;border-radius:0;box-shadow:0 2px 8px #24251f0a } #smish-shop .sm-pickup-map .leaflet-control-zoom a { width:38px;height:38px;line-height:36px;color:#24251f;background:#fff;border-color:#e4e5dd;border-radius:0;font:24px/36px Arial,sans-serif;text-decoration:none } #smish-shop .sm-pickup-map .leaflet-control-zoom a:hover { background:#f5f4ef;color:#a83b29 } #smish-shop .sm-pickup-map .leaflet-control-zoom a.leaflet-disabled { color:#a5a69f } #smish-shop .sm-pickup-map .leaflet-control-attribution { padding:3px 6px;background:#fffffff2;color:#565b50;font-size:10px;line-height:1.5;max-width:100% } #smish-shop .sm-pickup-map .leaflet-control-attribution a { color:#42483c;text-decoration:underline;text-underline-offset:2px } #smish-shop .sm-pickup-map .leaflet-marker-icon.sm-pickup-marker { border:0;background:transparent } #smish-shop .sm-pickup-pin { position:absolute;inset:2px 3px 10px;display:grid;place-items:center;background:#fff;color:#383f32;border:1px solid #818876;border-radius:50%;box-shadow:0 3px 9px #24251f24;transition:background .15s,color .15s,box-shadow .15s } #smish-shop .sm-pickup-pin:after { content:'';position:absolute;bottom:-5px;left:calc(50% - 4px);width:8px;height:8px;background:inherit;border-right:1px solid #818876;border-bottom:1px solid #818876;transform:rotate(45deg) } #smish-shop .sm-pickup-pin svg { position:relative;z-index:1;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round } #smish-shop .sm-pickup-marker:hover .sm-pickup-pin, #smish-shop .sm-pickup-marker.is-selected .sm-pickup-pin { background:#a83b29;color:#fff;border-color:#a83b29;box-shadow:0 3px 12px #77332135 } #smish-shop .sm-pickup-marker:hover .sm-pickup-pin:after, #smish-shop .sm-pickup-marker.is-selected .sm-pickup-pin:after { border-color:#a83b29 } #smish-shop .sm-pickup-map .sm-pickup-marker:focus-visible { outline:2px solid #a83b29;outline-offset:2px;border-radius:50% } #smish-shop .sm-pickup-map .leaflet-popup-content-wrapper { border-radius:0;box-shadow:0 6px 24px #24251f22;color:#24251f } #smish-shop .sm-pickup-map .leaflet-popup-content { margin:15px 17px;font:12px/1.55 Arial,Helvetica,sans-serif } #smish-shop .sm-pickup-popup strong { display:block;font-size:13px;font-weight:500;line-height:1.5 } #smish-shop .sm-pickup-map .sm-pickup-popup p { margin:6px 0 0;overflow-wrap:anywhere } #smish-shop .sm-pickup-popup-hours { color:#73776b;font-size:11px;white-space:pre-line } #smish-shop .sm-pickup-popup-select { width:100%;min-height:40px;margin-top:13px;padding:10px 12px;background:#24251f;color:#fff;font-size:12px;text-align:center } #smish-shop .sm-pickup-popup-select:hover { background:#a83b29 } #smish-shop .sm-pickup-popup-select[aria-pressed=true] { background:#f3eee6;color:#963726 } #smish-shop .sm-pickup-selected { margin-top:12px;padding:14px 16px;border-left:2px solid var(--sm-accent,#a83b29);background:var(--sm-paper,#f5f4ef);font-size:13px;line-height:1.65;overflow-wrap:anywhere } #smish-shop .sm-pickup-selected strong { font-weight:500 } #smish-shop .sm-pickup-selected>span, #smish-shop .sm-pickup-selected>strong, #smish-shop .sm-pickup-selected>small { display:block } #smish-shop .sm-pickup-selected>small { color:var(--sm-muted,#74766c);font-size:11px;margin-top:3px } #smish-shop .sm-pickup-map-note { font-size:12px;line-height:1.6;color:var(--sm-muted,#74766c);margin-top:9px;overflow-wrap:anywhere } @media(max-width:600px) { #smish-shop .sm-pickup-map { height:310px } #smish-shop .sm-pickup-toolbar { align-items:stretch;gap:7px } #smish-shop .sm-pickup-view-buttons { align-self:flex-start } #smish-shop .sm-pickup-view-buttons button { padding:8px 13px } #smish-shop .sm-address-suggestions { position:relative;top:auto;left:auto;right:auto;max-height:236px;max-height:min(236px,35dvh) } #smish-shop .sm-address-option { padding:11px 9px;font-size:12px } } @media(prefers-reduced-motion:reduce) { #smish-shop .sm-pickup-pin { transition:none } } /* The official account helper mounts a separate sibling root under body. */ #smish-account-root .smish-account { --account-ink:var(--site-ink,#25261f);--account-muted:var(--site-muted,#6f7266);--account-line:var(--site-line,#e0e2d8);box-sizing:border-box;border:0;color:var(--account-ink);background:#fff;margin:auto;padding:0;width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #171a2033;font:15px/1.65 Arial,Helvetica,sans-serif } #smish-account-root .smish-account::backdrop { background:#25261f88;backdrop-filter:blur(3px) } #smish-account-root .smish-account * { box-sizing:border-box } #smish-account-root .smish-account[open] { display:block } #smish-account-root .smish-account :is(input,select,button) { font:inherit } #smish-account-root .smish-account :is(button,input,select,a):focus-visible { outline:2px solid var(--site-accent,#a83b29);outline-offset:3px } #smish-account-root .smish-account :is(input,select):focus-visible { outline-offset:0 } #smish-account-root .smish-account button { cursor:pointer } #smish-account-root .smish-account button:disabled { cursor:default;opacity:.45 } #smish-account-root .smish-account-head { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px;background:var(--site-paper,#f4f2eb);border-bottom:1px solid var(--account-line) } #smish-account-root .smish-account-eyebrow { display:block;color:var(--account-muted);font-size:10px;letter-spacing:.13em;margin-bottom:9px } #smish-account-root .smish-account-head h2 { font-size:30px;font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0 } #smish-account-root .smish-account-close { flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:inherit;padding:0 } #smish-account-root .smish-account-close:hover { color:var(--site-accent,#a83b29) } #smish-account-root .smish-account-layout { display:grid;grid-template-columns:160px minmax(0,1fr);gap:36px } #smish-account-root .smish-account-nav { display:flex;align-items:stretch;flex-direction:column;gap:4px;align-self:start } #smish-account-root .smish-account-nav button { font-size:13px;text-align:left;min-height:44px;padding:10px 12px;background:none;border:0;color:var(--account-muted) } #smish-account-root .smish-account-nav button[aria-current] { background:var(--site-paper,#f4f2eb);color:var(--account-ink) } #smish-account-root .smish-account-nav button:hover { color:var(--account-ink) } #smish-account-root .smish-account-nav button:last-child { margin-top:15px;border-top:1px solid var(--account-line) } #smish-account-root .smish-account-content { min-width:0 } #smish-account-root .smish-account :is(h3,h4) { font-weight:400;line-height:1.3;margin:0 0 15px;letter-spacing:-.025em } #smish-account-root .smish-account h3 { font-size:25px } #smish-account-root .smish-account h4 { font-size:18px } #smish-account-root .smish-account p { margin:0 0 14px } #smish-account-root .smish-account-muted { color:var(--account-muted);font-size:13px } #smish-account-root .smish-account-message { padding:13px 16px;border:1px solid #d5ddcd;background:#f5f8f1;font-size:13px;overflow-wrap:anywhere } #smish-account-root .smish-account-message.is-error { background:#fbf0ec;border-color:#e3c3b8;color:#933720 } #smish-account-root .smish-account-loading { color:var(--account-muted);font-size:12px } #smish-account-root .smish-account-empty { padding:28px 0;color:var(--account-muted);font-size:14px } #smish-account-root .smish-account-empty h3 { color:var(--account-ink) } #smish-account-root .smish-account-login { max-width:430px;margin:10px auto 24px } #smish-account-root .smish-account-login h3 { font-size:34px;letter-spacing:-.04em;margin-top:17px } #smish-account-root .smish-account-form { display:grid;gap:18px;margin-top:24px } #smish-account-root .smish-account-form label:not(.smish-account-check) { display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:var(--account-muted) } #smish-account-root .smish-account-form :is(input:not([type=checkbox]),select) { display:block;width:100%;min-height:48px;border:1px solid var(--account-line);background:white;border-radius:0;padding:11px 12px;color:var(--account-ink);font-size:16px;line-height:1.4;box-shadow:none;min-width:0 } #smish-account-root .smish-account-form input::placeholder { color:#909386 } #smish-account-root .smish-account-form :is(input,select):disabled { background:#f8f8f5;color:var(--account-muted) } #smish-account-root .smish-account-fields { display:grid;grid-template-columns:1fr 1fr;gap:16px } #smish-account-root .smish-account-fields.is-three { grid-template-columns:repeat(3,minmax(0,1fr)) } #smish-account-root .smish-account-primary { display:inline-flex;justify-content:center;align-items:center;min-height:48px;background:var(--account-ink);color:white;border:1px solid var(--account-ink);padding:11px 19px;font-size:13px!important;line-height:1.5;text-align:center } #smish-account-root .smish-account-primary:hover { background:var(--site-accent,#a83b29);border-color:var(--site-accent,#a83b29) } #smish-account-root .smish-account-link { display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;background:none;border:0;padding:7px 0;color:var(--account-ink);font-size:12px!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-align:left } #smish-account-root .smish-account-link:hover { color:var(--site-accent,#a83b29) } #smish-account-root .smish-account-methods { display:flex;border-bottom:1px solid var(--account-line);gap:22px } #smish-account-root .smish-account-methods button { min-height:44px;font-size:13px;background:none;border:0;border-bottom:2px solid transparent;padding:8px 0;color:var(--account-muted) } #smish-account-root .smish-account-methods button[aria-pressed=true] { border-bottom-color:var(--account-ink);color:var(--account-ink) } #smish-account-root .smish-account-fine { font-size:11px;color:var(--account-muted) } #smish-account-root .smish-account-fine a { text-decoration:underline;text-underline-offset:3px } #smish-account-root .smish-account-card { margin:22px 0 0;padding:22px;border:1px solid var(--account-line);overflow-wrap:anywhere } #smish-account-root .smish-account-card p { font-size:13px } #smish-account-root .smish-account-card .smish-account-primary { margin-top:12px } #smish-account-root .smish-account-card .smish-account-actions .smish-account-primary { margin-top:0 } #smish-account-root .smish-account-title-row { display:flex;align-items:center;justify-content:space-between;gap:16px } #smish-account-root .smish-account-title-row h3, #smish-account-root .smish-account-title-row h4 { margin-bottom:0 } #smish-account-root .smish-account-title-row { margin-bottom:15px } #smish-account-root .smish-account-badge { display:inline-block;font-size:10px;line-height:1.5;padding:5px 9px;background:#eef1e7;color:#505a42 } #smish-account-root .smish-account-actions { display:flex;align-items:center;flex-wrap:wrap;gap:3px 20px;margin-top:12px } #smish-account-root .smish-account-details { display:grid;grid-template-columns:1fr 1.5fr;column-gap:16px;row-gap:10px;margin:24px 0 8px;font-size:13px } #smish-account-root .smish-account-details dt { color:var(--account-muted) } #smish-account-root .smish-account-details dd { margin:0;overflow-wrap:anywhere } #smish-account-root .smish-account-details.is-totals dd { text-align:right } #smish-account-root .smish-account-confirm { padding:16px;margin-top:12px;background:var(--site-paper,#f4f2eb);display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;font-size:13px } #smish-account-root .smish-account-confirm p { width:100%;margin:0 } #smish-account-root .smish-account-form fieldset { padding:0;border:0;min-width:0 } #smish-account-root .smish-account-form legend { font-size:17px;margin-bottom:10px;padding:0 } #smish-account-root .smish-account-check { display:flex;align-items:flex-start;gap:11px;font-size:13px;padding:8px 0;min-height:40px } #smish-account-root .smish-account-check input { accent-color:var(--account-ink);flex:none;width:18px;height:18px;margin:1px 0 0 } #smish-account-root .smish-account-order { display:flex;width:100%;justify-content:space-between;gap:20px;min-height:88px;align-items:center;text-align:left;padding:20px 0;border:0;border-bottom:1px solid var(--account-line);background:none;color:inherit } #smish-account-root .smish-account-order>span:last-child { text-align:right } #smish-account-root .smish-account-order strong { font-size:14px;font-weight:400 } #smish-account-root .smish-account-order small { display:block;font-size:11px;color:var(--account-muted);margin-top:4px } #smish-account-root .smish-account-order:hover strong { color:var(--site-accent,#a83b29) } #smish-account-root .smish-account-order-status { display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--account-muted);margin-bottom:22px } #smish-account-root .smish-account-order-items { list-style:none;padding:0;margin:0 } #smish-account-root .smish-account-order-items li { display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--account-line);font-size:13px } #smish-account-root .smish-account-order-items small { display:block;color:var(--account-muted);margin-top:5px } #smish-account-root .smish-account-order-items strong { font-size:13px;font-weight:400;white-space:nowrap } #smish-account-root .smish-account-pagination { display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin:18px 0 } #smish-account-root .smish-account-timeline { margin:26px 0 0;padding:0 0 0 18px;border-left:1px solid var(--account-line);list-style:none } #smish-account-root .smish-account-timeline li { position:relative;margin-bottom:17px;font-size:13px } #smish-account-root .smish-account-timeline li::before { content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--account-ink);left:-21px;top:7px } #smish-account-root .smish-account-timeline time { display:block;font-size:11px;color:var(--account-muted);margin-top:3px } @media(max-width:700px) { #smish-account-root .smish-account { width:calc(100vw - 24px);max-height:calc(100dvh - 24px) } #smish-account-root .smish-account-head { padding:22px 20px } #smish-account-root .smish-account-head h2 { font-size:26px } #smish-account-root .smish-account-layout { grid-template-columns:1fr;gap:25px } #smish-account-root .smish-account-nav { flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--account-line);scrollbar-width:thin } #smish-account-root .smish-account-nav button { white-space:nowrap;flex:none;font-size:12px;padding:9px 11px } #smish-account-root .smish-account-nav button:last-child { margin:0;border:0 } #smish-account-root .smish-account-login { margin:5px 0 12px } #smish-account-root .smish-account-login h3 { font-size:30px } #smish-account-root .smish-account h3 { font-size:23px } #smish-account-root .smish-account-card { padding:17px } #smish-account-root .smish-account-card.smish-account-form { padding:16px } #smish-account-root .smish-account-title-row { align-items:flex-start } #smish-account-root .smish-account-title-row h3 { padding-top:6px } #smish-account-root .smish-account-fields { gap:12px } #smish-account-root .smish-account-fields.is-three { gap:9px } #smish-account-root .smish-account-details { grid-template-columns:1fr 1.25fr;gap:10px;font-size:12px } #smish-account-root .smish-account-order-items li { gap:12px } #smish-account-root .smish-account-order-status { flex-wrap:wrap;gap:10px } #smish-account-root .smish-account-actions { gap:2px 16px } #smish-account-root .smish-account-order { gap:12px } #smish-account-root .smish-account-order strong { font-size:13px } } @media(prefers-reduced-motion:reduce) { #smish-account-root .smish-account * { scroll-behavior:auto!important;transition:none!important } } /* Brand styling, touch targets, and inherited site heading normalization. */ #smish-shop .sm-dialog { border-top:6px solid var(--sm-accent); border-radius:2px; overscroll-behavior:contain; } #smish-shop .sm-dialog::backdrop, #smish-account-root .smish-account::backdrop { background:#031b4ca8; } #smish-shop .sm-dialog h2 { color:var(--sm-accent); font-family:var(--font-display,Oswald,sans-serif); font-size:42px; font-weight:600; letter-spacing:-.035em; text-transform:uppercase; } #smish-shop h3 { color:var(--sm-ink); font-family:var(--font-display,Oswald,sans-serif); font-weight:500; text-transform:none; letter-spacing:-.015em; } #smish-shop .sm-cart-item-copy h3 { font-family:var(--font-body,Manrope,sans-serif); line-height:1.5; font-weight:700; } #smish-shop .sm-eyebrow { color:var(--sm-accent); font-weight:800; letter-spacing:.13em; } #smish-shop .sm-button { min-height:48px; font-weight:800; } #smish-shop .sm-button-dark { background:var(--sm-accent); border:1px solid var(--sm-accent); } #smish-shop .sm-button-dark:hover { background:#0739ad; } #smish-shop .sm-button-light { border-color:var(--sm-accent); color:var(--sm-accent); } #smish-shop .sm-button-light:hover { background:var(--sm-paper); } #smish-shop .sm-dialog-close { color:var(--sm-ink); min-height:44px; min-width:44px; } #smish-shop .sm-checkout input:not([type=checkbox]):not([type=radio]), #smish-shop .sm-checkout textarea, #smish-shop .sm-checkout select, #smish-shop .sm-checkout-review select { border-color:var(--sm-line); } #smish-shop .sm-quantity button { min-width:36px; min-height:36px; } #smish-shop .sm-quantity button:focus-visible { outline-offset:-3px; } #smish-shop .sm-consent input, #smish-shop .sm-choice>input[type=radio] { accent-color:var(--sm-accent); } #smish-shop .sm-toast { background:var(--sm-accent); } #smish-shop .sm-checkout-notice { border-color:var(--sm-line); background:var(--sm-paper); } #smish-shop .sm-checkout-notice a, #smish-shop .sm-consent a, #smish-shop .sm-consents~.sm-small a { color:var(--sm-accent); } #smish-shop .sm-pickup-map { font-family:var(--font-body,Manrope,sans-serif); } #smish-shop .sm-pickup-marker:hover .sm-pickup-pin, #smish-shop .sm-pickup-marker.is-selected .sm-pickup-pin { background:var(--sm-accent); border-color:var(--sm-accent); } #smish-shop .sm-pickup-marker:hover .sm-pickup-pin:after, #smish-shop .sm-pickup-marker.is-selected .sm-pickup-pin:after { border-color:var(--sm-accent); } #smish-shop .sm-pickup-map .sm-pickup-marker:focus-visible { outline-color:var(--sm-accent); } #smish-shop .sm-pickup-popup-select { background:var(--sm-accent); } #smish-shop .sm-pickup-popup-select:hover { background:#0739ad; } #smish-account-root { --site-ink:var(--ink,#0a1e50); --site-muted:#5a6988; --site-line:#d8e1f3; --site-paper:#f0f4ff; --site-accent:var(--blue,#0649df); color:var(--site-ink); font-family:var(--font-body,Manrope,Arial,sans-serif); } #smish-account-root .smish-account { font-family:var(--font-body,Manrope,Arial,sans-serif); border-top:6px solid var(--site-accent); border-radius:2px; } #smish-account-root .smish-account :is(h2,h3,h4) { font-family:var(--font-display,Oswald,sans-serif); color:var(--site-accent); font-weight:500; text-transform:uppercase; } #smish-account-root .smish-account-primary { background:var(--site-accent); border-color:var(--site-accent); font-weight:800; } #smish-account-root .smish-account-primary:hover { background:#0739ad; border-color:#0739ad; } #smish-account-root .smish-account :is(button,a) svg { width:22px; height:22px; } @media(max-width:700px) { #smish-shop .sm-dialog h2 { font-size:34px; } #smish-shop .sm-dialog-inner { padding:46px 20px 25px; } #smish-shop .sm-checkout-nav { position:relative; margin:0 35px 20px -5px; padding:0 5px; } #smish-shop .sm-checkout-back { font-size:12px; } #smish-shop .sm-checkout input:not([type=checkbox]):not([type=radio]), #smish-shop .sm-checkout textarea, #smish-shop .sm-checkout select, #smish-shop .sm-checkout-review select { font-size:16px; } #smish-shop .sm-cart-item-copy { overflow-wrap:anywhere; } #smish-shop .sm-cart-item-right strong { font-size:12px; } } @media(prefers-reduced-motion:reduce) { #smish-shop *, #smish-account-root * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }