/* market.css */
@font-face{font-family:Vazirmatn;src:url("fonts/Vazirmatn.f6d31671339d.woff2") format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#1f2932;--surface:#24313b;--input:#18232d;--line:#35424c;--text:#f0f2f5;--muted:#a4afb8;--accent:#e92b63;--blue:#7faeee;--header:112px;--bottom:68px}
*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.8 Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{color:inherit}input,select{min-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;z-index:100;background:var(--surface);padding:10px}.brand-symbol{width:39px;height:43px;color:var(--accent);flex-shrink:0}
.top{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}.top-inner{max-width:1400px;height:74px;margin:auto;display:flex;align-items:center;gap:32px;padding:12px 26px}.wordmark{display:flex;gap:9px;align-items:center;color:var(--accent);font-size:21px;white-space:nowrap}.wordmark strong{font-weight:750}.searchbar{display:flex;align-items:center;background:var(--input);border-radius:5px;height:44px;max-width:660px;flex:1;padding:0 12px;gap:12px}.searchbar input{width:100%;border:0;background:transparent;color:var(--text);outline:0;font-size:13px}.searchbar input::placeholder{color:#89949e;opacity:1}.searchbar button{background:transparent;border:0;padding:0;color:#b3bec7;display:flex;align-items:center}.searchbar a{color:#89949e;padding-right:12px;border-right:1px solid var(--line);display:flex}.desktop-profile{margin-right:auto;display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px}.navigation-inner{max-width:1400px;margin:auto;padding:0 26px;display:flex;align-items:center;gap:26px;height:40px;font-size:12px;color:var(--muted)}.navigation-inner>a{display:flex;align-items:center;gap:6px}.navigation-inner .icon{width:17px;height:17px}.navigation-caption{margin-right:auto;font-size:11px}.home-brand{max-width:1400px;margin:20px auto 0;text-align:center}.home-brand a{display:inline-flex;align-items:center;gap:15px;font-weight:750;font-size:30px}.home-brand .brand-symbol{width:64px;height:68px;color:#f0f2f5}.home-page .top-inner{max-width:710px;justify-content:center;height:68px;padding:10px 24px}.home-page .wordmark,.home-page .desktop-profile{display:none}.home-page .top{border-bottom:0}.home-page .desktop-navigation{border-bottom:1px solid var(--line)}
main{max-width:1400px;margin:0 auto;min-height:calc(100dvh - 180px)}.chip-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;justify-content:center;padding:18px 16px 12px}.chip-strip::-webkit-scrollbar,.shelf-products::-webkit-scrollbar,.browse-strip::-webkit-scrollbar{display:none}.chip{background:#57416f;border-radius:6px;padding:5px 18px;white-space:nowrap;font-size:12px}.chip:nth-child(3n+2){background:#6c3d5d}.chip:nth-child(3n){background:#3f596e}.shortcuts{display:flex;gap:64px;justify-content:center;padding:8px 16px 22px}.shortcuts a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px}.shortcut-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#f3f4f6;box-shadow:0 2px 5px #10182026}.shortcut-icon .icon{width:30px;height:30px;stroke-width:1.9}.compare-shortcut{color:#528bb7}.category-shortcut{color:#8963af}.saved-shortcut{color:#df5685}.shelf,.browse-categories{padding:20px 24px 22px;border-top:7px solid #19232b}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}.section-heading h2{font-size:16px;font-weight:600;margin:0}.section-heading a{color:var(--blue);font-size:12px;display:flex;align-items:center;gap:5px}.section-heading a .icon{width:12px;height:12px}.section-heading>span{font-size:12px;color:var(--muted)}.shelf-products{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity;scrollbar-width:none}.card{background:var(--bg);border:1px solid #34424d;border-radius:5px;overflow:hidden;min-width:0;scroll-snap-align:start;transition:border-color .15s}.card:hover{border-color:#74899b}.card-link{display:flex;flex-direction:column;height:100%}.product-image{aspect-ratio:1.12;background:#fff;display:grid;place-items:center;padding:12px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;max-height:215px}.image-placeholder{background:#edf1f5;color:#7b8c9b;width:100%;height:100%;display:grid;place-items:center}.image-placeholder .icon{width:66px;height:66px;stroke-width:1}.card-copy{padding:11px 11px 8px;display:flex;flex-direction:column;flex:1}.card h3{font-size:13px;font-weight:400;line-height:1.9;min-height:49px;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{margin:auto 0 8px;font-size:11px;white-space:nowrap}.price b{font-size:14px;font-weight:650}.price small{font-size:10px}.card-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:10px;color:#95a2ad}.card-bookmark{display:flex}.card-bottom .icon{width:16px;height:16px;stroke-width:1.2}.browse-strip{display:flex;overflow-x:auto;gap:24px;scrollbar-width:none}.browse-strip>a{width:104px;flex-shrink:0;text-align:center;font-size:11px;line-height:1.7}.browse-strip>a>span{display:grid;place-items:center;border-radius:50%;width:70px;height:70px;margin:4px auto 9px;background:#d9e5ed;color:#526e86}.browse-strip>a:nth-child(3n+2)>span{background:#e4dcef;color:#8a699e}.browse-strip>a:nth-child(3n)>span{background:#eddcdd;color:#a76f77}.browse-strip .icon{width:34px;height:34px;stroke-width:1.3}.browse-strip strong{font-weight:400}.empty{text-align:center;grid-column:1/-1;padding:52px 20px;max-width:600px;margin:auto}.empty h2{font-size:18px;font-weight:550}.empty p{color:var(--muted);font-size:13px;line-height:2.1}.empty-icon .icon{width:56px;height:56px;color:var(--muted);stroke-width:1}.primary{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:5px;padding:10px 22px;font-size:12px}.desktop-footer{display:flex;justify-content:center;gap:32px;color:var(--muted);border-top:1px solid var(--line);padding:24px;font-size:11px}.bottom-nav{display:none}.page{padding:26px 24px}.page h1{font-size:22px;margin:4px 0 18px;font-weight:600}.muted{color:var(--muted)}
/* Desktop category drawer: a right rail and independently scrolling columns. */
.mega-menu{color:var(--text)}.mega-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:40px;font-size:13px}.mega-menu>summary::-webkit-details-marker{display:none}.mega-menu[open]>summary{color:var(--accent)}.mega-backdrop{position:fixed;inset:var(--header) 0 0;background:#0c1117a3;z-index:-1;pointer-events:none}.mega-content{position:absolute;top:100%;right:max(24px,calc((100vw - 1348px)/2));width:min(1160px,calc(100vw - 48px));background:var(--surface);border:1px solid var(--line);border-radius:0 0 7px 7px;box-shadow:0 10px 30px #0004;overflow:hidden}.mega-tabs{position:relative;min-height:490px;background:linear-gradient(to left,#1b252e 0 228px,var(--surface) 228px);padding-bottom:15px}.mega-tab{width:228px}.mega-tab>label{display:flex;gap:10px;align-items:center;padding:15px 17px;font-size:12px;cursor:pointer;min-height:48px;line-height:1.7}.mega-tab>label .icon{width:20px;height:20px;color:var(--muted)}.mega-tab>input:checked+label,.mega-tab:hover>label{background:var(--surface);color:var(--accent)}.mega-tab>input:focus-visible+label{outline:2px solid var(--blue);outline-offset:-3px}.mega-panel{position:absolute;right:228px;left:0;top:0;bottom:0;padding:20px 26px;display:none;overflow-y:auto;overscroll-behavior:contain}.mega-tab>input:checked~.mega-panel{display:block}.mega-tabs:has(.mega-tab:hover) .mega-panel{display:none}.mega-tabs .mega-tab:hover>.mega-panel{display:block}.all-category{color:var(--blue);font-size:12px;display:inline-flex;align-items:center;gap:8px}.all-category .icon{width:13px;height:13px}.category-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px;align-items:start}.category-section h2{font-size:13px;font-weight:650;margin:0 0 12px;border-right:2px solid var(--accent);padding-right:10px}.category-section h2 a{display:flex;align-items:center;gap:6px}.category-section h2 .icon{width:10px;height:10px}.subcategory-links{display:flex;flex-direction:column;gap:0}.subcategory-links>a{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;padding:7px 0;line-height:1.8}.subcategory-links>a:hover{color:var(--accent)}.mega-panel .subcategory-icon{display:none}.all-departments{display:block;border-top:1px solid var(--line);text-align:center;color:var(--blue);padding:10px;font-size:11px}.category-browser{display:grid;grid-template-columns:228px minmax(0,1fr);height:calc(100dvh - 114px);min-height:500px}.category-rail{background:#1b252e;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--line);scrollbar-width:thin}.category-rail>a{display:flex;align-items:center;gap:12px;padding:18px 16px;font-size:12px;line-height:1.8;border-right:3px solid transparent}.category-rail .icon{width:22px;height:22px;color:var(--muted)}.category-rail .selected{background:var(--bg);border-right-color:var(--accent);color:var(--accent)}.category-rail .selected .icon{color:var(--accent)}.category-body{padding:28px 30px;overflow-y:auto;overscroll-behavior:contain;min-width:0}.category-heading{border-bottom:1px solid var(--line);padding-bottom:20px}.category-heading h1{font-size:20px;font-weight:600;margin:0 0 12px}.category-body .category-sections{grid-template-columns:repeat(4,minmax(0,1fr))}.category-body .subcategory-icon{display:none}.categories-page main{max-width:1400px;min-height:0}.categories-page .desktop-footer{display:none}
.results-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;padding:24px}.filters{background:var(--surface);border:1px solid var(--line);border-radius:5px;height:fit-content;position:sticky;top:130px}.filters summary{padding:14px;font-size:13px;list-style:none;display:flex;gap:8px;align-items:center}.filters label{display:block;padding:11px 14px;font-size:12px}.filters label input:not([type=checkbox]),.filters select{display:block;width:100%;margin-top:8px}.filters input,.filters select,.result-toolbar select{background:var(--input);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:8px;max-width:100%}.filters .check{display:flex;gap:8px;align-items:center}.filters .primary{margin:12px;width:calc(100% - 24px)}.subtle{display:block;text-align:center;margin:10px;font-size:11px;color:var(--muted)}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.result-toolbar h1{font-size:18px;margin:0;font-weight:600}.result-toolbar small{font-size:11px;color:var(--muted)}.result-toolbar form{display:flex;gap:8px}.sort-button{background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:11px;padding:4px 8px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pagination{display:flex;gap:22px;justify-content:center;padding:28px}.pagination a{color:var(--blue)}
.detail-wrap{max-width:1120px;margin:auto;padding:24px}.breadcrumbs{font-size:11px;color:var(--muted);padding:0 0 22px}.product-summary{display:grid;grid-template-columns:42% minmax(0,1fr);gap:40px;border-bottom:1px solid var(--line);padding-bottom:30px}.detail-image{background:#fff;border-radius:5px;display:grid;place-items:center;min-height:300px;padding:24px}.detail-image img{object-fit:contain;max-width:100%;height:auto;max-height:380px}.product-info h1{font-size:22px;line-height:1.9;font-weight:600;margin:6px 0}.eyebrow{color:var(--blue);font-size:12px}.model-name{color:var(--muted);font-size:12px;text-align:right;overflow-wrap:anywhere}.save-button{display:flex;align-items:center;gap:8px;color:var(--muted);background:transparent;border:0;padding:13px 0;font-size:12px}.variant-title{font-size:13px;font-weight:500;margin-top:18px}.variants{display:flex;gap:8px;flex-wrap:wrap}.variant{border:1px solid var(--line);border-radius:5px;padding:7px 12px;font-size:12px}.variant.selected{color:var(--accent);border-color:var(--accent)}.summary-price{font-size:14px;margin:24px 0 0}.summary-price b{font-size:25px;font-weight:650}.seller-section{padding-top:28px}.seller-note{font-size:11px;color:var(--muted);margin-bottom:20px}.seller-row{border:1px solid var(--line);border-radius:6px;margin:12px 0;padding:20px;display:grid;grid-template-columns:1fr 180px 175px;align-items:center;gap:20px;background:var(--surface)}.seller-name{display:flex;gap:14px;align-items:center;min-width:0}.store-avatar{border:1px solid #57708b;color:var(--blue);border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.seller-name h3{font-size:14px;margin:0;font-weight:550}.seller-name small{font:11px/1.8 Vazirmatn,sans-serif;color:var(--muted)}.seller-name p{font-size:10px;color:var(--muted);margin:6px 0 0}.seller-price strong{font-size:17px;white-space:nowrap}.seller-price small{font-size:10px}.stock{display:block;color:#83cbb0;font-size:11px;margin-top:5px}.specs{margin-top:30px}.specs h2,.history summary{font-size:16px;font-weight:550}.specs dl{display:grid;grid-template-columns:180px 1fr;font-size:12px}.specs dt,.specs dd{margin:0;padding:12px;border-bottom:1px solid var(--line)}.specs dt{color:var(--muted);background:var(--surface)}.history{border-top:1px solid var(--line);margin:30px 0;padding:20px 0}.history table{border-collapse:collapse;width:100%;margin-top:20px;font-size:12px}.history th,.history td{text-align:right;border-bottom:1px solid var(--line);padding:10px}.account{max-width:700px;margin:auto}.account-card{background:var(--surface);padding:25px;border:1px solid var(--line);border-radius:7px}.account h2{font-size:17px;font-weight:550}.account p{font-size:13px;line-height:2.1}.account-link{display:block;padding:17px 0;border-top:1px solid var(--line);font-size:13px}
@media(min-width:761px){.filters details>summary{pointer-events:none}.filters details:not([open])>form{display:block}}
@media(max-width:1100px) and (min-width:761px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-products{grid-auto-columns:calc((100% - 48px)/4)}.top-inner{gap:20px}.navigation-caption{display:none}.seller-row{grid-template-columns:1fr 160px}.seller-go{grid-column:2}.seller-price{grid-column:2;grid-row:1}.seller-name{grid-row:1/3}.wordmark{font-size:18px}.category-body .category-sections{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
:root{--header:62px;--bottom:68px}html{scroll-padding-top:68px}body{font-size:13px;padding-bottom:calc(var(--bottom) + env(safe-area-inset-bottom))}.top{border-bottom:0}.top-inner,.home-page .top-inner{padding:10px 12px;height:62px;gap:0;max-width:none}.wordmark,.desktop-profile,.desktop-navigation,.desktop-footer{display:none}.searchbar{height:41px;max-width:none;border-radius:4px;padding:0 10px;gap:10px}.searchbar input{font-size:12px}.searchbar a{border:0;padding-right:0}.searchbar .icon{width:19px;height:19px}.searchbar input[type=search]::-webkit-search-cancel-button{margin-right:5px}.home-brand{margin:16px 0 0;height:81px;display:grid;place-items:center}.home-brand a{gap:0}.home-brand span{display:none}.home-brand .brand-symbol{width:64px;height:68px}.home-page .top-inner{height:57px;padding-top:5px;padding-bottom:11px}.home-page .top{border-bottom:0}main{min-height:calc(100dvh - 160px)}.chip-strip{padding:4px 12px 14px;justify-content:flex-start;gap:7px}.chip{padding:4px 13px;font-size:11px;border-radius:5px}.shortcuts{padding:4px 12px 18px;gap:44px}.shortcuts a{gap:7px;font-size:10px}.shortcut-icon{width:48px;height:48px;border-radius:14px}.shortcut-icon .icon{width:28px;height:28px}.shelf,.browse-categories{border-top-width:7px;padding:14px 10px 17px}.section-heading{margin:0 2px 11px}.section-heading h2{font-size:13px;font-weight:500}.section-heading a,.section-heading>span{font-size:10px}.shelf-products{grid-auto-columns:calc((100% - 10px)/2);gap:10px}.product-image{aspect-ratio:1.03;padding:8px}.product-image img{max-height:205px}.card{border-radius:4px}.card-copy{padding:9px 8px 7px}.card h3{font-size:12px;min-height:46px;line-height:1.85;margin-bottom:11px}.price{font-size:10px;margin-bottom:8px}.price b{font-size:12px}.price small{font-size:9px}.card-bottom{font-size:9px}.card-bottom .icon{width:14px;height:14px}.browse-strip{gap:14px}.browse-strip>a{width:85px;font-size:10px}.browse-strip>a>span{width:59px;height:59px}.browse-strip .icon{width:30px;height:30px}.bottom-nav{display:flex;position:fixed;z-index:35;bottom:0;left:0;right:0;background:#202a34;border-top:1px solid #3b4651;padding:8px 4px calc(7px + env(safe-area-inset-bottom));min-height:var(--bottom);justify-content:space-around}.bottom-nav a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#bdc7d0;font-size:9px;line-height:1.8;min-height:46px}.bottom-nav .icon{width:22px;height:22px;stroke-width:1.7}.bottom-nav .active{color:var(--accent)}.page{padding:16px 13px}.page h1{font-size:18px}.results-layout{display:block;padding:0 10px 20px}.filters{position:static;margin:0 0 11px;border-radius:4px;background:var(--bg)}.filters summary{padding:9px 12px;font-size:12px}.filters details:not([open])>form{display:none}.filters details[open]>form{max-height:62dvh;overflow-y:auto;overscroll-behavior:contain}.result-toolbar{gap:8px;margin:12px 2px}.result-toolbar h1{font-size:13px}.result-toolbar small{font-size:10px}.result-toolbar form{gap:4px;flex-shrink:0}.result-toolbar select{font-size:10px;padding:6px;width:94px}.sort-button{font-size:10px;padding:3px 5px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-wrap{padding:8px 12px}.breadcrumbs{font-size:10px;padding:2px 0 13px}.product-summary{display:flex;flex-direction:column;gap:17px;padding-bottom:22px}.detail-image{min-height:235px;padding:20px}.detail-image img{height:235px;width:100%}.product-info h1{font-size:17px}.model-name{font-size:11px}.variant-title{font-size:12px}.variant{font-size:11px;padding:6px 10px}.summary-price{font-size:12px;margin-top:20px}.summary-price b{font-size:21px}.seller-section{padding-top:22px}.seller-note{font-size:10px}.seller-row{padding:13px;gap:12px;grid-template-columns:minmax(0,1fr) auto}.seller-name{grid-row:1;gap:9px}.store-avatar{width:33px;height:33px;font-size:17px;border-radius:8px}.seller-name h3{font-size:12px}.seller-name small{font-size:9px}.seller-name p{font-size:9px}.seller-price{grid-row:1;grid-column:2;text-align:left}.seller-price strong{font-size:13px}.seller-price small{font-size:9px}.seller-go{grid-row:2;grid-column:1/-1;padding:8px;font-size:11px}.specs dl{grid-template-columns:104px minmax(0,1fr);font-size:11px}.specs h2,.history summary{font-size:13px}.specs dt,.specs dd{padding:10px;overflow-wrap:anywhere}.account-card{padding:18px}.account h2{font-size:15px}.account p{font-size:12px}.empty{padding:40px 14px}.empty h2{font-size:16px}.empty p{font-size:12px}.pagination{font-size:12px}
/* Each pane owns its scroll, so the page beneath never moves. */
.categories-page{height:100dvh;overflow:hidden;padding-bottom:0}.categories-page main{height:calc(100dvh - var(--header) - var(--bottom) - env(safe-area-inset-bottom));min-height:0}.category-browser{grid-template-columns:98px minmax(0,1fr);height:100%;min-height:0}.category-rail{scrollbar-width:none}.category-rail>a{padding:15px 6px;min-height:90px;flex-direction:column;gap:7px;text-align:center;font-size:10px;line-height:1.7;border-right-width:3px}.category-rail .icon{width:25px;height:25px;stroke-width:1.35}.category-rail .selected{border-right-color:var(--accent)}.category-body{padding:17px 12px 28px}.category-heading{padding-bottom:16px}.category-heading h1{font-size:14px;margin:0 0 9px}.all-category{font-size:10px;gap:5px}.all-category .icon{width:11px;height:11px}.category-body .category-sections{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:21px}.category-section h2{font-size:12px;padding-right:8px;margin-bottom:14px}.subcategory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.subcategory-links>a{flex-direction:column;gap:8px;padding:0;font-size:10px;text-align:center;line-height:1.8;color:#d2d9e0;min-width:0}.category-body .subcategory-icon{display:grid;place-items:center;background:#dce5ed;color:#60778d;border-radius:50%;width:62px;height:62px}.subcategory-links>a:nth-child(4n+2) .subcategory-icon{background:#e6ddec;color:#9677a1}.subcategory-links>a:nth-child(4n+3) .subcategory-icon{background:#dbe9e5;color:#6b8e83}.subcategory-links>a:nth-child(4n) .subcategory-icon{background:#ebdfe0;color:#a37c80}.subcategory-icon .icon{width:31px;height:31px;stroke-width:1.3}
}
@media(max-width:350px){.shortcuts{gap:32px}.card h3{font-size:11px}.price b{font-size:11px}.category-browser{grid-template-columns:86px minmax(0,1fr)}.category-body{padding-left:8px;padding-right:8px}.category-body .subcategory-icon{width:55px;height:55px}.seller-row{padding:10px;gap:8px}.store-avatar{display:none}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

.package-note{font-size:12px;color:#e3c69b;padding:12px 14px;background:#3c3430;border-radius:5px;line-height:1.9}

.card-variant{font-size:10px;line-height:1.8;color:var(--muted);margin:4px 0;max-height:3.6em;overflow:hidden}.coverage-page{max-width:1100px;margin:24px auto;padding:0 16px}.coverage-page h1{font-size:23px}.coverage-page p{line-height:2}.coverage-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.coverage-search input{min-width:200px;flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}.coverage-table,.history{overflow-x:auto}.coverage-table table{width:100%;border-collapse:collapse;font-size:12px}.coverage-table th,.coverage-table td{padding:14px 9px;text-align:right;border-bottom:1px solid var(--line)}.coverage-table small{display:block;color:var(--muted);margin-top:6px}.seller-name p{font-size:11px;line-height:1.8}

/* comparison.css */
/* Dental category photographs and compact RTL comparison shelves. */
:root{--bg:#1d272c;--surface:#253139;--input:#2b3840;--line:#3b474e;--accent:#ed2857;--blue:#a5c6e5;--muted:#abb5bb;--text:#f2f4f5;--header-bottom:114px}
html{scrollbar-width:thin;scrollbar-color:#7e898f transparent}
body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:var(--bg)}body::-webkit-scrollbar-thumb{background:#7e898f;border-radius:5px}
.top{background:var(--bg)}.searchbar{height:50px;border-radius:7px;background:var(--input)}
.home-brand{margin-top:16px}.home-brand a{font-size:32px}.home-brand .brand-symbol{width:66px;height:70px;color:var(--text)}
.chip-strip{gap:8px;padding-top:12px;padding-bottom:12px}.chip{border-radius:6px;padding:4px 16px;background:#63354f}.chip:nth-child(3n+2){background:#504270}.chip:nth-child(3n){background:#385464}
.shortcuts{padding-bottom:18px;gap:54px}.shortcut-icon{width:60px;height:60px;border-radius:12px}.shortcuts a{font-size:13px}
.shelf,.browse-categories{padding:20px 24px 14px;border:0}.shelf+.shelf{border-top:1px solid #ffffff07}
.section-heading{margin:0 0 12px;align-items:flex-start}.section-heading h2{font-size:19px;font-weight:650}.section-heading a{color:var(--muted);font-size:13px;flex-shrink:0;padding-top:2px}
.shelf-caption{font-size:13px;margin:3px 0 0;color:var(--muted)}
.shelf-frame{position:relative;min-width:0}.shelf-products{grid-auto-columns:232px;gap:12px;padding-bottom:8px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.shelf-products::-webkit-scrollbar{display:none}.shelf-products:focus-visible,.browse-strip:focus-visible{outline:1px solid var(--blue);outline-offset:4px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0;transition:border-color .15s;min-width:0}.card:hover{border-color:#8c9ba4}
.card-link{gap:0}.product-image{position:relative;border-radius:6px 6px 0 0;aspect-ratio:1.05;padding:10px;isolation:isolate;background:#fff}
.product-image img{position:relative;z-index:1;background:#fff;max-height:none}.product-image-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#f3f5f6;color:#83929c;z-index:0;border-radius:inherit;text-align:center;padding:12px}
.product-image-fallback>.icon{width:42px;height:42px;stroke-width:1}.product-image-fallback small{font-size:10px}
.product-image img.image-failed,.detail-image img.image-failed{display:none}.card-copy{padding:12px 12px 11px}.card h3{font-size:15px;line-height:1.8;min-height:54px;height:54px;margin:0 0 8px;font-weight:450}
.card-variant{font-size:12px;color:var(--muted);height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px}
.price{font-size:12px;margin:auto 0 8px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 3px;white-space:normal}.price b{font-size:16px;white-space:nowrap}.price small{font-size:11px;white-space:nowrap}.card-bottom{font-size:11px;color:var(--muted)}.card-bottom .icon{width:18px;height:18px}
.shelf-arrow{position:absolute;top:35%;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:0 2px 8px #0003;z-index:3;padding:8px}
.shelf-next{left:-17px}.shelf-prev{right:-17px}.shelf-prev .icon{transform:rotate(180deg)}.shelf-arrow[hidden]{display:none}.shelf-arrow .icon{width:18px;height:18px}
.shelf-scrollbar{height:3px;background:#ffffff0c;border-radius:8px;position:relative;overflow:hidden;margin:0 2px;pointer-events:none}.shelf-scrollbar[hidden]{display:none}.shelf-scrollbar span{display:block;position:absolute;right:0;top:0;height:3px;background:#849198;border-radius:8px;will-change:transform}
.product-icon{display:block;flex-shrink:0;overflow:visible;object-fit:contain}.category-photo{background:white;object-fit:contain;border-radius:inherit;max-width:100%;max-height:100%}
.browse-strip{gap:20px;scrollbar-width:thin;scrollbar-color:#839097 transparent;padding:0 0 9px;overscroll-behavior-x:contain}
.browse-strip::-webkit-scrollbar{display:block;height:3px}.browse-strip::-webkit-scrollbar-thumb{background:#839097;border-radius:5px}.browse-strip::-webkit-scrollbar-track{background:#ffffff0b}
.browse-strip>a{width:108px;font-size:13px}.browse-strip>a>span,.browse-strip>a:nth-child(n)>span{width:88px;height:88px;border-radius:50%;background:#fff;padding:7px;margin-bottom:8px}
.browse-strip .product-icon{width:100%;height:100%}.browse-strip strong{font-weight:400}
.category-rail{background:var(--surface);scrollbar-color:#7c8a92 transparent;scrollbar-gutter:stable}.category-rail>a{gap:12px;padding:14px;font-size:14px}
.category-rail .product-icon{width:54px;height:54px;border-radius:9px;background:#fff;padding:4px}.category-rail .selected{background:var(--bg)}
.category-body{scrollbar-width:thin;scrollbar-color:#7c8a92 transparent}.category-body .category-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
.category-body .subcategory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 9px}
.category-body .subcategory-links>a{flex-direction:column;text-align:center;font-size:14px;gap:8px;color:var(--text)}
.category-body .subcategory-icon,.subcategory-links>a:nth-child(n) .subcategory-icon{display:grid;place-items:center;width:92px;height:92px;border-radius:10px;background:#fff;padding:6px}.subcategory-icon .product-icon{width:100%;height:100%}
/* A fixed right rail and separate, independently scrolling multi-column panel. */
.mega-menu{position:static}.mega-menu>summary{position:relative;z-index:3;font-weight:600}
.mega-backdrop{position:fixed;inset:var(--header-bottom) 0 0;border:0;background:#080d11a6;z-index:0;pointer-events:auto;cursor:default;padding:0}
.mega-content{z-index:2;right:max(24px,calc((100vw - 1348px)/2));width:min(1200px,calc(100vw - 48px));background:var(--surface);border:1px solid var(--line);border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 16px 28px #0005}
.mega-layout{display:grid;grid-template-columns:258px minmax(0,1fr);height:min(560px,calc(100dvh - var(--header-bottom) - 64px))}
.mega-tabs{position:static;min-height:0;padding:0;background:#1c262d;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7b8b94 transparent}
.mega-tab{width:100%;display:flex;align-items:center;gap:9px;min-height:62px;border:0;border-right:3px solid transparent;background:transparent;padding:9px 13px;font-size:13px;text-align:right;line-height:1.75}
.mega-tab .product-icon{width:44px;height:44px;flex-shrink:0;padding:3px;border-radius:7px;background:#fff}.mega-tab>.icon{width:12px;height:12px;margin-right:auto;color:var(--muted)}
.mega-tab[aria-selected=true]{background:var(--surface);border-right-color:var(--accent);color:var(--accent)}.mega-tab:focus-visible{outline-offset:-3px}
.mega-panels{min-width:0;min-height:0}.mega-tabs .mega-panel,.mega-panel{position:static;inset:auto;height:100%;display:block;overflow-y:auto;padding:19px 22px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7b8b94 transparent}
.mega-panel[hidden]{display:none}.mega-panel .category-sections{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 15px;margin-top:21px}
.mega-panel .category-section h2{font-size:15px;line-height:1.8;margin-bottom:9px}.mega-panel .subcategory-links>a{font-size:13px;line-height:1.9;padding:5px 0;gap:0;min-height:30px}
.mega-panel .subcategory-icon{display:none!important}.mega-panel .subcategory-icon .product-icon{display:none}.all-category{font-size:13px}.all-departments{background:var(--surface);padding:11px;font-size:13px}
.filters,.seller-row,.detail-image,.primary,.variant{border-radius:7px}.detail-image{position:relative;isolation:isolate;overflow:hidden}.detail-image img{position:relative;z-index:1;background:#fff}
.bottom-nav{background:var(--bg);border-top-color:var(--line)}.bottom-nav .active{color:var(--accent)}.page-scrollbar{display:none}
/* Readable type across search, details, filters and account pages. */
body{font-size:16px}.top-inner{height:82px}.home-page .top-inner{height:78px}.searchbar input{font-size:15px}.navigation-inner{height:48px;font-size:14px}.navigation-caption,.desktop-profile{font-size:13px}.mega-menu>summary{font-size:15px}.chip{font-size:14px}.shortcut-icon .icon{width:36px;height:36px}
.section-heading>span,.desktop-footer,.subtle{font-size:13px}.primary,.filters summary,.filters label,.sort-button,.variant,.save-button,.eyebrow,.model-name,.package-note{font-size:14px}.result-toolbar h1{font-size:21px}.result-toolbar small{font-size:13px}.breadcrumbs{font-size:13px}.page h1,.product-info h1{font-size:26px}.variant-title{font-size:16px}.summary-price{font-size:16px}.summary-price b{font-size:30px}.detail-image{min-height:360px}.detail-image img{max-height:450px}.seller-note,.seller-name small,.seller-name p,.seller-price small,.stock{font-size:13px}.seller-name h3{font-size:17px}.seller-price strong{font-size:20px}.seller-name{overflow-wrap:anywhere}.specs h2,.history summary{font-size:19px}.specs dl,.history table,.coverage-table table{font-size:14px}.account h2{font-size:20px}.account p,.account-link,.empty p{font-size:15px}.empty h2{font-size:21px}.coverage-search input{font-size:16px}.coverage-page h1{font-size:27px}.product-image-fallback small{font-size:12px}.product-image-fallback>.icon{width:54px;height:54px}
@media(min-width:761px) and (max-width:1100px){.mega-panel .category-sections{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-layout{grid-template-columns:236px minmax(0,1fr)}.category-body .category-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 :root{--header:66px;--bottom:70px}html{scroll-padding-top:66px}
 .top-inner,.home-page .top-inner{height:66px;padding:9px 12px}.home-page .top-inner{height:64px;padding:7px 12px 9px}
 .home-brand{height:78px;margin:8px 0 0}.home-brand .brand-symbol{width:58px;height:62px}.searchbar{height:48px;border-radius:7px;padding:0 11px}.searchbar input{font-size:14px}
 .chip-strip{padding:2px 12px 13px;gap:7px} .chip{font-size:12px;padding:4px 13px;border-radius:6px}.shortcuts{padding:2px 12px 16px;gap:clamp(18px,6vw,30px)}.shortcut-icon{width:56px;height:56px;border-radius:12px}.shortcut-icon .icon{width:32px;height:32px}.shortcuts a{font-size:12px;gap:7px}
 .shelf,.browse-categories{padding:18px 12px 13px}.browse-categories{padding-top:8px;padding-bottom:7px}.section-heading{margin-bottom:11px}.section-heading h2{font-size:17px;line-height:1.8}.section-heading a{font-size:12px;padding-top:3px;gap:3px}.section-heading a .icon{width:10px;height:10px}.shelf-caption{font-size:12px;margin-top:3px}
 .shelf-products{grid-auto-columns:calc((100% - 12px)/2.1);gap:10px;padding-bottom:7px}.card{border-radius:6px}.product-image{border-radius:5px 5px 0 0;aspect-ratio:1.03;padding:8px}.card-copy{padding:10px 9px}.card h3{font-size:13.5px;line-height:1.85;height:50px;min-height:50px;margin-bottom:6px}.card-variant{font-size:11.5px;height:21px;line-height:21px;margin-bottom:7px}
 .price{font-size:11.5px;margin-bottom:8px}.price b{font-size:14px}.price small{font-size:10.5px}.card-bottom{font-size:10.5px;gap:5px}.card-bottom .icon{width:16px;height:16px}.shelf-arrow{display:none}.shelf-scrollbar{height:2px}.shelf-scrollbar span{height:2px}
 .browse-strip{gap:12px;padding-bottom:7px}.browse-strip>a{width:94px;font-size:12px}.browse-strip>a>span,.browse-strip>a:nth-child(n)>span{width:76px;height:76px;padding:6px;margin:2px auto 6px}.browse-strip::-webkit-scrollbar{height:2px}
 .bottom-nav{min-height:calc(70px + env(safe-area-inset-bottom));padding:8px 4px calc(7px + env(safe-area-inset-bottom))}.bottom-nav a{min-height:50px;font-size:11px;gap:4px}.bottom-nav .icon{width:25px;height:25px}
 .category-browser{grid-template-columns:110px minmax(0,1fr);height:calc(100dvh - 66px - var(--bottom) - env(safe-area-inset-bottom));min-height:0}.category-rail>a{padding:14px 6px;font-size:12px;gap:8px;min-height:112px}.category-rail .product-icon{width:54px;height:54px;border-radius:8px;padding:3px}
 .category-body{padding:18px 12px 24px}.category-body .category-sections{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:22px}.category-heading h1{font-size:18px}.category-section h2{font-size:15px}.category-body .subcategory-links{gap:18px 8px}.category-body .subcategory-links>a{font-size:13px;line-height:1.8;gap:10px}.category-body .subcategory-icon,.subcategory-links>a:nth-child(n) .subcategory-icon{width:80px;height:80px;border-radius:9px;padding:5px}
 .page-scrollbar.is-scrollable{display:block;position:fixed;z-index:28;right:2px;top:calc(var(--header-bottom) + 4px);bottom:calc(78px + env(safe-area-inset-bottom));width:3px;border-radius:5px;pointer-events:none;overflow:hidden}.page-scrollbar span{display:block;position:absolute;top:0;right:0;width:3px;background:#899399;border-radius:5px;will-change:transform}.categories-page .page-scrollbar{display:none}
 .product-grid{gap:10px}.result-toolbar{margin-top:14px}
 body{font-size:15px}.section-heading>span{font-size:12px}.primary,.filters summary,.filters label,.filters input,.filters select,.variant,.save-button,.eyebrow,.model-name,.package-note{font-size:14px}.mega-menu>summary{font-size:15px}.result-toolbar{flex-wrap:wrap;row-gap:10px}.result-toolbar h1{font-size:17px}.result-toolbar small{font-size:12px}.result-toolbar select{font-size:13px;width:auto;max-width:140px}.sort-button{font-size:13px;padding:5px 8px}.breadcrumbs{font-size:12px}.page h1,.product-info h1{font-size:21px}.variant-title{font-size:15px}.summary-price{font-size:15px}.summary-price b{font-size:27px}.detail-image{min-height:285px;padding:16px}.detail-image img{height:270px;max-height:340px}.seller-note,.seller-name small,.seller-name p,.seller-price small,.stock{font-size:11.5px}.seller-name h3{font-size:14px}.seller-price strong{font-size:16px}.seller-go{font-size:14px;min-height:46px}.specs h2,.history summary{font-size:17px}.specs dl,.history table,.coverage-table table{font-size:13px}.account h2{font-size:18px}.account p,.account-link,.empty p{font-size:14px}.empty h2{font-size:19px}.pagination{font-size:14px}.all-category{font-size:12px}.product-image-fallback small{font-size:11px}.product-image-fallback>.icon{width:48px;height:48px}
}
@media(max-width:350px){.shelf-products{grid-auto-columns:calc((100% - 8px)/1.9);gap:8px}.category-browser{grid-template-columns:96px minmax(0,1fr)}.category-body{padding-left:8px;padding-right:8px}.category-body .subcategory-icon{width:72px;height:72px}.shortcuts{gap:18px}.price b{font-size:13px}.card h3{font-size:13px}.category-body .subcategory-links>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

/* ui-v9.css */
/* ui-v9: search-first comparison layout with day (default) and night themes.
   Loaded after market.css and comparison.css. Night keeps their dark palette;
   day applies unless <html data-theme="dark">. */
:root{--panel:var(--surface);--soft:#3a2730;--shadow:#00000040;--note-bg:#3c3430;--note-text:#e3c69b;--note-line:#57483a;
      --stock:#83cbb0;--chip-text:var(--text);--strong:var(--text);--muted-2:#c3cbd1;--band-a:#a3173a;--band-b:#c23a5a}
:root:not([data-theme=dark]){color-scheme:light;--bg:#f4f5f7;--surface:#fff;--input:#f1f2f5;--line:#e2e5ea;--text:#22272e;--muted:#6b7480;
      --accent:#e2264d;--blue:#1769c4;--panel:#fff;--soft:#fdecef;--shadow:#1f2a3717;--note-bg:#fff8e8;--note-text:#7a5200;
      --note-line:#f1dfb2;--stock:#0b8a5b;--chip-text:#3a414a;--muted-2:#4b535d;--band-a:#e2264d;--band-b:#f35c78}
body{background:var(--bg);color:var(--text)}
html:not([data-theme=dark]){scrollbar-color:#b7bec6 transparent}
:root:not([data-theme=dark]) body::-webkit-scrollbar-thumb{background:#b7bec6}

/* Category pictograms (dm-icons.svg): ink strokes + brand tint, one frame everywhere */
:root{--icon-bg:#2c3a43;--icon-ink:#e6ebee;--icon-tint:#7a3248}
:root:not([data-theme=dark]){--icon-bg:#fff4f6;--icon-ink:#3b4450;--icon-tint:#f7c6d2}
.dm-icon{color:var(--icon-ink);fill:var(--icon-tint)}
.browse-strip>a>span,.browse-strip>a:nth-child(n)>span{background:var(--icon-bg);border:1px solid var(--line);padding:15px}
.mega-tab .dm-icon,.category-rail .dm-icon{background:var(--icon-bg);border:1px solid var(--line);padding:6px}
.category-body .subcategory-icon,.subcategory-links>a:nth-child(n) .subcategory-icon{background:var(--icon-bg);border:1px solid var(--line);padding:16px}
.browse-strip>a:hover>span{border-color:var(--accent)}

/* Day-only replacements for colours the dark sheets hard-code */
:root:not([data-theme=dark]) .top,:root:not([data-theme=dark]) .desktop-navigation{background:#fff}
:root:not([data-theme=dark]) .mega-tabs{background:#f7f8fa}
:root:not([data-theme=dark]) .mega-tab[aria-selected=true],:root:not([data-theme=dark]) .all-departments,:root:not([data-theme=dark]) .category-rail{background:#fff}
:root:not([data-theme=dark]) .mega-backdrop{background:#0b141a59}
:root:not([data-theme=dark]) .bottom-nav{background:#fff}
:root:not([data-theme=dark]) .bottom-nav a{color:#6b7480}
:root:not([data-theme=dark]) .searchbar input::placeholder,:root:not([data-theme=dark]) .searchbar a{color:#8a929c}
:root:not([data-theme=dark]) .searchbar button{color:#6b7480}
:root:not([data-theme=dark]) .shelf-scrollbar{background:#0000000d}
:root:not([data-theme=dark]) .shelf-scrollbar span,:root:not([data-theme=dark]) .page-scrollbar span{background:#b7bec6}

/* Header, search and theme button */
.top{border-bottom:1px solid var(--line)}
.searchbar{border:1px solid transparent;transition:border-color .15s,box-shadow .15s}
.searchbar:focus-within{border-color:var(--line);box-shadow:0 2px 12px var(--shadow)}
.searchbar input{color:var(--text)}.searchbar a{border-right-color:var(--line)}
.wordmark,.brand-symbol{color:var(--accent)}
.navigation-inner{color:var(--muted-2)}.navigation-inner>a:hover,.mega-menu>summary:hover{color:var(--accent)}
.desktop-navigation{border-bottom:1px solid var(--line)}
.theme-toggle{display:inline-grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);
      background:var(--panel);color:var(--text);padding:0;box-shadow:0 2px 8px var(--shadow);transition:background .15s,color .15s}
.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}
.theme-toggle svg{width:21px;height:21px}
.theme-toggle .moon{display:block}.theme-toggle .sun{display:none}
[data-theme=dark] .theme-toggle .moon{display:none}[data-theme=dark] .theme-toggle .sun{display:block}
.home-tools{position:absolute;top:16px;left:max(16px,calc((100vw - 1400px)/2 + 24px));z-index:31}
.top-inner .theme-toggle{margin-right:4px}
.home-page .top-inner .theme-toggle{display:none}

/* Category drawer and category page */
.mega-content{background:var(--panel);border-color:var(--line);box-shadow:0 18px 32px var(--shadow)}
.mega-tab .product-icon,.category-rail .product-icon{border:1px solid var(--line)}
.category-rail .selected{background:var(--bg)}
.category-body .subcategory-links>a{color:var(--text)}
.category-body .subcategory-icon,.subcategory-links>a:nth-child(n) .subcategory-icon{border:1px solid var(--line)}

/* Cards */
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:box-shadow .15s,border-color .15s}
.card:hover{box-shadow:0 6px 18px var(--shadow)}
.product-image{border-radius:11px 11px 0 0}
.card h3{color:var(--text);height:54px;margin-bottom:10px}
.card-variant{display:none}
.price{color:var(--muted)}.price b{color:var(--strong);font-weight:700}
.card-bottom{color:var(--muted)}
.card-bottom>span:first-child{background:var(--input);border-radius:999px;padding:1px 10px;color:var(--muted-2)}
.shelf-arrow{background:var(--panel);border-color:var(--line);box-shadow:0 2px 10px var(--shadow)}

/* Home: search-first hero, then richer shelves */
.home-page .top,.home-page .desktop-navigation{background:var(--bg);border-bottom:0}
.home-page .home-brand{margin-top:34px}
.home-page .home-brand a{color:var(--text);font-size:34px;gap:14px}
.home-page .home-brand .brand-symbol{color:var(--accent)}
.home-page .top-inner{max-width:820px;height:auto;padding:14px 24px 6px}
.home-page .searchbar{height:58px;max-width:780px;background:var(--panel);border:1px solid var(--line);border-radius:14px;
      box-shadow:0 6px 22px var(--shadow);padding:0 18px}
.home-page .searchbar input{font-size:16px}
.hero-meta{text-align:center;padding:8px 16px 4px}
.hero-tagline{margin:0;font-size:15px;color:var(--muted-2)}
.hero-stats{margin:2px 0 0;font-size:13px;color:var(--muted)}.hero-stats b{color:var(--accent);font-weight:700}
.chip,.chip:nth-child(n){background:var(--panel);border:1px solid var(--line);color:var(--chip-text);border-radius:999px;padding:4px 16px}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.shortcut-icon{background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 8px var(--shadow)}
.shortcuts a{color:var(--chip-text)}
.home-page .shelf,.home-page .browse-categories{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:14px 24px;padding:20px 22px 16px}
.home-page .shelf+.shelf{border-top:1px solid var(--line)}
.browse-strip>a>span,.browse-strip>a:nth-child(n)>span{background:#fff;border:1px solid var(--line)}
.browse-strip>a:hover strong{color:var(--accent)}
.section-heading a{color:var(--blue)}
.home-page .compare-band{background:linear-gradient(120deg,var(--band-a),var(--band-b));border:0}
.compare-band .section-heading h2,.compare-band .section-heading a,.compare-band .shelf-caption{color:#fff}
.compare-band .card{border-color:transparent}
.compare-band .shelf-scrollbar{background:#ffffff40}.compare-band .shelf-scrollbar span{background:#fff}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 24px 30px}
.feature{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;gap:14px;align-items:center}
.feature .icon{width:34px;height:34px;color:var(--accent);stroke-width:1.6}
.feature strong{display:block;font-size:14px;font-weight:650}.feature span{display:block;font-size:12.5px;color:var(--muted);line-height:1.9}

/* Results and filters */
.filters{background:var(--panel);border-color:var(--line)}
.filters input,.filters select,.result-toolbar select{background:var(--input);border-color:var(--line);color:var(--text)}
.sort-button{background:var(--panel);border-color:var(--line)}
.pagination a{color:var(--blue)}

/* Product page: a simple, uncluttered price comparison */
.detail-wrap{max-width:1180px}
.breadcrumbs a:hover{color:var(--accent)}
.product-summary{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;gap:34px}
.detail-image{border:1px solid var(--line);border-radius:12px;min-height:320px}
.eyebrow{color:var(--blue)}
.summary-price{margin-top:20px;color:var(--muted)}.summary-price b{color:var(--strong);font-weight:750}
.summary-price .price-to{color:var(--strong);font-weight:600}
.summary-stores{margin:2px 0 0;color:var(--accent);font-weight:650;font-size:14px}
.variant-title{color:var(--muted-2);margin:20px 0 8px}
.variant{background:var(--panel);border-color:var(--line);color:var(--chip-text)}
.variant.selected{background:var(--soft);border-color:var(--accent);color:var(--accent)}
.package-note{background:var(--note-bg);color:var(--note-text);border:1px solid var(--note-line)}
.save-button{color:var(--muted)}.save-button:hover{color:var(--accent)}
.seller-section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px 10px;margin-top:16px}
.seller-section .section-heading{margin-bottom:4px}.seller-section .section-heading h2{font-size:18px}
.seller-note{margin-bottom:6px}
.seller-row{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:14px 4px}
.seller-name p.muted{display:none}
.seller-name p{margin:2px 0 0}
.seller-package{color:var(--muted-2)!important}
.store-avatar{background:var(--input);border-color:var(--line);color:var(--blue)}
.seller-price strong{color:var(--strong)}.stock{color:var(--stock)}
.specs,.history{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 22px;margin-top:16px}
.specs h2{margin:4px 0 12px}
.specs dt{background:var(--input)}
.specs dt,.specs dd,.history th,.history td{border-bottom-color:var(--line)}
.source-specs>summary{font-size:17px;font-weight:550;cursor:pointer;padding:4px 0}
.source-specs[open]>summary{margin-bottom:10px}

/* Settings (account) page */
.theme-settings{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.theme-option{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);
      border-radius:999px;padding:8px 16px;font-size:14px}
.theme-option svg{width:18px;height:18px}
.theme-option[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--soft)}
.account-card{background:var(--panel);border-color:var(--line)}.theme-card{margin-top:16px}
.coverage-search input{background:var(--panel);border-color:var(--line)}
.desktop-footer{background:var(--panel);border-top-color:var(--line)}
.bottom-nav{border-top:1px solid var(--line);box-shadow:0 -2px 10px var(--shadow)}
.bottom-nav .active{color:var(--accent)}

@media(min-width:761px){
 .seller-row{grid-template-columns:minmax(0,1fr) 180px 160px;gap:16px}
}
@media(max-width:760px){
 .home-tools{top:10px;left:10px}.theme-toggle{width:38px;height:38px}
 .top-inner .theme-toggle{display:none}
 .home-page .home-brand{margin-top:14px;height:auto}
 .home-page .top-inner{padding:8px 12px 4px}
 .home-page .searchbar{height:50px;border-radius:12px;padding:0 13px}
 .hero-tagline{font-size:13px}.hero-stats{font-size:12px}
 .home-page .shelf,.home-page .browse-categories{margin:10px 8px;padding:14px 12px 12px;border-radius:14px}
 .features{grid-template-columns:minmax(0,1fr);margin:10px 8px 22px;gap:8px}
 .feature{padding:12px 14px}.feature .icon{width:28px;height:28px}
 .product-summary{padding:14px;border-radius:14px;gap:14px}
 .seller-section,.specs,.history{padding:14px 14px 8px;border-radius:14px}
 .seller-row{padding:12px 2px}
 .card{border-radius:10px}
}

/* site-v12.css */
/* site-v12: information pages, stores, brands, compare, price drops, price chart, footer.
   Uses the ui-v9 theme tokens, so day and night both follow the same palette. */
.info-page,.directory-page{max-width:1180px;margin:0 auto;padding:22px 24px 34px}
.info-page{max-width:820px}
.info-page h1,.directory-page h1{font-size:24px;font-weight:650;margin:2px 0 14px}
.info-page section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:0 0 14px}
.info-page h2{font-size:17px;font-weight:600;margin:0 0 8px}
.info-page p{font-size:15px;line-height:2.1;margin:0 0 8px;color:var(--text)}
.info-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.info-links a,.brand-cloud a{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:13px;color:var(--chip-text)}
.info-links a:hover,.brand-cloud a:hover{border-color:var(--accent);color:var(--accent)}
.contact-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;font-size:15px;margin:10px 0}
.contact-list dt{color:var(--muted)}.contact-list dd{margin:0}
.contact-list a,.enamad-link,.directory-note a,.store-page-link,.compare-open,.info-page p a{color:var(--blue)}

.directory-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.directory-head h1{margin-bottom:2px}.directory-head p{margin:0;font-size:13px}
.directory-search{display:flex;gap:8px;min-width:0;max-width:440px;flex:1}
.directory-search input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--text);font:inherit;font-size:14px}
.directory-search .primary{border-radius:10px;padding:9px 18px}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.directory-item{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--text);min-width:0}
.directory-item:hover{border-color:var(--accent);box-shadow:0 4px 14px var(--shadow)}
.directory-item>span:nth-child(2){flex:1;min-width:0}
.directory-item strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.directory-item small{display:block;font-size:12px;color:var(--muted);text-align:right}
.directory-item em{font-style:normal;font-size:12px;color:var(--muted-2);background:var(--input);border-radius:999px;padding:2px 10px;flex-shrink:0}
.directory-note{margin-top:18px;font-size:14px}
.brand-cloud{display:flex;flex-wrap:wrap;gap:8px}
.brand-cloud small{color:var(--muted);margin-right:4px}

.store-head{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:10px}
.store-head>div{flex:1;min-width:0}.store-head h1{margin:0 0 2px}.store-head p{margin:0;font-size:13px}
.store-head .store-avatar{width:48px;height:48px;font-size:20px;flex-shrink:0}
.subtle-button{border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px;color:var(--text);background:var(--panel);flex-shrink:0}
.subtle-button:hover{border-color:var(--accent);color:var(--accent)}
.store-explain{font-size:13px;margin:4px 2px 10px}
.store-search{max-width:none;margin-bottom:12px}
.listing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 12px}
.listing-toolbar small{color:var(--muted)}
.listing-toolbar form{display:flex;gap:8px}

.deal-card{position:relative;display:flex;flex-direction:column;min-width:0}
.deal-card .card{flex:1}
.deal-badge{position:absolute;top:8px;right:8px;z-index:2;background:var(--accent);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:650}
.deal-note{margin:6px 4px 0;font-size:12px;color:var(--muted-2);line-height:1.9}
.deal-note s{color:var(--muted)}

.compare-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.compare-open{font-size:14px}
.compare-table{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:10px 0}
.compare-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
.compare-table th,.compare-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
.compare-table tbody th{background:var(--input);color:var(--muted-2);font-weight:550;width:150px}
.compare-table thead th{font-weight:550}
.compare-product{display:flex;flex-direction:column;gap:8px;color:var(--text)}
.compare-product img{width:120px;height:100px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid var(--line)}
.compare-product span{font-size:13px;line-height:1.9}
.compare-remove{margin-top:8px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;padding:3px 12px;font:inherit;font-size:12px}
.compare-remove:hover{color:var(--accent);border-color:var(--accent)}

.price-chart{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 22px;margin-top:16px}
.price-chart svg{display:block;width:100%;height:170px;margin:6px 0 4px}
.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}
.chart-line{stroke:var(--accent);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.chart-dot{fill:var(--accent);stroke:var(--panel);stroke-width:2}
.chart-legend{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:var(--muted-2)}
.chart-legend b{color:var(--strong);font-weight:650}

.site-footer{display:block;padding:28px 24px 22px}
.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,170px));justify-content:center;gap:24px 40px}
.footer-columns div{display:flex;flex-direction:column;gap:8px}
.footer-columns strong{color:var(--text);font-size:14px;font-weight:650;margin-bottom:2px}
.footer-columns a{color:var(--muted)}.footer-columns a:hover{color:var(--accent)}
.footer-note{text-align:center;margin:22px 0 0;color:var(--muted)}
.error-page .empty h1{font-size:22px;font-weight:650}
.error-page .directory-search{margin:16px auto}

@media(max-width:1100px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .info-page,.directory-page{padding:14px 12px 26px}
 .info-page h1,.directory-page h1{font-size:20px}
 .info-page section{padding:14px;border-radius:14px}
 .info-page p{font-size:14px}
 .directory-grid{grid-template-columns:minmax(0,1fr)}
 .directory-search{max-width:none;flex-basis:100%}
 .store-head{flex-wrap:wrap;padding:12px}
 .price-chart{padding:14px;border-radius:14px}.price-chart svg{height:130px}
 .compare-table tbody th{width:110px}
}

/* ops-v13.css */
/* ops-v13: operations panel (/ops/), store panel (/seller/) and the product report form.
   Uses the ui-v9 theme tokens for day and night. */
.panel-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;max-width:1280px;margin:0 auto;padding:20px 24px 34px}
.panel-nav{display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 10px;align-self:start;position:sticky;top:12px}
.panel-nav strong{font-size:15px;font-weight:650;padding:4px 10px 10px;color:var(--text)}
.panel-nav a,.panel-logout{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--muted-2);background:none;border:0;font:inherit;text-align:right;width:100%;cursor:pointer}
.panel-nav a:hover,.panel-logout:hover{background:var(--input);color:var(--text)}
.panel-nav a.active{background:var(--soft);color:var(--accent);font-weight:600}
.panel-nav em{font-style:normal;background:var(--accent);color:#fff;border-radius:999px;padding:0 8px;font-size:12px}
.panel-nav-sep{height:1px;background:var(--line);margin:8px 6px}
.panel-nav form{margin:0}
.panel-main{min-width:0}
.panel-main h1{font-size:22px;font-weight:650;margin:2px 0 8px}
.panel-main h2{font-size:16px;font-weight:600;margin:0 0 10px}
.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:12px 0}
.panel-card header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:6px}
.panel-card p{margin:4px 0;font-size:14px;line-height:1.9}
.panel-row{display:flex;justify-content:space-between;gap:12px}
.panel-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.panel-columns .panel-card{margin:0}
.panel-note{background:var(--note-bg);color:var(--note-text);border:1px solid var(--note-line);border-radius:10px;padding:8px 12px;font-size:14px}
.panel-note a{color:inherit;text-decoration:underline}
.panel-messages{margin-bottom:10px}
.panel-message{border-radius:10px;padding:8px 12px;font-size:14px;margin:0 0 6px;border:1px solid var(--line);background:var(--panel)}
.panel-message.success{border-color:var(--stock);color:var(--stock)}
.panel-message.error{border-color:var(--accent);color:var(--accent)}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.stat span{font-size:13px;color:var(--muted)}
.stat b{font-size:24px;font-weight:700;color:var(--strong)}
.stat small{font-size:12px;color:var(--muted-2)}.stat small a{color:var(--blue)}
.panel-filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.panel-filters input,.panel-filters select,.panel-actions input,.inline-form select,.panel-form input,.panel-form select,.panel-form textarea{background:var(--input);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);font:inherit;font-size:14px;min-width:0}
.panel-filters .primary,.panel-actions .primary,.panel-form .primary{border-radius:10px;padding:8px 16px}
.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.panel-actions input{flex:1;min-width:160px}
.panel-form{display:flex;flex-direction:column;gap:10px;max-width:560px}
.panel-form label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--muted-2)}
.panel-form textarea{resize:vertical}
.inline-form{display:flex;gap:6px}
.panel-table{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.panel-card .panel-table{border:0;border-radius:0}
.panel-table table{width:100%;border-collapse:collapse;font-size:14px}
.panel-table th,.panel-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
.panel-table th{color:var(--muted);font-weight:550;font-size:13px;background:var(--input)}
.panel-table td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.panel-table td a{color:var(--blue)}
.row-actions{white-space:nowrap}.row-actions a{margin-left:8px}.row-actions form{display:inline}
.panel-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.panel-tabs a{border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:13px;color:var(--chip-text);background:var(--panel)}
.panel-tabs a.active{border-color:var(--accent);color:var(--accent);background:var(--soft)}
.tag{display:inline-block;border-radius:999px;padding:1px 10px;font-size:12px;border:1px solid var(--line)}
.tag-new{color:var(--note-text);background:var(--note-bg);border-color:var(--note-line)}
.tag-resolved{color:var(--stock);border-color:var(--stock)}
.tag-rejected{color:var(--muted);background:var(--input)}
.error-text{color:var(--accent)}
.report-message{background:var(--input);border-radius:10px;padding:8px 12px}
.panel-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;font-size:14px;margin:6px 0}
.panel-dl dt{color:var(--muted)}.panel-dl dd{margin:0}
.bar-row{display:grid;grid-template-columns:44px minmax(0,1fr) 48px;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:3px 0}
.bar{display:block;height:9px;border-radius:5px;background:var(--accent)}
.bar-row b{color:var(--text);font-weight:600;text-align:left}
.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}
.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}
.panel-login{max-width:520px}
.panel-login .panel-form{max-width:none;margin-top:12px}

/* Product page: report form */
.report-box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 22px;margin-top:16px}
.report-box>summary{cursor:pointer;font-size:15px;color:var(--muted-2);padding:2px 0}
.report-box[open]>summary{margin-bottom:12px}
.report-thanks{margin-top:16px}
.hp-field{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Store page: approved store details */
.store-profile{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 6px;font-size:14px}
.store-profile dt{color:var(--muted)}.store-profile dd{margin:0}

@media(max-width:900px){
 .panel-page{grid-template-columns:minmax(0,1fr);padding:12px 12px 26px}
 .panel-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px;padding:10px}
 .panel-nav strong{width:100%;padding:2px 6px 6px}
 .panel-nav a,.panel-logout{width:auto;padding:6px 10px;font-size:13px;border:1px solid var(--line)}
 .panel-nav-sep{display:none}
 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .panel-columns{grid-template-columns:minmax(0,1fr)}
 .report-box{padding:12px 14px;border-radius:14px}
}

/* ux-v14.css */
/* ux-v14: «دنتی‌یاب من» list (Torob-style rows), home price-drop band, deals tab icon. */
.me-list{display:flex;flex-direction:column}
.me-list h2{margin:0 0 6px}
.me-item{display:flex;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid var(--line);font-size:15px;color:var(--text)}
.me-item:first-of-type{border-top:0}
.me-item .icon{width:22px;height:22px;flex-shrink:0;color:var(--muted-2)}
.me-item span{flex:1;display:flex;align-items:center;gap:8px}
.me-item::after{content:'‹';color:var(--muted);font-size:18px}
.me-item:hover{color:var(--accent)}.me-item:hover .icon{color:var(--accent)}
.me-item em{font-style:normal;background:var(--soft);color:var(--accent);border-radius:999px;padding:0 9px;font-size:12px}
.me-note{font-size:13px!important;margin:8px 0 0}
.home-page .deals-band{border-color:var(--accent)}
.deals-band .deal-card{flex:0 0 auto}
.shelf-products .deal-card .card{height:100%}
.deals-shortcut .icon{color:var(--accent)}
/* Product page: the cheapest store as the main button (Torob-style), city and per-store report link. */
.best-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px;padding:12px 16px;border-radius:12px;background:var(--accent);color:#fff;max-width:440px}
.best-offer span{display:flex;flex-direction:column;gap:2px}
.best-offer small{font-size:13px;opacity:.92}.best-offer b{font-size:18px;font-weight:700}
.best-offer em{font-style:normal;font-size:12px;background:#ffffff2e;border-radius:999px;padding:2px 10px;flex-shrink:0}
.best-offer:hover{filter:brightness(1.05)}
.seller-city{font-size:12px;font-weight:500;color:var(--muted);margin-right:6px}
.seller-report{color:var(--muted)}.seller-report:hover{color:var(--accent)}

/* brand-v15.css */
/* brand-v15: the DentMarket logo (brand pack) in the header and on the home page, day and night. */
.brand-logo{display:inline-flex;align-items:center;line-height:0}
.site-logo{display:block;height:40px;width:auto}
.home-page .home-brand .site-logo{height:64px}
.logo-night{display:none}
[data-theme=dark] .logo-day{display:none}
[data-theme=dark] .logo-night{display:block}
@media(max-width:760px){.site-logo{height:32px}.home-page .home-brand .site-logo{height:48px}}

/* Desktop bar of main categories under the header (Torob-style); also internal links for search engines. */
.group-bar{display:none}
@media(min-width:761px){
 .group-bar{display:block;background:var(--panel);border-bottom:1px solid var(--line)}
 .group-bar-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;gap:20px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;align-items:center;min-height:44px}
 .group-bar-inner::-webkit-scrollbar{display:none}
 .group-bar a{font-size:13.5px;flex-shrink:0;color:var(--muted-2);padding:10px 0;white-space:nowrap}
 .group-bar a:hover{color:var(--accent)}
 .group-bar .group-bar-all{margin-right:auto;color:var(--blue)}
 .home-page .group-bar{background:var(--bg);border-bottom:0}
}

/* Home price-drop band (Digikala «شگفت‌انگیز» style): red band, title panel beside the cards. */
.home-page .deals-band{background:linear-gradient(120deg,#b5122e,#e2264d);border:0;color:#fff}
.deals-band .section-heading h2,.deals-band .shelf-caption{color:#fff}
.deals-band .section-heading a{background:#fff;color:#b5122e!important;border-radius:999px;padding:6px 16px;font-weight:600}
.deals-band .deal-badge{background:#fff;color:#b5122e}
.deals-band .card{border-color:transparent}
@media(min-width:761px){
 .home-page .deals-band{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center}
 .deals-band .section-heading{flex-direction:column;align-items:center;text-align:center;gap:14px;margin:0}
 .deals-band .section-heading::before{content:'٪';display:block;font-size:64px;font-weight:800;line-height:1;color:#fff}
 .deals-band .section-heading h2{font-size:24px}
}

/* Product page: the factual price summary. */
.price-summary p{font-size:15px;line-height:2.1;margin:0}

/* Main-group icons: solid colour circles with a white pictogram (Digikala-style), one colour per group. */
.group-badge,.browse-strip>a>.group-badge,.browse-strip>a:nth-child(n)>.group-badge{display:grid;place-items:center;flex-shrink:0;border-radius:50%;
  width:44px;height:44px;padding:0;border:0;box-shadow:0 3px 10px #0000001f}
.group-badge .dm-icon,.mega-tab .group-badge .dm-icon,.category-rail .group-badge .dm-icon{width:72%;height:72%;color:#fff;fill:#ffffff47;
  background:none;border:0;padding:0;border-radius:0}
/* !important: older sheets give these wrappers a pale background and inner padding. */
.group-badge{padding:0!important;border:0!important}
.gb-endo{background:#e2264d!important}.gb-restorative{background:#1e88e5!important}.gb-prosthetic{background:#8e24aa!important}.gb-surgery{background:#00897b!important}
.gb-handpiece{background:#f4511e!important}.gb-equipment{background:#3949ab!important}.gb-infection{background:#43a047!important}.gb-consumables{background:#f59e0b!important}
.gb-imaging{background:#546e7a!important}.gb-ortho{background:#d81b60!important}.gb-whitening{background:#0ea5e9!important}.gb-oral-hygiene{background:#14b8a6!important}
.browse-strip>a>.group-badge{width:72px;height:72px;margin:4px auto 9px}
.browse-strip>a:hover>.group-badge{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}
.mega-tab .group-badge{width:34px;height:34px}
.category-rail .group-badge{width:40px;height:40px}

/* Subcategory pictograms: larger glyphs, stronger ink and tint, so their shapes read clearly. */
:root:not([data-theme=dark]){--icon-ink:#1f2937;--icon-tint:#f3a5b8;--icon-bg:#fff1f4}
:root{--icon-ink:#f1f5f7;--icon-tint:#b4415f}
.category-body .subcategory-icon,.subcategory-links>a:nth-child(n) .subcategory-icon{width:68px;height:68px;padding:7px;border-radius:18px}
.subcategory-icon .dm-icon{width:100%;height:100%}

/* Mobile categories page: Torob-style lists instead of the two-column browser. */
.cat-mobile{display:none}
@media(max-width:760px){
 .category-browser{display:none}
 .cat-mobile{display:block;padding:12px 12px 90px}
 .cat-mobile h1{font-size:19px;font-weight:650;margin:6px 4px 12px}
 .cat-back{display:inline-block;color:var(--blue);font-size:14px;margin:2px 4px 4px}
 .cat-row{display:flex;align-items:center;gap:14px;background:var(--panel);border-bottom:1px solid var(--line);padding:12px 14px;font-size:15px;color:var(--text)}
 .cat-row:first-of-type{border-radius:14px 14px 0 0}
 .cat-row>span:not(.group-badge):not(.cat-photo){flex:1}
 .cat-row::after{content:'‹';color:var(--muted);font-size:20px;line-height:1}
 .cat-group .group-badge{width:46px;height:46px}
 .cat-row>.product-icon{width:40px;height:40px;background:var(--icon-bg);border-radius:12px;padding:3px;border:1px solid var(--line)}
 .cat-all{color:var(--accent);font-weight:600}
 .cat-section{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:10px 0;overflow:hidden}
 .cat-section>summary{padding:14px 16px;font-size:16px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
 .cat-section>summary::-webkit-details-marker{display:none}
 .cat-section>summary::after{content:'+';color:var(--muted);font-weight:400}
 .cat-section[open]>summary::after{content:'−'}
 .cat-section .cat-row{border-radius:0;border-bottom:0;border-top:1px solid var(--line)}
 .browse-strip>a>.group-badge{width:60px;height:60px}
}

/* v16 — desktop categories page as in the header's mega menu: group circles with a chevron on the right,
   bold section headings, plain text lists of subcategories (no subcategory pictograms on desktop). */
@media(min-width:761px){
 .category-body .subcategory-icon,.category-body .subcategory-links>a:nth-child(n) .subcategory-icon{display:none!important}
 .category-body .category-sections{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;margin-top:22px}
 .category-body .category-section h2{font-size:16px;line-height:1.8;margin-bottom:10px}
 .category-body .subcategory-links{display:flex;flex-direction:column;gap:0}
 .category-body .subcategory-links>a{flex-direction:row;text-align:right;font-size:14px;line-height:1.9;padding:6px 0;gap:0;min-height:32px;color:var(--muted-2)}
 .category-body .subcategory-links>a:hover{color:var(--accent)}
 .category-rail>a{display:flex;align-items:center;gap:12px;padding:14px 16px}
 .category-rail>a>span:not(.group-badge){flex:1}
 .category-rail>a::after{content:'‹';color:var(--muted);font-size:20px;line-height:1}
 .category-rail .selected::after{color:var(--accent)}
 .category-rail .group-badge{width:46px;height:46px}
}
@media(min-width:761px) and (max-width:1100px){.category-body .category-sections{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v17 — home first screen in the spirit of Google Shopping: logo, one wide rounded search box,
   popular searches and the main groups as chips; no menu rows or shortcut tiles above the fold. */
.home-page .desktop-navigation{display:none}
.home-page .home-brand{margin-top:42px}
.home-page .top-inner{max-width:760px}
.home-page .searchbar{height:58px;border-radius:29px;border:1px solid var(--line);box-shadow:0 1px 6px #20212447;padding:0 22px;background:var(--panel)}
.home-page .searchbar:focus-within{box-shadow:0 2px 10px #2021245c}
.home-page .hero-meta{padding:10px 16px 0}
.home-page .chip-strip{justify-content:center;flex-wrap:wrap;gap:8px;margin:12px auto 0;max-width:860px;padding:0 16px}
.chip-label{font-size:13px;color:var(--muted);align-self:center}
.home-page .chip-strip .chip{font-size:13px;padding:4px 14px}
.group-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1040px;margin:22px auto 26px;padding:0 16px}
.group-pills>a{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 6px;font-size:14px;color:var(--text);transition:box-shadow .15s,border-color .15s}
.group-pills>a:hover{border-color:var(--accent);box-shadow:0 2px 8px var(--shadow)}
.group-pills .group-badge{width:32px;height:32px;box-shadow:none}
@media(max-width:760px){
 .home-page .home-brand{margin-top:14px}
 .home-page .searchbar{height:50px;border-radius:25px;padding:0 14px}
 .home-page .chip-strip{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}
 .chip-label{display:none}
 .group-pills{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:14px 0 16px;padding:0 12px}
 .group-pills::-webkit-scrollbar{display:none}
 .group-pills>a{flex-shrink:0;font-size:13px}
}

/* v18 — Net32-style category pictures: a real product photo on white; the coloured pictogram stays
   underneath and shows if the store image cannot load (market.js marks it .image-failed). */
.cat-photo{position:relative;display:inline-grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:50%;background:#fff;border:1px solid var(--line)}
.cat-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10%;background:#fff;z-index:1}
.cat-photo>img.image-failed{display:none}
.cat-photo>.group-badge{width:100%!important;height:100%!important;box-shadow:none!important}
.cat-photo>.product-icon{width:80%;height:80%}
.group-photo{width:44px;height:44px}
.mega-tab .group-photo{width:36px;height:36px}
.category-rail .group-photo{width:46px;height:46px}
.group-pills .group-photo{width:34px;height:34px}
.browse-strip .group-photo{width:72px;height:72px}
.item-photo{width:40px;height:40px;border-radius:12px}
.top-categories{max-width:1180px;margin:6px auto 22px;padding:0 24px}
.top-categories h2{font-size:20px;font-weight:700;text-align:center;margin:0 0 14px}
.top-categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.top-categories-grid>a{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 10px;color:var(--text);text-align:center}
.top-categories-grid>a:hover{border-color:var(--accent);box-shadow:0 4px 14px var(--shadow)}
.top-categories-grid .group-photo{width:120px;height:120px;border-radius:14px;border:0}
.top-categories-grid .group-photo>img{padding:4%}
.top-categories-grid strong{font-size:14px;font-weight:600;line-height:1.7}
@media(max-width:1100px){.top-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
 .top-categories{padding:0 10px}
 .top-categories h2{font-size:17px}
 .top-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .top-categories-grid .group-photo{width:96px;height:96px}
 .cat-group .group-photo{width:46px;height:46px}
}

/* v18 — contact form, sign-in, alerts, mailbox */
.contact-form{max-width:none}
.member-card .primary{align-self:flex-start;margin-top:4px}
.member-card form{margin-top:8px}
.alert-form{margin-top:2px}
.mail-unread td{font-weight:650}
.mail-body{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:2;background:var(--input);border-radius:10px;padding:12px 14px;max-height:70vh;overflow:auto}

/* v18 — search suggestions under the search box (phone first) */
form.searchbar{position:relative}
.suggest-box{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:60;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;box-shadow:0 10px 30px var(--shadow);padding:6px 0;max-height:min(70vh,520px);overflow-y:auto;text-align:right}
.suggest-heading{font-size:12px;color:var(--muted);padding:8px 16px 4px}
.suggest-item{display:flex;align-items:center;gap:12px;padding:9px 16px;color:var(--text);min-height:44px}
.suggest-item:hover,.suggest-item.active{background:var(--input)}
.suggest-item img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--line);flex-shrink:0}
.suggest-text{display:flex;flex-direction:column;min-width:0}
.suggest-text b{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-text small{font-size:12px;color:var(--muted)}
.suggest-category b::before{content:'⌕ ';color:var(--muted)}
.suggest-all{color:var(--blue);font-size:14px;border-top:1px solid var(--line);margin-top:4px}
.did-you-mean{margin-top:22px}
.did-you-mean h2{font-size:17px;font-weight:650;margin:0 0 12px}
@media(max-width:760px){.suggest-box{max-height:calc(100dvh - 160px);border-radius:14px}}

/* v18 — sorting applies on change; page numbers give way to infinite scroll when JavaScript runs */
.js .js-hidden{display:none!important}
.js nav.pagination.infinite{display:none}
.infinite-sentinel{height:1px}
.infinite-sentinel.loading{height:56px;background:radial-gradient(circle at center,var(--accent) 0 5px,transparent 6px) center/22px 22px no-repeat;opacity:.6}

/* v18 — compact product page: packages and long sections collapse to one line each */
.variant-picker{margin:14px 0 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.variant-picker>summary{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;list-style:none;font-size:14px}
.variant-picker>summary::-webkit-details-marker{display:none}
.variant-picker>summary span{color:var(--muted)}
.variant-picker>summary b{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.variant-picker>summary small{color:var(--blue);flex-shrink:0}
.variant-picker>summary::after{content:'▾';color:var(--muted)}
.variant-picker[open]>summary::after{content:'▴'}
.variant-picker .variants{padding:0 12px 12px;max-height:220px;overflow-y:auto}
.spec-box>summary,.price-summary>summary{font-size:16px;font-weight:600;cursor:pointer;padding:2px 0}
.spec-box[open]>summary,.price-summary[open]>summary{margin-bottom:10px}
/* Product actions (save / compare / price alert) share one row; the package note is shorter. */
.product-info .save-form{display:inline-flex;align-items:center;margin:4px 0 0 16px;vertical-align:middle}
.product-info .save-form .save-button{padding:6px 0;font-size:14px}
.product-info .compare-form .compare-open{margin-right:8px;font-size:13px}
.product-info .package-note{font-size:13px;line-height:1.9;padding:8px 12px;margin:10px 0}
@media(max-width:760px){
 .product-info .save-form{margin:2px 0 0 12px}
 .product-info .save-form .save-button{font-size:13px}
 .detail-image{min-height:220px}
}
/* Phone: categories as one horizontally scrolling row of round photos (Digikala-style), so product
   shelves start right after the search box. */
@media(max-width:760px){
 .top-categories{margin:4px 0 10px;padding:0}
 .top-categories h2{display:none}
 .top-categories-grid{display:flex;overflow-x:auto;gap:12px;padding:6px 12px 10px;scrollbar-width:none;scroll-snap-type:x proximity}
 .top-categories-grid::-webkit-scrollbar{display:none}
 .top-categories-grid>a{flex:0 0 84px;background:none;border:0;padding:0;gap:6px;scroll-snap-align:start}
 .top-categories-grid>a:hover{box-shadow:none}
 .top-categories-grid .group-photo{width:72px;height:72px;border-radius:50%;border:1px solid var(--line);background:#fff}
 .top-categories-grid strong{font-size:11.5px;font-weight:500;line-height:1.6}
 .home-page .chip-strip{margin-top:10px}
}
/* Offers whose price is probably stale: listed last, muted. */
.suspicious-offers{opacity:.85}
.suspicious-offers h2{color:var(--note-text)}
.suspicious-tag{color:var(--note-text)!important}
/* Home: the search box stays at the top while the shelves scroll (phone and desktop). */
.home-page header.top{position:sticky;top:0;z-index:40;background:var(--bg);box-shadow:0 6px 12px -10px var(--shadow)}
/* Home: one Torob-style line under the search box says what the site is. */
.home-pitch{text-align:center;margin:12px 16px 0;font-size:15px;color:var(--muted-2)}
.home-pitch b{color:var(--accent);font-weight:700}
@media(max-width:760px){.home-pitch{font-size:13px;margin-top:8px}}

/* v19 — phone categories page like Digikala: groups in a column on the right, the selected group's
   subcategories as a photo grid; each column scrolls by itself inside the fixed page. */
@media(max-width:760px){
 .category-browser{display:grid!important;grid-template-columns:92px minmax(0,1fr);height:100%;min-height:0}
 .category-rail{overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--panel);border-left:1px solid var(--line)}
 .category-rail>a{flex-direction:column;gap:6px;padding:12px 4px;min-height:0;font-size:11px;line-height:1.6;text-align:center;border-right:3px solid transparent}
 .category-rail>a::after{display:none}
 .category-rail .group-photo,.category-rail .group-badge{width:48px;height:48px}
 .category-rail .selected{background:var(--bg);border-right-color:var(--accent);color:var(--accent);font-weight:600}
 .category-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 10px 90px}
 .category-heading{padding-bottom:10px}
 .category-heading h1{font-size:16px;margin:0 0 6px}
 .category-body .category-sections{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:14px}
 .category-body .category-section h2{font-size:14px;margin-bottom:10px}
 .category-body .subcategory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
 .category-body .subcategory-links>a{flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:11.5px;line-height:1.6;color:var(--text)}
 .category-body .subcategory-icon,.category-body .subcategory-links>a:nth-child(n) .subcategory-icon{display:grid!important;place-items:center;width:64px;height:64px;padding:0;border-radius:50%;background:#fff;border:1px solid var(--line)}
 .category-body .subcategory-icon .item-photo{width:62px;height:62px;border:0;border-radius:50%}
 .category-body .subcategory-icon>.product-icon{width:44px;height:44px}
}

/* Desktop home: categories as one slim row of small photos and names. */
@media(min-width:761px){
 .top-categories{margin:4px auto 10px}
 .top-categories h2{display:none}
 .top-categories-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
 .top-categories-grid>a{flex:0 0 auto;width:96px;background:none;border:0;padding:4px 0;gap:6px}
 .top-categories-grid>a:hover{box-shadow:none;color:var(--accent)}
 .top-categories-grid .group-photo{width:64px;height:64px;border-radius:50%;border:1px solid var(--line)}
 .top-categories-grid strong{font-size:12.5px;font-weight:500;line-height:1.6}
}

/* Phone product page: the cheapest offer stays in view above the bottom menu (Digikala-style buy bar). */
.buy-bar{display:none}
@media(max-width:760px){
 .detail-page .buy-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;right:0;left:0;z-index:35;
   bottom:calc(var(--bottom,62px) + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);
   box-shadow:0 -6px 16px var(--shadow);padding:8px 14px}
 .buy-bar>div{display:flex;flex-direction:column;min-width:0}
 .buy-bar small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .buy-bar b{font-size:17px;font-weight:700;color:var(--strong)}
 .buy-bar .primary{border-radius:10px;padding:10px 18px;font-size:14px;flex-shrink:0}
 .detail-page main{padding-bottom:84px}
}

/* cats-v19: Digikala day palette — one red, quiet greys, cyan links; the «شگفت‌انگیز» band is the only loud block. */
:root:not([data-theme=dark]){--accent:#ef4056;--text:#3f4064;--muted:#81858b;--line:#e0e0e2;--blue:#0a7f99;--stock:#00a049;
      --soft:#fdeef0;--band-a:#ef4056;--band-b:#ef4056;--icon-tint:#f7a8b4}
:root:not([data-theme=dark]) .home-page .deals-band{background:#ef4056;border-radius:16px}
:root:not([data-theme=dark]) .deals-band .section-heading a{color:#ef4056!important}
:root:not([data-theme=dark]) .deals-band .card{background:#fff;border-radius:8px}
:root:not([data-theme=dark]) .deal-badge,:root:not([data-theme=dark]) .deals-band .deal-badge{background:#d32f2f;color:#fff}
:root:not([data-theme=dark]) .shelf:not(.deals-band) .section-heading h2{color:#080a38}
/* cats-v19: filters scroll on their own beside the product grid (desktop) */
@media(min-width:761px){.filters{max-height:calc(100dvh - 146px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
/* cats-v19: rail photos keep their round size (flex:1 on rail spans used to stretch them into ovals) */
.category-rail>a>span.cat-photo{flex:0 0 auto}
.category-rail .group-photo{width:56px;height:56px}
.category-rail .group-photo>img{padding:5%}
@media(max-width:760px){.category-rail .group-photo{width:48px;height:48px}}
/* seo-v20: ops «کانال و تبلیغات» */
.channel-post{display:block;width:100%;min-height:320px;font:inherit;line-height:1.9;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--text);resize:vertical}
.panel-card [data-copy]{margin-top:10px}

/* ui-v21 — Digikala-style category menu on every page (home included): hover opens it, the page stays
   visible behind a dimmed glass layer; slim category chips on home; Torob-like phone home; calmer product page. */
@media(min-width:761px){
 .home-page .desktop-navigation{display:block}
 .mega-backdrop{background:#0f172a40!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
 .mega-content{border-radius:0 0 14px 14px;border-top:0;box-shadow:0 24px 40px #0f172a2e}
 .mega-layout{grid-template-columns:240px minmax(0,1fr)}
 :root:not([data-theme=dark]) .mega-tabs{background:#fff;border-left:1px solid var(--line)}
 .mega-tab{min-height:50px;padding:6px 14px;font-size:13.5px;border-right:0}
 .mega-tab .group-photo,.mega-tab .product-icon{width:30px!important;height:30px!important;border-radius:8px}
 :root:not([data-theme=dark]) .mega-tab[aria-selected=true]{background:#f0f0f1;color:var(--accent)}
 .mega-panel{padding:18px 24px}
 .mega-panel .all-category{color:var(--blue);font-size:14px}
}
/* Home: the main groups as one slim row of chips (small photo + name) */
.category-chips{display:flex;justify-content:safe center;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:1180px;margin:12px auto 18px;padding:2px 16px 6px}
.category-chips::-webkit-scrollbar{display:none}
.cat-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding-inline:5px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:13px;white-space:nowrap}
.cat-chip:hover{border-color:var(--accent);color:var(--accent)}
.cat-chip .group-photo,.cat-chip>.group-badge{width:32px;height:32px;border:0}
.cat-chip .group-photo>img{padding:3%}
/* Phone home like Torob: roomy logo, one big search box, then the chips; the header scrolls away (bottom bar has «جستجو») */
@media(max-width:760px){
 .home-page header.top{position:static;box-shadow:none}
 .home-page .home-brand{margin-top:56px;margin-bottom:26px}
 .home-page .home-brand .site-logo{height:60px}
 .home-page .searchbar{height:58px;border-radius:14px;border:0;box-shadow:none;background:var(--input);padding:0 16px;font-size:16px}
 .home-page .searchbar input{font-size:16px}
 .home-page .home-pitch{margin-top:18px;font-size:13px}
 .category-chips{justify-content:flex-start;margin:10px 0 14px;padding:2px 12px 6px}
 .cat-chip{height:40px;font-size:12.5px}
 .cat-chip .group-photo,.cat-chip>.group-badge{width:30px;height:30px}
}
/* Product page: compact actions in one row, first 10 stores then «نمایش همهٔ … فروشگاه», similar products grid */
.product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 4px}
.product-actions>.save-form{margin:0!important}
.product-actions .save-form .save-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px!important;border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--text);background:var(--panel)}
.product-actions .save-button .icon{width:16px;height:16px}
.product-actions .save-button.on{border-color:var(--accent);color:var(--accent)}
.product-actions .compare-open{font-size:12.5px;margin-inline-start:4px}
.js .seller-list.collapsible:not(.expanded) .more-offer{display:none}
.show-all-offers{display:block;width:100%;height:52px;margin:14px 0 4px;border-radius:10px;font-size:15px}
.seller-name p:empty{display:none}
.related-products{margin:28px 0 8px}
.related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.related-grid .card{min-width:0}
@media(max-width:1100px){.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
/* seo-v26: «لیست قیمت» under category and brand listings */
.price-list{margin:28px 0 8px;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.price-list h2{font-size:17px;margin:0 0 8px}
.price-list p{font-size:13.5px;line-height:2;color:var(--muted);margin:0 0 12px}
.price-list table{width:100%;border-collapse:collapse;font-size:13.5px}
.price-list th,.price-list td{padding:9px 8px;border-top:1px solid var(--line);text-align:right}
.price-list th{font-weight:600;color:var(--muted);font-size:12.5px}
.price-list td:nth-child(n+2),.price-list th:nth-child(n+2){white-space:nowrap;width:1%}
.price-list a{color:var(--text)}
@media(max-width:760px){.price-list{padding:14px 12px}.price-list table{font-size:12.5px}}
.mega-fill:empty{min-height:120px}
/* content-v27: buying guides */
.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:18px}
.guide-card{display:block;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);text-decoration:none}
.guide-card:hover{border-color:var(--accent,currentColor)}
.guide-card h2{font-size:16px;margin:0 0 6px}
.guide-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.guide-page{max-width:820px}
.guide-page h2{font-size:18px;margin:26px 0 8px}
.guide-page p{line-height:2.1}
.guide-more{display:inline-block;margin-top:10px}
.price-list .guide-link{margin:12px 0 0}
/* value-v28: unit price, good time to buy */
.unit-price{display:block;font-size:12px;color:var(--muted);margin:2px 0 0;font-weight:400}
.card .unit-price{margin:0 0 4px}
.buy-time{margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.9;background:var(--panel);border:1px solid var(--line)}
.buy-time-good{border-color:#3a9d6b;background:rgba(58,157,107,.08)}
.buy-time-high{border-color:#d08a2c;background:rgba(208,138,44,.08)}
.cheaper-products .seller-note{margin:0 0 12px}
.facet-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;font-size:13px}
.facet-chips>span{color:var(--muted)}
.facet-chips a{padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;background:var(--panel)}
.facet-chips a.active{border-color:currentColor;font-weight:600}
.facet-chips small{color:var(--muted)}
/* trust-v29: store badges, «تبلیغ» row, clinic list, store trust and reviews */
.store-badges{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}
.badge{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none;background:var(--panel)}
.badge.official{color:#2f7d55;border-color:#2f7d55}
.sponsored-row{position:relative;border:1px dashed var(--line);border-radius:12px;margin-bottom:10px}
.ad-label{position:absolute;top:6px;left:10px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 6px}
.clinic-add{margin:16px 0 0}
.clinic-list table{width:100%;border-collapse:collapse;font-size:13.5px}
.clinic-list td,.clinic-list th{padding:8px 6px;border-top:1px solid var(--line);text-align:right;vertical-align:middle}
.clinic-list .qty{width:64px}
.clinic-plan header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.clinic-plan.best{border-color:#3a9d6b}
.clinic-buttons{display:flex;gap:10px;flex-wrap:wrap}
.store-trust{margin:16px 0;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.store-trust h2{font-size:16px;margin:0 0 8px}
.store-trust ul{margin:0;padding:0 18px 0 0;line-height:2.1;font-size:13.5px}
.store-reviews{margin:28px 0 0}
.store-reviews .review{padding:10px 0;border-top:1px solid var(--line)}
.review-form .rating{border:0;padding:0;display:flex;gap:14px}
@media(max-width:760px){.clinic-list td:nth-child(2),.clinic-list th:nth-child(2){white-space:nowrap}}

/* store-v30.css */
/* store-v30: store logos, one row per store with its other options, clearer link icons, small «DM» mark on phones. */
.site-mark{display:none}
@media(max-width:760px){
 /* Phones: the full logo only on the home page; other pages show the small «DM» mark beside the search box. */
 body:not(.home-page) .wordmark .site-logo{display:none!important}
 body:not(.home-page) .wordmark .site-mark{display:block;height:30px;width:auto}
 body:not(.home-page) .wordmark{flex-shrink:0}
}

/* Store logo in a square tile; without one the first letter stays. */
.store-avatar.has-logo{background:#fff;border-color:var(--line);padding:3px;overflow:hidden}
.store-avatar.has-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}
@media(max-width:760px){.seller-row .store-avatar{display:grid!important;width:36px;height:36px}}

/* Icons inside buttons and links (shopping bag, «opens the store's site», share). */
.seller-go,.best-offer,.share-form .save-button,.subtle-button{gap:6px}
.seller-go{display:inline-flex;align-items:center;justify-content:center}
.seller-go .icon{width:18px;height:18px;flex-shrink:0}
.share-form .save-button .icon{width:17px;height:17px}
.store-badges .icon,.store-trust .icon,.clinic-list .icon,a .icon.inline{width:14px;height:14px;vertical-align:-2px}
.subtle-button .icon{width:16px;height:16px;vertical-align:-3px}
td a .icon{width:15px;height:15px;vertical-align:-3px}

/* «کالاهای این فروشگاه» on its own line on phones. */
@media(max-width:760px){
 .seller-name .link-sep{display:none}
 .seller-name .store-page-link{display:block;width:fit-content;margin-top:2px}
}

/* The store's other packages, shades or pages of this model, folded under its row. */
.store-others{margin-top:6px;font-size:12.5px}
.store-others summary{cursor:pointer;color:var(--blue);width:fit-content}
.store-others ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.store-others a{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text)}
.store-others a:hover{border-color:var(--accent)}
.store-others b{white-space:nowrap;font-weight:600}

/* Phones: no sticky «cheapest store» bar while scrolling; the cheapest store is shown once, at the top. */
.buy-bar{display:none!important}
@media(max-width:760px){.detail-page main{padding-bottom:12px}}

/* merge-v31: ops «پیشنهاد ادغام» */
.merge-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.merge-tabs a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.merge-tabs a.active{border-color:var(--accent);color:var(--accent)}
.merge-causes{margin-top:-6px}
.merge-causes a{font-size:12.5px;padding:4px 12px}
.merge-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 14px;background:var(--panel)}
.merge-card header{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;margin-bottom:10px}
.merge-card header span{color:var(--muted)}
.merge-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.merge-side{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}
.merge-side img{width:96px;height:80px;object-fit:contain;background:#fff;border-radius:8px}
.merge-side a{font-weight:600;overflow-wrap:anywhere}
.merge-side p{margin:0;font-size:12.5px}
.merge-actions{margin-top:10px}
.merge-actions form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media(max-width:760px){.merge-pair{grid-template-columns:1fr}}
/* «بازدیدهای اخیر شما»: compact horizontal cards, so one or two recent items do not leave a tall empty row (audit F25) */
.recent-shelf .shelf-products{grid-auto-columns:minmax(0,300px)}
.recent-shelf .card-link{flex-direction:row;align-items:stretch}
.recent-shelf .product-image{width:96px;flex:0 0 96px;aspect-ratio:auto;padding:8px}
.recent-shelf .product-image img{max-height:80px}
.recent-shelf .image-placeholder .icon,.recent-shelf .product-image-fallback .icon{width:36px;height:36px}
.recent-shelf .card-copy{padding:8px 10px;min-width:0}
.recent-shelf .card h3{min-height:0;margin-bottom:6px;font-size:12px;line-height:1.8}
.recent-shelf .price{margin-bottom:4px}
@media(max-width:760px){.recent-shelf .shelf-products{grid-auto-columns:calc((100% - 10px)/1.25)}.recent-shelf .product-image{width:82px;flex-basis:82px}}
/* Option chips on the product page (like DirhamScan): «همهٔ گزینه‌ها» first, each option with its lowest price */
.option-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.option-chip{display:flex;flex-direction:column;gap:2px;min-width:112px;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);line-height:1.6}
.option-chip b{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.option-chip small{font-size:11.5px;color:var(--muted)}
.option-chip:hover{border-color:var(--accent)}
.option-chip.selected{border:2px solid var(--accent);padding:7px 11px;background:var(--soft,var(--panel))}
.option-chip.selected small{color:var(--accent)}
@media(max-width:760px){.option-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.option-chips::-webkit-scrollbar{display:none}.option-chip{flex:0 0 auto;min-width:104px}.option-chip b{font-size:12px}}

/* mobile-v32.css */
/* mobile-v32: fixes from the mobile audit of 2026-10-25 (M01–M18). */

/* M08/M09: readable contrast in the light theme — the brand red (logo #DB192B, 5:1 with white) for buttons and
   accents, and a darker grey for secondary text (5.8:1 on white). */
:root:not([data-theme=dark]){--accent:#db192b;--muted:#62666d}

/* M01: the price list table never widens the page; on phones its rows become compact cards */
.price-list{max-width:100%;overflow-x:auto}
.price-list table{width:100%;table-layout:fixed;border-collapse:collapse}
.price-list td,.price-list th{overflow-wrap:anywhere;word-break:normal}
.price-list td:first-child,.price-list th:first-child{width:auto}
.price-list td:not(:first-child),.price-list th:not(:first-child){width:7.5em;white-space:normal}
@media(max-width:760px){
  .price-list thead{display:none}
  .price-list tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 0;border-bottom:1px solid var(--line)}
  .price-list td{display:block;padding:0;border:0;width:auto!important}
  .price-list td:first-child{grid-column:1/-1}
  .price-list td:nth-child(2)::after{content:' تومان';color:var(--muted);font-size:.9em}
  .price-list td:nth-child(3){color:var(--muted);font-size:.9em}
  .price-list td:nth-child(3)::before{content:'در ';}
  .price-list td:nth-child(3)::after{content:' فروشگاه'}
}

/* M02: long titles and model names wrap inside the screen */
.product-info h1,.card h3,.seller-name h3,.store-head h1,.page h1,.result-toolbar h1{overflow-wrap:anywhere}
main,.detail-wrap,.results-layout{min-width:0;max-width:100%}

/* M03/M11: on phones the filter panel is not a second scroll box; its apply button stays in view */
@media(max-width:760px){
  .filters,.filters details[open]>form{max-height:none!important;overflow:visible!important}
  .filters form button[type=submit],.filters form .primary{position:sticky;bottom:calc(var(--bottom,68px) + 8px);z-index:3;width:100%;
    box-shadow:0 -8px 16px var(--bg,#fff)}
}

/* M04/M10: the card heart is a real button; the card names the option of its «از …» price */
.card{position:relative}
.card-save{position:absolute;bottom:8px;left:8px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;
  background:transparent;color:var(--muted);cursor:pointer}
.card-save .icon{width:18px;height:18px}
.card-save.on{color:var(--accent)}
.card-save.on .icon{fill:currentColor}
.card-bottom{padding-left:40px}
.card-option{margin:0 0 6px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* M05: a failed «more results» load says so and offers a retry */
.load-failed{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:14px;
  margin:12px 0;border:1px dashed var(--line);border-radius:10px;color:var(--text);font-size:13px}
.load-failed a{color:var(--blue)}

/* M12: the footer is two columns on phones, one on very small ones */
@media(max-width:760px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:0 16px}
  .footer-columns a{padding:4px 0;font-size:13px}}
@media(max-width:350px){.footer-columns{grid-template-columns:1fr}}

/* M16: the search icon has a finger-sized touch area */
.searchbar button{min-width:44px;min-height:44px;display:grid;place-items:center}

/* M17: category names readable on narrow phones */
@media(max-width:760px){.category-rail a,.category-rail span,.subcategory-links a,.category-body .subcategory-links>a{font-size:12.5px!important;line-height:1.75}}

/* M15: letter index above the brand and store lists */
.letter-index{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.letter-index a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:13px}
.letter-index a[aria-current=page]{border-color:var(--accent);color:var(--accent)}

/* M18: daily prices of the chart as a table */
.chart-table summary{cursor:pointer;color:var(--blue);font-size:13px;margin-top:8px}
.chart-table table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}
.chart-table td,.chart-table th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right}

/* Card titles: exactly two lines (no sliver of a third line above the option) */
.card h3{max-height:3.7em;overflow:hidden}

/* minimal-v33.css */
/* minimal-v33: one quiet look in the colours of the Dentiyab logo (charcoal #202124 on white), Google-Shopping-like
   (owner, 2026-10-25). One sticky header on every page: logo row, a round Google-style search bar with the magnifier
   on the left, and a row of the main groups under it. On phones the logo row scrolls away and the search and the
   groups stay; there is no bottom bar. The /categories/ page is text only. Loaded last: it overrides older sheets. */

/* Theme tokens: the logo's charcoal and white, Google greys, one link blue */
:root{--bg:#202124;--surface:#292a2d;--panel:#292a2d;--input:#303134;--line:#3c4043;--text:#e8eaed;--muted:#9aa0a6;
  --muted-2:#bdc1c6;--accent:#e8eaed;--on-accent:#202124;--blue:#8ab4f8;--soft:#303134;--chip-text:#e8eaed;--shadow:#0000004d;
  --band-a:#303134;--band-b:#303134;--icon-bg:#303134;--icon-ink:#e8eaed;--icon-tint:#5f6368;
  --header:0px;--bottom:0px;--brand-row:0px;--sticky-h:99px}
:root:not([data-theme=dark]){color-scheme:light;--bg:#fff;--surface:#fff;--panel:#fff;--input:#f1f3f4;--line:#dadce0;--text:#202124;
  --muted:#5f6368;--muted-2:#3c4043;--accent:#202124;--on-accent:#fff;--blue:#1a0dab;--soft:#f1f3f4;--chip-text:#3c4043;
  --shadow:#20212429;--band-a:#f1f3f4;--band-b:#f1f3f4;--icon-bg:#f1f3f4;--icon-ink:#3c4043;--icon-tint:#dadce0}
@media(min-width:761px){:root{--brand-row:0px;--sticky-h:107px}}
body{background:var(--bg);color:var(--text);padding-bottom:env(safe-area-inset-bottom)!important}
.primary,.best-offer,.deal-badge,.panel-nav em{color:var(--on-accent)!important}
/* Buy buttons and the cheapest-offer box stay the brand red, as before (owner, 2026-10-25) */
:root{--buy:#db192b;--buy-hover:#b8121f}
.primary,.best-offer,a.primary,button.primary{background:var(--buy)!important;border-color:var(--buy)!important;color:#fff!important}
.primary:hover,a.primary:hover,button.primary:hover{background:var(--buy-hover)!important;border-color:var(--buy-hover)!important}
.best-offer *{color:#fff}
.best-offer em{background:#ffffff2e!important;color:#fff!important}

/* Header: sticky on every page; on phones only its logo row scrolls away (top = minus the logo row) */
.top,.home-page .top,.home-page header.top{position:sticky!important;top:0;z-index:40;background:var(--bg)!important;
  border-bottom:1px solid var(--line);box-shadow:none!important}
.top-inner,.home-page .top-inner{max-width:1200px;height:auto!important;margin:0 auto;padding:10px 20px!important;display:flex;
  align-items:center;gap:20px}
.top .wordmark{display:flex!important;align-items:center;flex-shrink:0;height:44px}
.top .wordmark .site-logo{height:26px!important;width:auto;display:block}
.top .wordmark .site-mark{display:none!important}
.top .logo-night{display:none!important}
[data-theme=dark] .top .logo-day{display:none!important}
[data-theme=dark] .top .logo-night{display:block!important}
html body .top .wordmark .logo-day,html body .top .top-tools .theme-toggle{display:block!important}
html body .top .top-tools .theme-toggle{display:grid!important}
html[data-theme=dark] body .top .wordmark .logo-day{display:none!important}
.top-tools{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-inline-start:auto}
.tool-link,.top-tools .theme-toggle{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;
  background:transparent!important;color:var(--muted);box-shadow:none!important}
.tool-link:hover,.top-tools .theme-toggle:hover{background:var(--soft)!important;color:var(--text)}
.tool-link .icon,.top-tools .theme-toggle svg{width:21px;height:21px}

/* Google-like search: a white pill, thin grey border, the magnifier on the left */
.top .searchbar,.home-page .top .searchbar{flex:1;max-width:690px;height:46px!important;margin:0;padding:0 6px 0 0!important;display:flex;
  align-items:center;gap:0;border:1px solid var(--line)!important;border-radius:24px!important;background:var(--bg)!important;
  box-shadow:none!important;transition:box-shadow .15s}
.top .searchbar:hover,.top .searchbar:focus-within{box-shadow:0 1px 6px var(--shadow)!important;border-color:transparent!important}
[data-theme=dark] .top .searchbar{background:var(--input)!important;border-color:transparent!important}
.top .searchbar input,.home-page .top .searchbar input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);
  font-size:15px!important;padding:0 14px}
.top .searchbar input::placeholder{color:var(--muted)!important}
.top .searchbar input::-webkit-search-cancel-button{-webkit-appearance:none}
.top .searchbar button{order:2;width:46px;height:44px;min-width:44px;display:grid;place-items:center;border:0;background:transparent;
  color:var(--muted)!important;border-radius:0 24px 24px 0;cursor:pointer;padding:0}
.top .searchbar button .icon{width:21px;height:21px}
.top .searchbar a{display:none}

/* Main groups under the search (DirhamScan): one quiet scrolling row */
.cat-strip{border-top:0;background:var(--bg)}
.cat-strip-inner{max-width:none;margin:0 auto;padding:0 12px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;
  justify-content:safe center;-webkit-overflow-scrolling:touch}
.cat-strip-inner::-webkit-scrollbar{display:none}
.cat-strip a{flex:0 0 auto;padding:9px 10px 10px;font-size:13px;line-height:1.6;color:var(--muted);white-space:nowrap;
  border-bottom:2px solid transparent}
.cat-strip a:hover{color:var(--text)}
.cat-strip a[aria-current=page]{color:var(--text);border-bottom-color:var(--text);font-weight:600}
/* One line on every width: a carousel that moves by swipe, wheel or the two arrows */
.cat-strip{position:relative;max-width:1640px;margin:0 auto}
.cat-strip-inner{scroll-behavior:smooth;flex-wrap:nowrap}
.cat-arrow{position:absolute;top:0;bottom:2px;z-index:2;width:44px;display:grid;place-items:center;border:0;padding:0;cursor:pointer;
  color:var(--text);background:transparent}
.cat-arrow[hidden]{display:none}
.cat-arrow .icon{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--bg);border:1px solid var(--line);box-shadow:0 1px 4px var(--shadow)}
.cat-more{left:0;background:linear-gradient(to right,var(--bg) 55%,transparent)}
.cat-back{right:0;background:linear-gradient(to left,var(--bg) 55%,transparent)}
.cat-back .icon{transform:scaleX(-1)}
@media(min-width:761px){.cat-strip a{padding:8px 10px 9px}}
@media(hover:none){.cat-arrow{pointer-events:none;width:28px}.cat-arrow .icon{display:none}}

/* Old navigation pieces that the new header replaces */
.desktop-navigation,.group-strip,.bottom-nav,.home-brand,.home-tools,.home-groups,.page-scrollbar{display:none!important}

@media(max-width:760px){
  /* Phones: one line — the D mark (tap = home), the search, the account icon (saved items and day/night live there) */
  .top-inner,.home-page .top-inner{flex-wrap:nowrap;gap:8px;padding:8px 10px!important}
  .top .wordmark{height:44px;flex:0 0 auto}
  html body .top .wordmark .site-logo{display:none!important}
  .top .wordmark .phone-mark{height:36px;width:36px;display:block}
  .top .wordmark .mark-night,[data-theme=dark] .top .wordmark .mark-day{display:none!important}
  [data-theme=dark] .top .wordmark .mark-night{display:block!important}
  .top .top-tools{margin:0}
  .top .top-tools .tool-link[href*=saved],html body .top .top-tools .theme-toggle{display:none!important}
  .top .searchbar,.home-page .top .searchbar{order:0;flex:1;min-width:0;max-width:none;height:44px!important}
  .cat-strip-inner{justify-content:flex-start;padding:0 6px}
  .cat-strip a{padding:7px 9px 9px;font-size:12.5px}
  .filters form button[type=submit],.filters form .primary{bottom:8px!important}
}

/* Quiet surfaces: no coloured bands or badges */
/* «شگفت‌انگیز» and «محصولات پرفروش» keep the red band of the earlier look (owner 2026-10-25: «سایت روح بیشتری دارد») */
:root:not([data-theme=dark]) .shelf:not(.deals-band) .section-heading h2{color:var(--text)}
.section-heading a,.all-category{color:var(--blue)}
.chip,.home-page .chip-strip .chip{background:var(--bg);border:1px solid var(--line);color:var(--chip-text)}
.home-pitch{color:var(--muted)}
.home-page .chip-strip{margin-top:14px}

/* /categories/: text only — group names in a narrow rail, subgroups as small outlined chips */
.categories-page,.categories-page main{height:auto!important;overflow:visible!important;min-height:0}
.category-browser{display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:0;height:auto!important;max-width:1200px;
  margin:0 auto;align-items:start}
.category-rail{position:sticky;top:var(--sticky-h);max-height:calc(100dvh - var(--sticky-h));overflow-y:auto;background:var(--bg)!important;
  border-left:1px solid var(--line)!important;padding:8px 0;scrollbar-width:thin}
.category-rail>a{display:block!important;padding:10px 16px!important;min-height:0!important;font-size:13.5px!important;line-height:1.7!important;
  color:var(--muted);text-align:right!important;border-right:3px solid transparent;background:transparent!important}
.category-rail>a::after{display:none!important}
.category-rail>a:hover{color:var(--text)}
.category-rail .selected{color:var(--text)!important;font-weight:600;border-right-color:var(--text)!important;background:var(--soft)!important}
.category-rail .group-photo,.category-rail .group-badge,.category-rail .product-icon,.category-rail .dm-icon,.category-rail img,
.category-rail svg,.subcategory-icon{display:none!important}
.category-body{padding:16px 24px 32px!important;min-width:0}
.category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.category-heading h1{font-size:18px;margin:0}
.category-heading .all-category{font-size:13px}
.category-sections{display:block!important;columns:auto!important}
.category-section{margin:18px 0 0;break-inside:avoid}
.category-section h2{font-size:14px;margin:0 0 8px;border:0!important;padding:0!important}
.category-section h2 a{color:var(--text);display:inline-flex;align-items:center;gap:4px}
.category-section h2 .icon{width:14px;height:14px;color:var(--muted)}
.subcategory-links,.category-body .subcategory-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px!important;
  grid-template-columns:none!important}
.subcategory-links>a,.category-body .subcategory-links>a{display:inline-flex!important;flex-direction:row!important;align-items:center;width:auto!important;min-height:0!important;
  padding:5px 12px!important;border:1px solid var(--line);border-radius:16px;font-size:12.5px!important;line-height:1.7!important;
  color:var(--chip-text);background:var(--bg)!important;text-align:right;box-shadow:none!important}
.subcategory-links>a:hover{border-color:var(--muted);color:var(--text)}
@media(max-width:760px){
  .category-browser{grid-template-columns:104px minmax(0,1fr)}
  .category-rail>a{padding:10px 10px!important;font-size:12px!important;line-height:1.6!important}
  .category-body{padding:12px 12px 24px!important}
  .category-heading h1{font-size:16px}
}

/* Shelves without frames: the cards are the only boxes */
.shelf:not(.deals-band),:root:not([data-theme=dark]) .shelf:not(.deals-band){border:0!important;box-shadow:none!important;background:transparent!important}

/* Home = Google's start page: the logo and one big round search in the middle of the screen, popular searches and the
   main groups under it. The sticky header stays out of sight until the big search has scrolled away. */
.home-page .top,.home-page header.top{position:fixed!important;left:0;right:0;top:0;visibility:hidden;
  transform:translateY(-110%);transition:transform .18s ease,visibility .18s}
.home-page.top-on .top{visibility:visible;transform:none}
.home-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:clamp(48px,9vh,96px) 16px 8px;text-align:center}
.hero-tools{position:absolute;top:10px;left:16px;margin:0}
.hero-logo{margin:0 0 10px;line-height:0}
.hero-tagline{margin:0 0 24px;font-size:15px;color:var(--muted-2);font-weight:500}
.hero-logo img{height:64px;width:auto}
.hero-logo .logo-night{display:none!important}
[data-theme=dark] .hero-logo .logo-day{display:none!important}
[data-theme=dark] .hero-logo .logo-night{display:inline!important}
.home-hero .hero-search{flex:0 0 auto!important;width:100%;max-width:584px;height:50px!important;margin:0;padding:0 6px 0 0!important;display:flex;align-items:center;
  border:1px solid var(--line)!important;border-radius:25px!important;background:var(--bg)!important;box-shadow:none!important;
  transition:box-shadow .15s}
.home-hero .hero-search:hover,.home-hero .hero-search:focus-within{box-shadow:0 1px 6px var(--shadow)!important;border-color:transparent!important}
[data-theme=dark] .home-hero .hero-search{background:var(--input)!important;border-color:transparent!important}
.home-hero .hero-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:16px!important;
  padding:0 16px}
.home-hero .hero-search input::placeholder{color:var(--muted)}
.home-hero .hero-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.home-hero .hero-go{width:48px;height:48px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer;
  border-radius:0 25px 25px 0;padding:0}
.home-hero .hero-go .icon{width:22px;height:22px}
.home-hero .suggest-box{text-align:right}
.home-hero .chip-strip{margin:22px auto 0!important;max-width:640px;padding:0!important;justify-content:center;flex-wrap:wrap;gap:8px}
.home-hero .chip-label{display:none}
.home-hero .chip{font-size:12.5px!important;padding:4px 14px!important}
.home-hero .home-pitch{margin:16px 0 0;font-size:12.5px;color:var(--muted)}
.home-hero .cat-strip{width:100%;max-width:760px;margin:26px auto 0;border-top:1px solid var(--line)}
.home-hero .cat-strip-inner{justify-content:safe center}
@media(max-width:760px){
  .home-hero{padding:12vh 16px 8px}
  .hero-tools{left:8px;top:4px}
  .hero-logo{margin-bottom:24px}
  .hero-logo img{height:48px}
  .home-hero .hero-search{height:48px!important}
  .home-hero .chip-strip{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;max-width:100%;scrollbar-width:none}
  .home-hero .chip-strip::-webkit-scrollbar{display:none}
  .home-hero .cat-strip{margin-top:20px}
  .home-hero .cat-strip-inner{justify-content:flex-start}
}

/* Carousels follow the finger: a fast swipe flies past many cards (iOS stopped at every card with snapping on) */
html *{scroll-snap-type:none!important;scroll-snap-stop:normal!important}
.shelf-products,.cat-strip-inner,.chip-strip,.top-categories-grid{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}

/* A little of the brand red where it means something: the price chart, a saved heart, a real discount */
.chart-line{stroke:var(--buy)!important}
.chart-dot{fill:var(--buy)!important}
.card-save.on,.save-toggle.on,[aria-pressed=true] .icon-heart{color:var(--buy)!important}
.deal-badge,:root:not([data-theme=dark]) .deal-badge,:root:not([data-theme=dark]) .deals-band .deal-badge{background:var(--buy)!important;color:#fff!important}
.chart-area{fill:var(--buy);opacity:.09;stroke:none}
.chart-dot{stroke:var(--panel)!important}

.phone-mark{display:none}
.detail-wrap.is-loading .option-chips,.detail-wrap.is-loading .seller-section,.detail-wrap.is-loading .product-info .price{opacity:.55;transition:opacity .15s}

/* Product page options: one short scrolling row each (shade/kind, then package) — the page no longer grows a block
   of chips before the stores (third audit) */
.option-chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:12px 0 4px!important;padding-bottom:4px;
  -webkit-overflow-scrolling:touch}
.option-chips::-webkit-scrollbar{display:none}
.option-chip{flex:0 0 auto;min-width:96px!important;max-width:220px}
.package-chips{margin-top:2px!important}
.package-chips .option-chip{min-width:84px!important;padding:6px 10px}

/* Secondary text readable (third audit: store count, unit price, option and notes were small and pale) */
.card-option,.unit-price,.card-bottom span,.card-bottom small{font-size:12.5px!important;color:var(--muted-2)!important}
.seller-package,.checked-at,.seller-note,.summary-stores,.chart-legend{font-size:13px!important;color:var(--muted-2)!important}

.home-page .deals-band{margin:18px 16px;padding:18px 16px;border-radius:16px}
@media(min-width:761px){.hot-band .section-heading::before{content:'★'!important}}
.save-button.on{color:var(--buy)!important;border-color:var(--buy)!important}
.save-button.on .icon{fill:var(--buy);stroke:var(--buy)}
.load-more{display:flex;margin:18px auto 8px;min-width:220px;height:46px;border-radius:24px!important;font-size:14px!important}
.load-more[hidden]{display:none}

/* Group row as a menu (owner 2026-10-25, like Digikala). Desktop: «☰ دسته‌بندی کالاها» opens a drop-down mega menu
   on hover; beside it پرفروش‌ها · شگفت‌انگیزها · فروشگاه‌ها · برندها. Phone: «☰ دسته‌بندی‌ها» (the categories page),
   then the main groups, then the same four links. */
.cat-strip{display:flex;align-items:stretch}
.cat-strip-inner{flex:1;min-width:0}
.cat-menu-link,.cat-menu-button{display:inline-flex!important;align-items:center;gap:6px;font-weight:600;color:var(--text)!important}
.cat-menu-link .icon,.cat-menu-button .icon{width:18px;height:18px}
.cat-extra{color:var(--muted-2)!important}
.cat-menu{flex:0 0 auto;position:static}
.cat-menu>summary{list-style:none;cursor:pointer;padding:8px 12px 9px;white-space:nowrap;font-size:13.5px;border-bottom:2px solid transparent}
.cat-menu>summary::-webkit-details-marker{display:none}
.cat-menu[open]>summary,.cat-menu>summary:hover{border-bottom-color:var(--buy);color:var(--buy)!important}
.cat-menu>summary::after{content:'';width:1px;height:18px;background:var(--line);margin-inline-start:10px}
.cat-menu .mega-content{position:absolute;top:100%;right:0;left:0;margin:0 auto;max-width:1200px;width:auto;background:var(--bg);
  border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;box-shadow:0 14px 30px var(--shadow);z-index:70;overflow:hidden}
.cat-menu .mega-layout{display:grid;grid-template-columns:230px minmax(0,1fr);height:min(520px,calc(100dvh - 190px))}
.cat-menu .mega-tabs{background:var(--soft)!important;overflow-y:auto;border-left:1px solid var(--line);min-height:0;padding:6px 0}
.cat-menu .mega-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:0;padding:11px 16px;border:0;
  border-right:3px solid transparent;background:transparent;text-align:right;font-size:13.5px;line-height:1.7;color:var(--text);cursor:pointer;font-family:inherit}
.cat-menu .mega-tab .icon{width:12px;height:12px;color:var(--muted)}
.cat-menu .mega-tab[aria-selected=true]{background:var(--bg)!important;border-right-color:var(--buy);color:var(--buy);font-weight:600}
.cat-menu .mega-panels{min-width:0;min-height:0}
.cat-menu .mega-panel{height:100%;overflow-y:auto;padding:16px 24px}
.cat-menu .mega-panel[hidden]{display:none}
.cat-menu .all-category{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--blue)}
.cat-menu .category-sections{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;margin-top:14px}
.cat-menu .category-section{margin:0}
.cat-menu .category-section h2{font-size:13.5px!important;margin:0 0 6px!important;padding-right:8px!important;border-right:2px solid var(--buy)!important}
.cat-menu .category-section h2 a{color:var(--text)}
.cat-menu .subcategory-links{flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important}
.cat-menu .subcategory-links>a{border:0!important;border-radius:0!important;padding:4px 0!important;background:none!important;font-size:12.5px!important;
  color:var(--muted-2)!important}
.cat-menu .subcategory-links>a:hover{color:var(--buy)!important}
@media(min-width:761px){.home-hero .cat-strip{position:static}}
.home-hero .cat-menu .mega-content{top:auto;margin-top:0;text-align:right}
@media(min-width:761px){
  .cat-menu-link,.cat-group{display:none!important}
  .cat-strip-inner{justify-content:flex-start!important}
  .home-hero .cat-strip-inner{justify-content:flex-start!important}
}
@media(max-width:760px){
  .cat-menu{display:none}
  .cat-menu-link{padding-inline-end:12px!important;border-left:1px solid var(--line);margin-inline-end:4px}
}

/* Phones: پرفروش‌ها · شگفت‌انگیزها · فروشگاه‌ها · برندها in red, set apart from the groups by a line */
@media(max-width:760px){
  .cat-extra{color:var(--buy)!important;font-weight:500}
  .cat-group+.cat-extra{border-inline-start:1px solid var(--line);margin-inline-start:6px;padding-inline-start:14px!important}
}

/* Filters: «اعمال فیلتر» also at the top of the panel (owner: some never scroll down to find it) */
/* One place for the filter buttons: «اعمال فیلتر» and «حذف فیلترها» side by side at the top (owner 2026-10-26) */
.filter-actions{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.filter-apply-top{flex:1;height:40px;margin:0;border-radius:10px!important;position:static!important;box-shadow:none!important}
.filter-reset{flex:0 0 auto;font-size:13px;color:var(--muted-2)!important;white-space:nowrap}

/* Footer on phones: one tidy block per heading, its links in a wrapping row */
@media(max-width:760px){
  .site-footer{padding:20px 16px 18px!important;background:var(--soft)!important}
  .footer-columns{display:flex!important;flex-direction:column;gap:0!important;padding:0!important}
  .footer-columns>div{display:block!important;padding:12px 0;border-bottom:1px solid var(--line)}
  .footer-columns>div:last-child{border-bottom:0}
  .footer-columns strong{display:block;font-size:14px;margin:0 0 6px}
  .footer-columns a{display:inline-block;padding:3px 0!important;margin-inline-end:16px;font-size:13px!important;color:var(--muted-2)!important}
  .footer-note{font-size:12.5px;margin-top:12px!important;line-height:1.9}
}

/* Home on desktop: the menu row sits in the top right corner, level with the icons in the top left corner
   (owner 2026-10-26, arrow on the screenshot). */
@media(min-width:761px){
  .home-hero .cat-strip{position:absolute!important;top:8px;right:16px;left:auto;margin:0!important;max-width:none;width:auto;border:0!important;
    background:transparent}
  .home-hero .cat-strip-inner{justify-content:flex-start!important;overflow:visible}
  .home-hero .cat-arrow{display:none!important}
  .home-hero .cat-menu .mega-content{position:absolute;top:100%;right:0;left:auto;width:min(1200px,calc(100vw - 32px));margin:0}
  .home-hero{padding-top:clamp(64px,10vh,110px)}
}

/* Home on phones: no group row under the search; only the menu sign «☰» in the top right corner, level with the
   icons in the top left (owner 2026-10-26). Once scrolled, the fixed header brings the full row back under its search. */
@media(max-width:760px){
  .home-hero .cat-strip{position:absolute!important;top:2px;right:6px;left:auto;margin:0!important;width:auto;max-width:none;border:0!important;
    background:transparent!important;padding:0!important}
  .home-hero .cat-strip-inner{overflow:visible!important;padding:0!important;gap:0!important}
  .home-hero .cat-strip .cat-group,.home-hero .cat-strip .cat-extra,.home-hero .cat-strip .cat-arrow,.home-hero .cat-strip .cat-menu{display:none!important}
  .home-hero .cat-menu-link{width:44px;height:44px;padding:0!important;margin:0!important;border:0!important;display:grid!important;place-items:center}
  .home-hero .cat-menu-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .home-hero .cat-menu-link .icon{width:26px;height:26px}
}

/* /categories/ like Digikala (owner 2026-10-26: «منوی ما شلخته است»): grey rail with lines between groups, the chosen
   group white; on the right side one row per subgroup with a chevron that opens its list of links (no chips). */
.category-rail{background:var(--soft)!important;border-left:1px solid var(--line)!important;padding:0!important}
.category-rail>a{border-bottom:1px solid var(--line)!important;border-right:0!important;color:var(--muted-2)!important;text-align:center;
  padding:16px 8px!important}
.category-rail .selected{background:var(--bg)!important;color:var(--text)!important;font-weight:700;border-right:0!important;
  box-shadow:inset -3px 0 0 var(--buy)}
.category-body{padding:12px 16px 32px!important}
.cat-acc-title{font-size:15px;margin:4px 0 10px;color:var(--text)}
.cat-acc-top{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600;color:var(--blue)!important;margin-bottom:6px}
.cat-acc-top .icon,.cat-acc-all .icon{width:14px;height:14px}
.cat-acc{border-top:1px solid var(--line)}
.cat-acc-row{border-bottom:1px solid var(--line);display:block}
.cat-acc-row>summary,.cat-acc-link{list-style:none;display:flex!important;align-items:center;justify-content:space-between;gap:10px;
  min-height:56px;padding:14px 2px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text)!important;line-height:1.7}
.cat-acc-row>summary::-webkit-details-marker{display:none}
.cat-acc-row>summary .icon{width:18px;height:18px;flex:0 0 18px;color:var(--muted-2);transform:rotate(-90deg);transition:transform .15s}
.cat-acc-row[open]>summary .icon{transform:rotate(90deg)}
.cat-acc-link .icon{width:16px;height:16px;color:var(--muted-2)}
.cat-acc-list{display:flex;flex-direction:column;padding:0 2px 10px}
.cat-acc-list>a{display:block;padding:10px 12px;font-size:13.5px;color:var(--muted-2)!important;border-radius:6px;line-height:1.7}
.cat-acc-list>a:hover{background:var(--soft);color:var(--text)!important}
.cat-acc-list>.cat-acc-all{display:inline-flex;align-items:center;gap:4px;color:var(--blue)!important;font-weight:600}
@media(max-width:760px){
  .category-browser{grid-template-columns:96px minmax(0,1fr)!important}
  .category-rail>a{font-size:12px!important;padding:14px 6px!important;line-height:1.7!important}
  .category-body{padding:10px 12px 28px!important}
}

/* Phone /categories/: the groups are in the rail already, so the row under the search keeps only «☰ دسته‌بندی‌ها»
   (tap again to close the menu) and the four red links (owner 2026-10-26). */
@media(max-width:760px){
  .categories-page .cat-strip .cat-group{display:none!important}
  .categories-page .cat-strip .cat-menu-link{color:var(--text)!important}
  .categories-page .cat-strip-inner{justify-content:space-between!important;overflow:hidden!important;padding-inline:8px!important;gap:0!important}
  .categories-page .cat-strip .cat-menu-link,.categories-page .cat-strip .cat-extra{padding-inline:5px!important;margin-inline:0!important;flex:0 0 auto}
  .categories-page .cat-strip .cat-menu-link{padding-inline-end:8px!important;border-left:0!important;border-right:0!important}
  .categories-page .cat-strip .cat-extra{border-left:0!important;border-right:0!important}
  .categories-page .cat-strip .cat-arrow{display:none!important}
}
@media(max-width:375px){
  .categories-page .cat-strip .cat-extra{padding-inline:3px!important}
}


/* Clinic list (user audit 2026-10-26, items 03/28): the chosen option under each item; inputs like the site's other
   fields; the shipping amount with its unit beside it. */
.clinic-choice{display:block;color:var(--muted-2);font-size:12px;margin-top:2px}
.clinic-list input.qty,.clinic-list .money-field input{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--bg);
  color:var(--text);padding:0 12px;font:inherit;font-size:14px}
.clinic-list input.qty{width:72px;text-align:center}
.clinic-list input.qty:focus,.clinic-list .money-field input:focus{outline:0;border-color:var(--muted)}
.clinic-shipping{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.money-field{display:inline-flex;align-items:center;gap:8px}
.money-field input{width:180px}
.money-field span{color:var(--muted-2);font-size:13px}
.mega-wait{color:var(--muted-2);font-size:13px;padding:12px 0}
.mega-retry{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;padding:4px 14px;margin-inline-start:6px;cursor:pointer;font:inherit}
.choice-summary{margin:0 0 4px;font-size:13px;color:var(--muted-2)}
.choice-summary b{color:var(--text)}
.empty-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 6px}
.empty-terms{font-size:13px;color:var(--muted-2)}
.empty-terms a{color:var(--blue)}

/* «بازدیدهای اخیر» on desktop (user audit 2026-10-26, item 15): a wider text column, the price and the store count
   each on one line, the title two lines at most. */
@media(min-width:761px){
  .recent-shelf .shelf-products{grid-auto-columns:minmax(0,340px)!important}
  .recent-shelf .card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .recent-shelf .price,.recent-shelf .card-bottom span,.recent-shelf .unit-price{white-space:nowrap}
}
.seller-expiry{margin:2px 0 0;font-size:12px;color:var(--buy)}
/* Home «فروشگاه‌ها» (logo circles) and «برندها» (text tiles): horizontal rows like the shelves (owner 2026-10-27). */
.logo-row,.brand-row{display:grid;grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.logo-row::-webkit-scrollbar,.brand-row::-webkit-scrollbar{display:none}
.logo-row{grid-auto-columns:96px}
.logo-tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--text);scroll-snap-align:start;min-width:0}
.logo-circle{width:72px;height:72px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden;font-size:26px;color:var(--muted)}
.logo-circle img{width:56px;height:56px;object-fit:contain}
.logo-tile:hover .logo-circle{border-color:var(--text)}
.logo-tile strong{font-size:12px;font-weight:500;line-height:1.6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo-tile small,.brand-tile small{font-size:11px;color:var(--muted)}
.brand-row{grid-auto-columns:150px;grid-template-rows:repeat(2,auto)}
.brand-tile{display:flex;flex-direction:column;justify-content:center;gap:2px;height:64px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:var(--text);scroll-snap-align:start;min-width:0}
.brand-tile:hover{border-color:var(--text)}
.brand-tile strong{text-align:right;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:699px){.logo-row{grid-auto-columns:80px;gap:8px}.logo-circle{width:64px;height:64px}.logo-circle img{width:48px;height:48px}.brand-row{grid-auto-columns:128px;gap:8px}.brand-tile{height:58px;padding:6px 10px}}

/* assistant.css */
.assistant{max-width:850px;margin:auto}.assistant p{line-height:1.9}.assistant-examples,.assistant-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.assistant button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--panel);color:var(--text)}.assistant button.primary{background:var(--accent);color:#fff}.assistant button:disabled{opacity:.6;cursor:wait}.assistant-form label{display:block;margin:12px 0 6px}.assistant textarea{box-sizing:border-box;width:100%;max-width:100%;resize:vertical;min-height:90px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit}.assistant-history{display:grid;gap:12px;margin:18px 0}.assistant-turn{border:1px solid var(--line);border-radius:14px;padding:14px;overflow-wrap:anywhere;background:var(--panel)}.assistant-turn h2{font-size:15px;margin:0 0 8px}.assistant-question{background:var(--input);white-space:pre-wrap;margin:0 0 12px;padding:10px;border-radius:10px}.assistant-result{border-top:1px solid var(--line);padding:12px 0;margin-top:12px}.assistant-result h3{font-size:16px;margin:0 0 8px}.assistant-result a{color:var(--blue);text-decoration:underline}.assistant-result small{display:block;color:var(--muted);line-height:1.9}.assistant-result ul{padding-right:20px;margin:8px 0}.assistant-result li{margin:10px 0}.assistant-price{font-weight:650}.assistant-status{min-height:30px}.assistant :focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:600px){.assistant-turn{padding:12px}.assistant-examples button{flex:1 1 140px}.assistant-actions button{flex:1}}


.assistant-launcher{position:fixed;z-index:90;left:20px;bottom:calc(18px + var(--assistant-bottom-bar,0px) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 16px;border:0;border-radius:28px;background:var(--accent,#e61937);color:#fff;font:inherit;box-shadow:0 4px 20px #0003;cursor:pointer}
.assistant-dialog{position:fixed;inset:auto auto 20px 20px;margin:0;width:min(430px,calc(100vw - 40px));max-width:none;height:min(700px,calc(100dvh - 40px));max-height:none;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel,#fff);color:var(--text,#222);box-shadow:0 12px 48px #0003;overflow:hidden;direction:rtl}
.assistant-dialog::backdrop{background:#0003}.assistant-dialog .assistant{height:100%;display:flex;flex-direction:column;min-height:0;max-width:none;margin:0}.assistant-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.assistant-heading h2{font-size:17px;margin:0 0 5px}.assistant-heading small{color:var(--muted)}.assistant-heading button{font-size:26px;line-height:1;min-width:44px}.assistant-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px}.assistant-dialog .assistant-form{padding:0 16px 8px;border-top:1px solid var(--line);flex-shrink:0}.assistant-dialog textarea{min-height:66px;max-height:130px}.assistant-dialog .assistant-actions{margin:8px 0}.assistant-dialog .assistant-history{margin:10px 0}.assistant-context{padding:10px;border-radius:10px;background:var(--input);font-size:13px}.assistant-context button{margin-top:6px}.assistant [hidden]{display:none!important}.assistant-is-open{overflow:hidden}.assistant-examples button{font-size:13px}.product-assistant-entry{margin:16px 0}.product-assistant-entry button{min-height:44px;font:inherit;cursor:pointer}
@media(max-width:700px){.assistant-launcher{left:12px;bottom:calc(12px + var(--assistant-bottom-bar,0px) + env(safe-area-inset-bottom,0px));padding:10px 14px}.assistant-dialog{inset:calc(var(--assistant-viewport-top,0px) + 8px) 8px auto 8px;width:auto;height:calc(var(--assistant-viewport-height,100dvh) - 16px);border-radius:16px}.assistant-heading{padding:12px}.assistant-scroll{padding:0 12px}.assistant-dialog .assistant-form{padding:0 12px max(8px,env(safe-area-inset-bottom,0px))}.assistant-examples button{flex:1 1 120px}.assistant-dialog .assistant-turn{padding:10px}}
@media(prefers-reduced-motion:reduce){.assistant-dialog *{scroll-behavior:auto}}