/* Datastore storefront */
:root{
  --ink:#0B0B0C; --ink-2:#3A3A42; --muted:#5C5C66; --faint:#8A8A93;
  --line:#E6E6E9; --bg:#F5F5F6; --card:#FFFFFF; --soft:#F1F1F3;
  --dark:#0A0A0A; --dark-2:#18181B; --dark-line:#26262A; --on-dark:#CFCFD4;
  --red:#D9182B; --red-dark:#A50F1E; --red-soft:#FDECEE; --green:#15803D;
  --radius:16px; --wrap:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans Armenian',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.5}
a{color:var(--red);text-decoration:none}a:hover{color:var(--red-dark)}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{line-height:1.2;margin:0;letter-spacing:-.01em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.icon{width:22px;height:22px;flex:none}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:10px;border:1.5px solid transparent;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dark);color:#fff}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#2a2a2e;color:#fff}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn-ghost-dark{background:transparent;border-color:#3A3A3E;color:#fff}.btn-ghost-dark:hover{border-color:#fff;color:#fff}
.btn-sm{height:42px;padding:0 14px;font-size:14px}
.btn-block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* Top bar & header */
.topbar{background:var(--dark);color:var(--on-dark);font-size:13px;border-bottom:1px solid var(--dark-line)}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px}
.topbar a{color:var(--on-dark)}.topbar a:hover{color:#fff}
.topbar nav{display:flex;flex-wrap:wrap;gap:20px}
.topbar .tel{color:#fff;font-weight:600}
.header{background:var(--dark);position:sticky;top:0;z-index:50}
.header .row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding-top:16px;padding-bottom:16px}
.logo{display:block;flex:none}
.logo img{height:44px;width:auto}
.catalog-btn{background:var(--red);color:#fff;height:46px;padding:0 18px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:600}
.catalog-btn:hover{background:var(--red-dark);color:#fff}
.search{flex:1 1 320px;display:flex;min-width:0}
.search input{flex:1;min-width:0;height:46px;padding:0 16px;border:1.5px solid #2E2E33;border-right:0;border-radius:10px 0 0 10px;background:#141416;color:#fff}
.search input::placeholder{color:#8E8E96}
.search input:focus{outline:none;border-color:var(--red)}
.search button{width:54px;height:46px;border:0;border-radius:0 10px 10px 0;background:var(--red);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.header-actions{display:flex;gap:6px;align-items:center}
.cart-link{height:46px;padding:0 16px;border-radius:10px;background:#1F1F22;color:#fff;display:flex;align-items:center;gap:8px;font-weight:600}
.cart-link:hover{background:#2A2A2E;color:#fff}
.cart-count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.catnav{background:var(--dark);border-top:1px solid var(--dark-line)}
.catnav .wrap{display:flex;gap:4px 24px;overflow-x:auto;padding-top:10px;padding-bottom:12px;scrollbar-width:none;font-size:15px;font-weight:500}
.catnav .wrap::-webkit-scrollbar{display:none}
.catnav a{color:var(--on-dark);white-space:nowrap}.catnav a:hover{color:#fff}

/* Flash */
.flash{background:#E8F5EC;color:#14532D;border:1px solid #BFE3CB;border-radius:12px;padding:12px 16px;margin:20px 0 0}
.errors{background:var(--red-soft);color:#7F1D1D;border:1px solid #F7C6CC;border-radius:12px;padding:12px 16px;margin:0 0 20px}
.errors ul{margin:0;padding-left:18px}

/* Sections */
.section{padding-top:56px}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px}
.section-head h2{font-size:28px;font-weight:800}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase}

/* Hero */
.hero{display:flex;flex-wrap:wrap;gap:20px;padding-top:28px}
.hero-main{flex:999 1 560px;min-width:0;background:var(--dark);color:#fff;border-radius:20px;padding:52px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}
.hero-main .eyebrow{color:#FF5A68;border:1px solid #3A3A3E;border-radius:6px;padding:4px 10px;align-self:flex-start}
.hero-main h1{font-size:44px;font-weight:800;max-width:620px}
.hero-main p{margin:0;font-size:18px;color:var(--on-dark);max-width:520px}
.hero-main .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.hero-main .print{position:absolute;right:-60px;bottom:-80px;width:360px;opacity:.16;pointer-events:none}
.hero-side{flex:1 1 300px;display:flex;flex-direction:column;gap:20px}
.promo{flex:1;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:8px;justify-content:space-between}
.promo h2{font-size:24px;font-weight:800}
.promo p{margin:0}
.promo-red{background:var(--red-soft)}.promo-red .eyebrow{color:var(--red-dark)}
.promo-gray{background:#EDEDEF}.promo-gray .eyebrow{color:var(--ink-2)}

/* Category tiles */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cat-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:center;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.cat-tile:hover{border-color:var(--ink);color:var(--ink)}
.cat-tile .ic{width:52px;height:52px;border-radius:12px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.cat-tile .ic img{width:100%;height:100%;object-fit:contain;background:#fff}
.cat-tile b{display:block;font-weight:700}
.cat-tile small{color:var(--muted);font-size:14px}

/* Product cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .15s}
.card:hover{border-color:#C9C9CE}
.card .thumb{position:relative;aspect-ratio:1/1;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:contain}
.noimg{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--soft);color:var(--faint);font-size:13px}
.badge{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:6px}
.badge-dark{background:var(--ink)}
.card .brand{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);text-transform:uppercase}
.card h3{font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:61px}
.card h3 a{color:var(--ink)}.card h3 a:hover{color:var(--red)}
.card h3 a::after{content:"";position:absolute;inset:0}
.stock{font-size:13px;font-weight:600}
.stock.in{color:var(--green)}.stock.out{color:var(--faint)}
.card .buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;position:relative;z-index:1}
.price{font-size:19px;font-weight:800;white-space:nowrap}
.old{font-size:13px;color:var(--faint);text-decoration:line-through;font-weight:500}
.card form{margin:0}

/* Benefits, B2B, brands, newsletter */
.benefits{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px}
.benefit{display:flex;gap:14px}.benefit svg{color:var(--red);flex:none}
.benefit b{display:block}.benefit span{font-size:14px;color:var(--muted)}
.b2b{background:var(--red);color:#fff;border-radius:20px;padding:44px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.b2b .eyebrow{color:#FFE1E4}
.b2b h2{font-size:32px;font-weight:800;margin:10px 0}
.b2b p{margin:0;color:#FFE9EB;max-width:560px;font-size:17px}
.b2b .btn{background:#fff;color:var(--ink)}.b2b .btn:hover{background:var(--ink);color:#fff}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.brand-tile{height:72px;border-radius:14px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);font-weight:700;font-size:17px;text-align:center;padding:0 10px}
.brand-tile:hover{border-color:var(--ink);color:var(--ink)}
.newsletter{background:#EDEDEF;border-radius:20px;padding:36px;display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}
.newsletter h2{font-size:24px;font-weight:800;margin-bottom:4px}
.newsletter p{margin:0;color:var(--ink-2)}
.newsletter form{flex:1 1 360px;display:flex;gap:10px;flex-wrap:wrap}
.input{width:100%;height:48px;padding:0 14px;border:1.5px solid #D5D5DA;border-radius:10px;background:#fff}
.input:focus{outline:none;border-color:var(--ink)}
textarea.input{height:auto;padding:12px 14px;min-height:96px;resize:vertical}
.newsletter .input{flex:1 1 220px;width:auto}

/* Footer */
.footer{background:var(--dark);color:var(--on-dark);margin-top:64px}
.footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;padding-top:52px;padding-bottom:32px}
.footer h4{color:#fff;margin:0 0 12px;font-size:15px}
.footer a{color:var(--on-dark);display:block;padding:4px 0;font-size:14px}.footer a:hover{color:#fff}
.footer .logo img{height:40px}
.footer .contact{font-size:14px;display:flex;flex-direction:column;gap:6px;margin-top:14px}
.footer .contact a{color:#fff;font-weight:600;padding:0}
.footer .copy{border-top:1px solid var(--dark-line);padding-top:18px;padding-bottom:28px;font-size:13px;color:#9A9AA2}

/* Breadcrumbs, listing */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted);padding-top:22px}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{color:var(--faint)}
.page-title{font-size:32px;font-weight:800;margin:10px 0 6px}
.page-sub{color:var(--muted);margin:0 0 20px}
.subcats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.chip{height:38px;padding:0 16px;border-radius:19px;border:1px solid #D5D5DA;background:#fff;color:var(--ink);display:inline-flex;align-items:center;font-size:14px}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.listing{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.filters{flex:1 1 250px;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.filters h3{font-size:15px;margin:0 0 10px}
.filters fieldset{border:0;padding:0;margin:0 0 22px}
.filters legend{font-weight:700;font-size:15px;margin-bottom:10px;padding:0}
.check{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:15px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--red)}
.brand-list{max-height:260px;overflow:auto}
.range{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.range .input{height:42px;width:100%;min-width:0}
.results{flex:999 1 600px;min-width:0}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:16px}
.toolbar select{height:42px;border:1.5px solid #D5D5DA;border-radius:10px;padding:0 12px;background:#fff}
.empty{background:var(--card);border:1px dashed #D5D5DA;border-radius:var(--radius);padding:48px 24px;text-align:center;color:var(--muted)}

/* Pagination */
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:28px}
.pager a,.pager span{min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:15px}
.pager a:hover{border-color:var(--ink)}
.pager .cur{background:var(--ink);border-color:var(--ink);color:#fff}
.pager .dis{color:var(--faint)}

/* Product page */
.pp{display:flex;flex-wrap:wrap;gap:28px;margin-top:16px}
.gallery{flex:1 1 440px;min-width:0}
.gallery .main{background:#fff;border:1px solid var(--line);border-radius:20px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}
.gallery .main img{width:100%;height:100%;object-fit:contain}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.thumbs button{width:76px;height:76px;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:4px;cursor:pointer}
.thumbs button[aria-current=true]{border-color:var(--red)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.pinfo{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}
.pinfo h1{font-size:28px;font-weight:800}
.pinfo .meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--muted)}
.buybox{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px}
.buybox .price{font-size:32px}
.qty{display:flex;align-items:center;border:1.5px solid #D5D5DA;border-radius:10px;height:48px;width:130px;overflow:hidden;background:#fff}
.qty button{width:40px;height:100%;border:0;background:transparent;cursor:pointer;font-size:20px}
.qty input{width:50px;text-align:center;border:0;height:100%;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.buyrow{display:flex;flex-wrap:wrap;gap:10px}
.buyrow .btn{flex:1 1 160px}
.perks{display:grid;gap:10px;font-size:14px;color:var(--ink-2)}
.perks div{display:flex;gap:10px;align-items:center}.perks svg{color:var(--red)}
.keyspecs{display:grid;gap:6px;font-size:15px;margin:0;padding:0;list-style:none}
.keyspecs li{display:flex;gap:8px}.keyspecs span{color:var(--muted)}
.specs{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.specs th,.specs td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px}
.specs th{width:40%;color:var(--muted);font-weight:500;background:#FAFAFB}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.prose{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;overflow-wrap:anywhere}
.prose img{height:auto}
.prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid var(--line);padding:6px 10px}

/* Cart & checkout */
.two{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin-top:16px}
.two .main{flex:999 1 560px;min-width:0}
.two .side{flex:1 1 300px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;position:sticky;top:110px}
.line{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;flex-wrap:wrap}
.line .im{width:84px;height:84px;border-radius:10px;background:#fff;flex:none;overflow:hidden}
.line .im img{width:100%;height:100%;object-fit:contain}
.line .nm{flex:1 1 220px;min-width:0}
.line .nm a{color:var(--ink);font-weight:600}
.line .ctl{display:flex;align-items:center;gap:16px}
.line .rm{background:none;border:0;color:var(--muted);cursor:pointer;padding:8px;font-size:14px;text-decoration:underline}
.line .rm:hover{color:var(--red)}
.sumrow{display:flex;justify-content:space-between;gap:12px}
.sumrow.total{font-size:20px;font-weight:800;border-top:1px solid var(--line);padding-top:12px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.field .hint{font-size:13px;color:var(--muted)}
.box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:16px}
.box h2{font-size:20px;margin-bottom:14px}
.radio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.radio-card{display:flex;gap:10px;align-items:flex-start;border:1.5px solid #D5D5DA;border-radius:12px;padding:14px;cursor:pointer}
.radio-card input{margin-top:3px;accent-color:var(--red);width:18px;height:18px}
.radio-card:has(input:checked){border-color:var(--red);background:var(--red-soft)}
.done{max-width:640px;margin:48px auto 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;text-align:center}
.done .ok{width:64px;height:64px;border-radius:50%;background:#E8F5EC;color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}

/* Static pages */
.article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;max-width:860px;margin-top:16px}
.article h2{font-size:20px;margin:24px 0 8px}
.article p,.article li{color:var(--ink-2)}

/* ---------- Shared components (menu drawer, tab bar, toast) ---------- */
.icon-btn{width:44px;height:44px;border-radius:10px;border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.icon-btn:hover{background:#1F1F22;color:#fff}
.menu-btn,.call-btn{display:none}
.no-scroll{overflow:hidden}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;animation:fade .2s}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(86vw,360px);background:#fff;z-index:100;display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,.25)}
.drawer.open{transform:none}
.drawer-head{background:var(--dark);display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 16px;padding-top:max(12px,env(safe-area-inset-top))}
.drawer-head img{height:30px;width:auto}
.drawer-body{flex:1;overflow-y:auto;padding:8px 0 16px;overscroll-behavior:contain}
.drawer-label{margin:14px 16px 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:700}
.drawer-link,.drawer-group summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 16px;color:var(--ink);font-weight:600;font-size:16px;cursor:pointer;list-style:none}
.drawer-group summary::-webkit-details-marker{display:none}
.drawer-group summary .chev{margin-left:auto;color:var(--faint);transition:transform .2s}
.drawer-group[open] summary .chev{transform:rotate(90deg)}
.drawer-link:hover,.drawer-group summary:hover{background:var(--soft);color:var(--ink)}
.dic{width:36px;height:36px;border-radius:10px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;flex:none}
.dic .icon{width:20px;height:20px}
.drawer-sub{display:flex;flex-direction:column;padding:0 0 8px 64px}
.drawer-sub a{color:var(--ink-2);padding:10px 16px 10px 0;font-size:15px;border-bottom:1px solid var(--line)}
.drawer-sub a:last-child{border-bottom:0}
.drawer-plain{display:block;padding:12px 16px;color:var(--ink-2);font-size:15px}
.drawer-foot{border-top:1px solid var(--line);padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);text-align:center}
.tabbar{display:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:120;background:var(--ink);color:#fff;border-radius:14px;padding:12px 14px 12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .2s,transform .2s;font-size:15px;max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast svg{color:#4ADE80}
.toast a{color:#FF8A95;font-weight:700;margin-left:6px;white-space:nowrap}
.cart-count[data-empty],.tab-count[data-empty]{display:none}
.bump{animation:bump .4s}
@keyframes bump{40%{transform:scale(1.35)}}
@keyframes fade{from{opacity:0}}
.hscroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hscroll::-webkit-scrollbar{display:none}
.mobile-only{display:none !important}
.filter-actions{display:flex;flex-direction:column-reverse;gap:8px}
.toolbar .sort-form{margin:0}
.sticky-buy{display:none}
.sheet-head{display:none}


/* ---------- Favourites, live search ---------- */
.fav{position:absolute;top:8px;right:8px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#8A8A93;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:color .15s,transform .15s}
.fav:hover{color:var(--red)}
.fav[aria-pressed=true]{color:var(--red)}
.fav[aria-pressed=true] svg{fill:currentColor}
.fav:active{transform:scale(.9)}
.title-row{display:flex;gap:12px;align-items:flex-start}
.title-row h1{flex:1;min-width:0}
.fav-lg{position:static;flex:none;width:46px;height:46px;border:1px solid var(--line);box-shadow:none}
.fav-link{position:relative}
.fav-link .fav-count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;font-size:11px}
.search{position:relative}
.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:hidden;max-height:min(70vh,560px);overflow-y:auto}
.suggest a{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--ink);border-bottom:1px solid var(--line);min-height:48px}
.suggest a:hover,.suggest a.on{background:var(--soft);color:var(--ink)}
.suggest img,.sg-noimg{width:44px;height:44px;object-fit:contain;flex:none;border-radius:8px;background:var(--soft)}
.sg-name{flex:1;min-width:0;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.suggest b{font-size:14px;white-space:nowrap}
.sg-cat{font-weight:600;font-size:14px}
.sg-cat::before{content:'Կատեգորիա';font-size:11px;font-weight:700;color:var(--red);background:var(--red-soft);border-radius:6px;padding:2px 6px}
.sg-all{justify-content:center;color:var(--red) !important;font-weight:700;border-bottom:0 !important}
.sg-empty{padding:16px;color:var(--muted);text-align:center}

/* Catalog page */
.catalog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:20px;align-items:start}
.catalog-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.catalog-head{display:flex;align-items:center;gap:14px;padding:16px;color:var(--ink)}
.catalog-head:hover{background:var(--soft);color:var(--ink)}
.catalog-head .ic{width:48px;height:48px;border-radius:12px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;flex:none}
.catalog-head .nm{flex:1;min-width:0;display:flex;flex-direction:column}
.catalog-head small{color:var(--muted);font-size:13px}
.catalog-head .chev{color:var(--faint)}
.catalog-subs{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
.catalog-subs a{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:18px;background:var(--soft);color:var(--ink-2);font-size:14px;line-height:1.25}
.catalog-subs a:hover{background:var(--red-soft);color:var(--red-dark)}

/* ---------- Phone ---------- */
@media (max-width:720px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  body.has-buybar{padding-bottom:calc(66px + 76px + env(safe-area-inset-bottom))}
  .wrap{padding:0 14px}
  .mobile-only{display:flex !important}
  .desktop-only{display:none !important}
  input,select,textarea{font-size:16px !important}

  /* header */
  .topbar,.catnav,.catalog-btn{display:none}
  .header{position:sticky;top:0;box-shadow:0 1px 0 var(--dark-line)}
  .header .row{display:grid;grid-template-columns:44px 1fr auto;gap:8px 6px;padding-top:8px;padding-bottom:10px;padding-top:max(8px,env(safe-area-inset-top))}
  .menu-btn{display:inline-flex}
  .header .fav-link,.header .call-btn,.header .acc-link{display:none}
  .logo{justify-self:center}
  .logo img{height:30px}
  .header-actions{gap:0}
  .fav{top:6px;right:6px;width:34px;height:34px}
  .suggest{position:fixed;top:118px;left:8px;right:8px;max-height:calc(100vh - 200px)}
  .cart-link{background:transparent;padding:0;width:44px;justify-content:center;position:relative}
  .cart-link .lbl{display:none}
  .cart-link .cart-count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;font-size:11px}
  .menu-btn{grid-row:1;grid-column:1}
  .logo{grid-row:1;grid-column:2}
  .header-actions{grid-row:1;grid-column:3}
  .search{grid-row:2;grid-column:1/-1;flex:none}
  .search input{height:44px;border-radius:12px 0 0 12px;background:#1A1A1D}
  .search button{height:44px;width:50px;border-radius:0 12px 12px 0}

  /* tab bar */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--ink);border-top:2px solid var(--red);box-shadow:0 -8px 24px rgba(0,0,0,.28);padding:0 4px env(safe-area-inset-bottom)}
  .tabbar a,.tabbar button{position:relative;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#C9C9CF;font-size:11.5px;font-weight:600;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .tabbar svg{width:24px;height:24px}
  .tabbar a:active,.tabbar button:active{color:#fff}
  .tabbar .on{color:#fff}
  .tabbar .on::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--red)}
  .tabbar .on svg{color:var(--red)}
  .tabbar .tab-call{color:#fff}
  .tabbar .tab-call .tab-ic{background:var(--red);border-radius:50%;width:34px;height:34px;align-items:center;justify-content:center;margin-top:-2px}
  .tabbar .tab-call svg{width:19px;height:19px;color:#fff}
  .tab-ic{position:relative;display:flex}
  .tab-count{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;border:2px solid var(--ink);font-size:11px;display:flex;align-items:center;justify-content:center}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom))}
  body.has-buybar .toast{bottom:calc(150px + env(safe-area-inset-bottom))}

  /* home */
  .hero{padding-top:14px;gap:12px}
  .hero-main{padding:26px 22px;border-radius:18px;gap:14px}
  .hero-main h1{font-size:28px}
  .hero-main p{font-size:15px}
  .hero-main .actions{flex-direction:column}
  .hero-main .actions .btn{width:100%}
  .hero-main .actions .btn-ghost-dark{display:none}
  .hero-main h1{font-size:26px}
  .hero-main p{font-size:14px}
  .subcats{scroll-padding-inline:14px}
  .hero-main .print{width:220px;right:-50px;bottom:-60px}
  .hero-side{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14px;scrollbar-width:none;margin:0 -14px;padding:0 14px}
  .hero-side::-webkit-scrollbar{display:none}
  .promo{flex:0 0 78%;scroll-snap-align:start;padding:20px;border-radius:16px}
  .promo h2{font-size:19px}
  .section{padding-top:32px}
  .section-head{margin-bottom:14px}
  .section-head h2,.page-title{font-size:22px}
  .catalog-list{grid-template-columns:1fr;gap:10px;margin-top:12px}
  .cat-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:40%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14px;scrollbar-width:none;margin:0 -14px;padding:2px 14px 6px;gap:10px}
  .cat-grid::-webkit-scrollbar{display:none}
  .cat-tile{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;scroll-snap-align:start;min-height:112px}
  .cat-tile b{font-size:14px;line-height:1.3}
  .cat-tile .ic{width:44px;height:44px}
  .benefits{grid-template-columns:repeat(2,1fr);padding:18px;gap:18px}
  .benefit{flex-direction:column;gap:8px}
  .benefit b{font-size:14px}.benefit span{font-size:13px}
  .b2b{padding:24px;border-radius:18px}.b2b h2{font-size:22px}.b2b p{font-size:15px}.b2b .btn{width:100%}
  .brand-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .brand-tile{height:56px;font-size:14px}
  .newsletter{padding:22px}.newsletter form{flex-direction:column}.newsletter .btn{width:100%}

  /* product cards */
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .card{padding:8px 8px 10px;gap:6px;border-radius:14px}
  .card .thumb{border-radius:10px}
  .card .brand{font-size:11px}
  .card h3{font-size:13px;min-height:52px;line-height:1.35}
  .stock{font-size:12px}
  .card .buy{flex-direction:row;align-items:flex-end;gap:6px}
  .card .price{font-size:15px}
  .card .old{font-size:12px}
  .card .btn-sm{width:42px;height:42px;padding:0;border-radius:12px;flex:none}
  .card .btn-sm .lbl{display:none}

  /* listing */
  .crumbs{padding-top:12px;font-size:13px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .crumbs::-webkit-scrollbar{display:none}
  .page-title{margin-top:6px}
  .page-sub{margin-bottom:12px;font-size:14px}
  .subcats{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 14px;padding:0 14px;scrollbar-width:none}
  .subcats::-webkit-scrollbar{display:none}
  .chip{flex:none;height:40px}
  .listing{display:block}
  .toolbar{position:sticky;top:116px;z-index:20;background:var(--bg);margin:0 -14px 10px;padding:8px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .toolbar .count{display:none}
  .toolbar .sort-form select{width:100%}
  .filter-actions{display:grid;flex-direction:row}
  .toolbar select,.toolbar .filter-btn{width:100%;height:44px}
  .filter-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #D5D5DA;border-radius:10px;background:#fff;font-weight:600;cursor:pointer}
  .filter-btn .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}
  .filters{position:fixed;left:0;right:0;bottom:0;z-index:110;max-height:85vh;overflow-y:auto;border-radius:20px 20px 0 0;border:0;padding:0 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;box-shadow:0 -10px 40px rgba(0,0,0,.2)}
  .filters.open{transform:none}
  .filters-sum{display:none}
  .filters form{margin-top:0 !important}
  .sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;padding:14px 0 10px;margin-bottom:6px;border-bottom:1px solid var(--line);z-index:1}
  .sheet-head b{font-size:18px}
  .sheet-grip{position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#D5D5DA}
  .sheet-head .icon-btn{color:var(--ink)}
  .sheet-head .icon-btn:hover{background:var(--soft)}
  .check{min-height:44px}
  .brand-list{max-height:none}
  .filter-actions{position:sticky;bottom:0;background:#fff;padding-top:10px;display:grid;grid-template-columns:1fr 2fr;gap:8px}
  .filter-actions .btn{margin:0 !important}
  .pager a,.pager span{min-width:44px;height:44px}

  /* product page */
  .pp{gap:16px;margin-top:8px}
  .gallery{margin:0 -14px}
  .gallery .main{display:none}
  .thumbs{display:none}
  .swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#fff}
  .swipe::-webkit-scrollbar{display:none}
  .swipe img{flex:0 0 100%;width:100%;aspect-ratio:1/1;object-fit:contain;scroll-snap-align:center;padding:16px}
  .swipe .noimg{flex:0 0 100%;aspect-ratio:1/1}
  .dots{display:flex;justify-content:center;gap:6px;padding:10px 0 0}
  .dots span{width:7px;height:7px;border-radius:50%;background:#D5D5DA;transition:width .2s,background .2s}
  .dots span.on{width:20px;border-radius:4px;background:var(--red)}
  .pinfo{gap:12px}
  .pinfo h1{font-size:21px;line-height:1.3}
  .buybox{padding:16px;border-radius:16px}
  .buybox .price{font-size:28px}
  .buyrow{display:grid;grid-template-columns:1fr 1fr}
  .buyrow .btn{height:52px;min-width:0;padding:0 12px}
  .pp>*{min-width:0}
  .btn{white-space:normal;text-align:center;line-height:1.2}
  .keyspecs{font-size:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
  .specs th,.specs td{padding:10px 12px;font-size:14px}
  .specs th{width:45%}
  .sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:79;background:#fff;border-top:1px solid var(--line);padding:10px 14px;gap:10px;align-items:center;transform:translateY(120%);visibility:hidden;transition:transform .2s,visibility .2s;box-shadow:0 -6px 20px rgba(0,0,0,.06)}
  .sticky-buy.show{transform:none;visibility:visible}
  .sticky-buy .p{flex:1;min-width:0}
  .sticky-buy .p b{display:block;font-size:19px;line-height:1.1}
  .sticky-buy .p small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sticky-buy form{margin:0}
  .sticky-buy .btn{height:50px;padding:0 18px}

  /* cart & checkout */
  .line{display:grid;grid-template-columns:72px 1fr;gap:6px 12px;padding:12px;align-items:start}
  .line .im{width:72px;height:72px;grid-row:span 2}
  .line .nm{min-width:0}
  .line .nm a{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .line .ctl{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .line .price{min-width:0 !important;font-size:16px}
  .line .qty{width:118px;height:42px}
  .line .rm{grid-column:2;justify-self:start;padding:4px 0}
  .two{gap:12px}
  .two .side{position:static;padding:18px;border-radius:16px}
  .box{padding:16px;border-radius:16px;margin-bottom:12px}
  .box h2{font-size:18px}
  .form-grid{grid-template-columns:1fr;gap:12px}
  .radio-cards{grid-template-columns:1fr}
  .radio-card{min-height:52px;align-items:center}
  .done{margin-top:20px;padding:24px 18px}
  .article{padding:20px;border-radius:16px}
  .footer{margin-top:40px}
  .footer .cols{grid-template-columns:1fr 1fr;gap:24px;padding-top:36px}
  .footer .cols>div:first-child{grid-column:1/-1}
  .footer .cols>div:nth-child(2){display:none}
  .footer .cols{grid-template-columns:1fr 1fr;padding-top:28px;padding-bottom:16px}
  .footer h4{font-size:14px}
}

/* Language switcher */
.lang-row{display:inline-flex;gap:2px;align-items:center}
.lang-row a{padding:2px 7px;border-radius:6px;font-weight:600;font-size:12.5px;letter-spacing:.02em;color:inherit;opacity:.75}
.lang-row a:hover{opacity:1}
.lang-row a.on{opacity:1;background:var(--red);color:#fff}
.lang-top a{color:#D6D6DC}
.footer .copy{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;align-items:center}
.lang-foot a{color:#D6D6DC}
.lang-drawer{display:flex;margin:12px 16px 4px;gap:6px}
.lang-drawer a{flex:1;text-align:center;padding:9px 6px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--ink);opacity:1}
.lang-drawer a.on{border-color:var(--red)}
.lang-pick{display:none;position:relative}
.lang-pick summary{list-style:none;display:flex;align-items:center;gap:4px;height:36px;padding:0 9px;border-radius:999px;border:1px solid #3A3A40;color:#fff;font-size:12px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lang-pick summary::-webkit-details-marker{display:none}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:90;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.22);padding:6px;min-width:150px;display:flex;flex-direction:column}
.lang-menu a{padding:11px 12px;border-radius:8px;color:var(--ink);font-weight:600;font-size:15px}
.lang-menu a[aria-current]{background:var(--red-soft);color:var(--red-dark)}
@media (max-width:720px){
  .lang-pick{display:block;margin-right:4px}
}
.check .cnt{margin-left:auto;color:var(--faint);font-size:12px}

/* Desktop mega-menu */
.header{position:relative}
.catnav .more{color:#fff;font-weight:600}
.mega{position:absolute;left:0;right:0;top:100%;z-index:85;background:#fff;border-top:1px solid var(--line);box-shadow:0 24px 48px rgba(0,0,0,.18)}
.mega-in{display:grid;grid-template-columns:340px 1fr;gap:0;min-height:420px;max-height:calc(100vh - 170px)}
.mega-roots{list-style:none;margin:0;padding:10px 0;border-right:1px solid var(--line);overflow-y:auto}
.mega-roots a{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;margin:0 8px;color:var(--ink);font-weight:600;font-size:14.5px}
.mega-roots a .dic{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--soft);color:var(--red)}
.mega-roots a .dic svg{width:20px;height:20px}
.mega-roots a small{margin-left:auto;color:var(--faint);font-weight:500}
.mega-roots a.on,.mega-roots a:hover{background:var(--red-soft);color:var(--red-dark)}
.mega-panel{padding:18px 24px 24px;overflow-y:auto}
.mega-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.mega-title a:first-child{font-size:20px;font-weight:800;color:var(--ink)}
.mega-all{font-weight:600}
.mega-cols{columns:3 220px;column-gap:28px}
.mega-col{break-inside:avoid;display:flex;flex-direction:column;margin-bottom:18px}
.mega-col a{color:var(--ink-2);font-size:14px;padding:3px 0}
.mega-col a:hover{color:var(--red)}
.mega-col .mega-h{color:var(--ink);font-weight:700;font-size:15px;padding-bottom:6px}
.mega-col small{color:var(--faint);font-weight:500}
.mega-more{font-weight:600;color:var(--red)!important}
@media (max-width:720px){.mega{display:none!important}}

/* Mobile catalog drill-down */
.drawer{position:fixed}
.drawer .drawer-link{width:100%;background:none;border:0;text-align:left;font-family:inherit}
.drawer-link .chev{margin-left:auto;color:var(--faint)}
.drawer-link small{color:var(--faint);font-weight:500;margin-left:6px}
.drill{position:absolute;inset:0;top:0;background:#fff;z-index:3;display:flex;flex-direction:column}
.drill[hidden]{display:none}
.drill-head{display:flex;align-items:center;gap:6px;background:var(--dark);color:#fff;padding:12px;padding-top:max(12px,env(safe-area-inset-top));min-height:56px}
.drill-head .icon-btn{color:#fff}
.drill-head b{font-size:17px}
.drill-body{flex:1;overflow-y:auto;padding:6px 0 16px;overscroll-behavior:contain}
.drill-body .drawer-link{border-bottom:1px solid var(--line);font-weight:500}
.drill-all{color:var(--red)!important;font-weight:700!important}
.stock.sup{color:#B45309}.stock.chk{color:#B45309}.stock.pre{color:#1D4ED8}

/* Compare */
.cmp-btn{position:absolute;top:52px;right:8px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#8A8A93;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.cmp-btn[aria-pressed="true"]{background:var(--ink);color:#fff}
.cmp-lg{position:static;flex:none;width:46px;height:46px;border:1px solid var(--line);box-shadow:none}
.cmpbar{position:fixed;right:16px;bottom:24px;z-index:110;display:flex;align-items:center;gap:6px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.cmpbar[hidden]{display:none}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:14px;border:1px solid var(--line)}
.cmp{border-collapse:collapse;min-width:100%;font-size:14px}
.cmp th,.cmp td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;min-width:170px}
.cmp thead th{position:relative;background:#fff}
.cmp tbody th{background:var(--soft);color:var(--muted);font-weight:600;min-width:140px;position:sticky;left:0}
.cmp tbody tr:not(.same) td{background:#FFFBEB}
.cmp.only-diff tr.same{display:none}
.cmp-img{display:block;aspect-ratio:4/3;margin-bottom:8px}.cmp-img img{width:100%;height:100%;object-fit:contain}
.cmp-name{display:block;color:var(--ink);font-weight:700;margin-bottom:6px}
.cmp-x{position:absolute;top:6px;right:6px;border:0;background:var(--soft);border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:18px}
.cmp thead .price{font-size:18px;font-weight:800;margin:4px 0}
@media (max-width:720px){
  .cmp-btn{top:46px;right:6px;width:34px;height:34px}
  .cmpbar{right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}
  body.has-buybar .cmpbar{bottom:calc(150px + env(safe-area-inset-bottom))}
}
.toast[hidden]{display:none}.toast:not(.show){pointer-events:none}
.cmpbar .icon-btn{color:var(--ink)}
@media (max-width:720px){
  .cmp th,.cmp td{min-width:150px;padding:8px 10px}
  .cmp tbody th{min-width:110px;max-width:120px}
  .cmp thead th:first-child{min-width:110px}
}

/* Customer account */
.acc-narrow{max-width:460px;margin:0 auto}
.acc .box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}
.acc .field{margin-bottom:12px}
.acc .field label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.acc-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.acc-h{font-size:18px;margin:6px 0 10px}
.acc-order{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;color:var(--ink)}
.acc-order:hover{border-color:var(--ink);color:var(--ink)}
.badge-st{padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--soft)}
.st-new{background:#FEF3C7;color:#92400E}.st-confirmed{background:#DBEAFE;color:#1E40AF}.st-shipping{background:#E0E7FF;color:#3730A3}.st-completed{background:#DCFCE7;color:#166534}.st-cancelled{background:#F3F4F6;color:#6B7280}
.osteps{list-style:none;display:flex;gap:4px;padding:0;margin:14px 0 0}
.osteps li{flex:1;font-size:12.5px;color:var(--faint);text-align:center}
.osteps li span{display:block;height:6px;border-radius:3px;background:var(--line);margin-bottom:6px}
.osteps li.passed{color:var(--ink);font-weight:600}.osteps li.passed span{background:var(--green)}
.osteps li.cur span{background:var(--red)}
.ostatus.cancelled{margin-top:12px;color:var(--muted);font-weight:700}
.acc-addr{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.acc-addr-new{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;margin-top:10px}
.acc-company,.acc details{margin:6px 0 4px}
.acc details summary{cursor:pointer;font-weight:600;color:var(--red);margin-bottom:8px}
@media (max-width:720px){.acc-grid{grid-template-columns:1fr}.acc-addr-new{grid-template-columns:1fr}}

/* Quotes */
.quote-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:16px 0}
.quote-table th,.quote-table td{min-width:0}
.quote-table tbody th{position:static}
.print-only{display:none}
@media print{
  .topbar,.header,.footer,.tabbar,.no-print,.crumbs,.cmpbar,.toast,.drawer,.drawer-backdrop,.sticky-buy{display:none!important}
  body{background:#fff;padding:0!important}
  .print-only{display:block}
  .box,.cmp-scroll{border:1px solid #ccc}
}
.dev-orders{margin-bottom:14px}
.dev-order{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.dev-order span{color:var(--muted);font-size:14px}
.dev-order .ostatus{margin:0 0 0 auto;font-size:13px;font-weight:700;color:var(--green)}
.dev-order .ostatus.new{color:var(--red)}.dev-order .ostatus.cancelled{color:var(--faint)}
.stock-note{font-size:13px;color:var(--muted);margin:8px 0 0;line-height:1.45}