:root{--blue:#1267b2;--blue-soft:#eaf3fb;--orange:#f59b23;--text:#20252b;--muted:#626d77;--line:#e5e8eb;--bg:#f5f6f7;--card:#fff;--success:#187a42;--danger:#d93535;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,IRANSX,IRANS,Tahoma,Arial,sans-serif;font-size:13px;line-height:1.85}button,input,select{font:inherit}a{text-decoration:none;color:inherit}.page-shell{max-width:1180px;margin:22px auto 70px;padding:0 18px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.page-title-copy{min-width:0;display:flex;align-items:baseline;gap:14px}.page-title-row h1{font-size:22px;margin:0;white-space:nowrap}.page-title-row p{margin:0;color:var(--muted);font-size:11.5px}.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start;direction:rtl}.filters-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);position:sticky;top:98px;overflow:hidden}.filter-head{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.filter-head strong{font-size:14px}.filter-head button{border:0;background:transparent;color:var(--blue);font-size:11px;cursor:pointer}.filter-section{padding:14px 16px;border-bottom:1px solid var(--line)}.filter-section:last-child{border-bottom:0}.search-filter label{display:block;font-weight:700;margin-bottom:8px}.search-box{position:relative}.search-box input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 38px 0 10px;outline:none;background:#fff}.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,103,178,.08)}.search-box svg{position:absolute;right:12px;top:12px;width:18px;height:18px;fill:none;stroke:#8a929c;stroke-width:1.8}.filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:0;color:var(--text);font-weight:700;cursor:pointer}.filter-toggle b{font-size:13px;color:var(--muted)}.filter-body{padding-top:12px;display:grid;gap:8px}.filter-body.collapsed{display:none}.check-row{display:flex;align-items:center;gap:8px;cursor:pointer;color:#424a54}.check-row input{appearance:none;width:17px;height:17px;border:1px solid #bfc6ce;border-radius:4px;display:grid;place-items:center;margin:0}.check-row input:checked{background:var(--blue);border-color:var(--blue)}.check-row input:checked::after{content:'✓';color:#fff;font-size:11px;line-height:1}.check-row small{margin-inline-start:auto;color:#59636e}.checkbox-grid{grid-template-columns:repeat(3,1fr);gap:7px}.checkbox-grid .check-row{justify-content:center;border:1px solid var(--line);border-radius:8px;padding:5px 4px}.checkbox-grid .check-row input{display:none}.checkbox-grid .check-row:has(input:checked){border-color:var(--blue);background:var(--blue-soft);color:var(--blue);font-weight:700}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.price-inputs label{font-size:10px;color:var(--muted)}.price-inputs input{width:100%;height:38px;border:1px solid var(--line);border-radius:9px;padding:0 8px;margin-top:4px;outline:none}.price-hint{font-size:10px;color:var(--muted)}.switch-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600}.switch-row input{display:none}.switch-row i{width:36px;height:20px;border-radius:999px;background:#d8dde3;position:relative;transition:.2s}.switch-row i::after{content:'';position:absolute;width:16px;height:16px;top:2px;right:2px;background:#fff;border-radius:50%;transition:.2s}.switch-row input:checked+i{background:var(--blue)}.switch-row input:checked+i::after{right:18px}.sub-filter{display:grid;gap:8px;padding-top:8px;border-top:1px dashed #e2e5e8}.sub-filter:first-child{border-top:0;padding-top:0}.sub-filter strong{font-size:11px;color:#505965}.products-area{min-width:0}.toolbar{min-height:62px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.card-lite{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.result-copy{display:flex;align-items:center;gap:10px}.result-copy strong{font-size:14px}.result-copy span{color:var(--muted);font-size:11px}.sort-select{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11.5px;font-weight:600;white-space:nowrap}.sort-control{position:relative;width:175px;flex:0 0 auto}.sort-control select,.sort-trigger{appearance:none;-webkit-appearance:none;width:100%;height:39px;border:1px solid #cfddea;border-radius:11px;background:linear-gradient(180deg,#fff,#f8fbff);padding:0 13px 0 39px;outline:none;color:var(--text);font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 2px 7px rgba(20,71,117,.055);transition:border-color .18s,box-shadow .18s,background-color .18s}.sort-trigger{display:flex;align-items:center;text-align:right;direction:rtl}.sort-trigger[hidden],.sort-menu[hidden]{display:none}.sort-control.is-enhanced select{display:none}.sort-control select:hover,.sort-trigger:hover{border-color:#9fbedb}.sort-control select:focus-visible,.sort-trigger:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,103,178,.12)}.sort-control.is-open .sort-trigger{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,103,178,.1)}.sort-chevron{position:absolute;left:15px;top:50%;width:15px;height:15px;transform:translateY(-50%);fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform .18s}.sort-control.is-open .sort-chevron{transform:translateY(-50%) rotate(180deg)}.sort-menu{position:absolute;z-index:45;top:calc(100% + 7px);right:0;left:0;max-height:290px;overflow-y:auto;padding:5px;background:rgba(255,255,255,.70);-webkit-backdrop-filter:blur(10px) saturate(112%);backdrop-filter:blur(10px) saturate(112%);border:1px solid rgba(189,207,225,.72);border-radius:13px;box-shadow:0 12px 26px rgba(22,61,102,.1),inset 0 1px 0 rgba(255,255,255,.7);direction:rtl}.sort-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:12px;font-weight:500;text-align:right;cursor:pointer}.sort-option:hover,.sort-option:focus-visible{background:#f0f6fc;outline:none}.sort-option[aria-selected="true"]{background:var(--blue-soft);color:var(--blue);font-weight:700}.sort-option[aria-selected="true"]::after{content:'';display:block;flex:none;width:11px;height:11px;margin-inline:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M2.2 4.5 4.3 8.5 9.6 1.7' fill='none' stroke='%231267b2' stroke-width='1.55' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat}.active-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.chip{border:1px solid #cfe1f3;background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:5px 9px;display:flex;align-items:center;gap:6px;font-size:10px}.chip button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;font-size:13px}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:13px;min-width:0;transition:.2s;position:relative;display:flex;flex-direction:column;height:100%}.product-card:hover{border-color:#cad6e3;box-shadow:0 8px 24px rgba(27,44,67,.06);transform:translateY(-1px)}.product-image{height:190px;border-radius:10px;background:#fff;display:grid;place-items:center;padding:0;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-badges{position:absolute;top:22px;right:22px;display:flex;gap:5px;flex-wrap:wrap;max-width:75%}.badge{padding:3px 8px;border-radius:999px;font-size:9px;font-weight:700}.badge.promo{background:var(--blue);color:#fff}.badge.soon{background:#eef1f5;color:#68717c}.product-card h2{font-size:13px;line-height:1.8;min-height:48px;max-height:48px;overflow:hidden;margin:10px 0 4px}.product-model{color:var(--muted);font-size:10px;margin-bottom:8px}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:10px;color:#69727e}.stock-state{display:inline-flex;align-items:center;gap:4px}.stock-dot{width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block}.stock-dot.out{background:#aaa}.price-wrap{display:flex;align-items:flex-end;justify-content:flex-start;gap:8px;min-height:52px;margin-top:auto}.price-stack{margin-inline-start:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:left;gap:2px}.price-main{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.price-main strong{font-size:15px}.price-main span{font-size:10px;color:var(--muted)}.price-old-slot{min-height:19px;display:flex;align-items:center;justify-content:flex-end;gap:6px}.old-price{font-size:9px;color:#9ba2ab;text-decoration:line-through}.inline-discount{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:18px;padding:0 6px;border-radius:999px;background:var(--success);color:#fff;font-size:9px;font-weight:700}.product-actions{margin-top:10px}.view-btn{display:block;text-align:center;height:38px;line-height:38px;border-radius:9px;background:var(--blue);color:#fff;font-weight:700}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:60px 20px}.empty-icon{font-size:34px;color:#9ca5af}.empty-state h2{font-size:16px}.empty-state p{color:var(--muted)}.empty-state button{height:40px;border:0;border-radius:9px;padding:0 15px;background:var(--blue);color:#fff;cursor:pointer}.mobile-filter-btn{display:none;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--text);align-items:center;gap:6px;padding:0 12px}.mobile-filter-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.filter-backdrop{display:none}
@media (min-width:821px) and (max-width:1020px){
  .catalog-layout{grid-template-columns:clamp(200px,23vw,230px) minmax(0,1fr)}
  .products-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
}
@media(max-width:820px){body{font-size:13px}.page-shell{margin:9px auto 50px;padding:0 12px}.page-title-row{align-items:center;margin-bottom:10px}.page-title-row h1{font-size:16px}.page-title-copy{display:block}.page-title-row p{display:none}.mobile-filter-btn{display:flex;height:34px;padding:0 10px;font-size:11px}.catalog-layout{display:block}.filters-panel{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(330px,88vw);border-radius:0;overflow-y:auto;transform:translateX(105%);transition:.25s;box-shadow:-8px 0 30px rgba(0,0,0,.12)}.filters-panel.open{transform:none}.filter-backdrop{position:fixed;inset:0;background:rgba(25,32,40,.35);z-index:55}.filter-backdrop.show{display:block}.toolbar{min-height:auto;align-items:flex-start;flex-direction:column;padding:9px 11px;gap:9px}.sort-select{width:100%;justify-content:space-between}.sort-control{flex:1;min-width:0;width:auto}.sort-control select,.sort-trigger{height:40px;font-size:16px}.sort-option{min-height:42px;font-size:14px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{padding:9px}.product-image{height:145px}.product-card h2{font-size:11px;min-height:42px}.product-meta{display:flex;font-size:8px;gap:5px;margin-bottom:7px}.product-meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warranty-badge{font-size:9.2px;gap:3px;flex:0 0 auto}.warranty-badge svg{width:13px;height:13px}.view-btn{height:36px;line-height:36px;font-size:11px}.price-main strong{font-size:12px}.price-wrap{min-height:50px}.price-stack{margin-inline-start:auto}.price-old-slot{min-height:18px}.old-price{display:inline;font-size:9px}.inline-discount{display:inline-flex}input,select{font-size:16px}}
@media(max-width:390px){.products-grid{grid-template-columns:1fr 1fr}.product-image{height:128px}}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px}.catalog-pagination[hidden]{display:none}.catalog-pagination button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);display:grid;place-items:center;cursor:pointer}.catalog-pagination button[aria-current="page"]{background:var(--blue);border-color:var(--blue);color:#fff}.catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-pagination svg{width:15px;height:15px}
@media(max-width:820px){.catalog-pagination{margin-top:14px}.catalog-pagination button{width:34px;height:34px}}

/* Tiara shared-shell integration */
body{font-family:Vazirmatn,IRANSansX,IRANS,Tahoma,Arial,sans-serif}
.catalog-page{min-height:60vh}
.catalog-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:13px;color:var(--muted);font-size:11px}
.catalog-breadcrumb svg[hidden]{display:none}
.catalog-breadcrumb a:hover{color:var(--blue)}
.mobile-filter-close{display:none}
.product-image{grid-template-rows:minmax(0,1fr)}
.product-image-placeholder{grid-template-rows:auto auto;align-content:center;gap:9px;color:#626d77;text-align:center}
.product-image-placeholder svg{width:54px;height:54px;fill:none;stroke:#b9c3cc;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.product-image-placeholder span{font-size:10px}
.price-unavailable{min-height:28px;display:flex;align-items:center;color:#69737d;font-size:11px;font-weight:700}
.warranty-badge{display:inline-flex;align-items:center;color:#288552;font-size:11px;font-weight:650;white-space:nowrap;direction:ltr;text-align:left}
.catalog-noscript{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.filters-panel[aria-hidden="true"]{visibility:visible}
.availability-switches{display:grid;gap:12px}.availability-switches .switch-row+.switch-row{padding-top:11px;border-top:1px dashed #e2e5e8}
.availability-switches .scope-switch[hidden]{display:none}

@media(min-width:821px){
  .filters-panel{
    max-height:var(--filter-available-height,calc(100dvh - 116px));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#cbd3da transparent;
  }
  .filters-panel::-webkit-scrollbar{width:6px}
  .filters-panel::-webkit-scrollbar-track{background:transparent}
  .filters-panel::-webkit-scrollbar-thumb{background:#cbd3da;border-radius:999px}
  .filters-panel::before,.filters-panel::after{
    content:'';
    position:sticky;
    right:0;
    left:0;
    z-index:4;
    display:block;
    height:14px;
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease;
  }
  .filters-panel::before{
    top:0;
    margin-bottom:-14px;
    background:linear-gradient(to bottom,rgba(255,255,255,.94),rgba(255,255,255,0));
  }
  .filters-panel::after{
    bottom:0;
    margin-top:-14px;
    background:linear-gradient(to top,rgba(255,255,255,.94),rgba(255,255,255,0));
  }
  .filters-panel.has-scroll-above::before,.filters-panel.has-scroll-below::after{opacity:1}
}


@media(max-width:820px){
  .catalog-page{padding-bottom:26px}
  .catalog-breadcrumb{margin-top:8px}
  .filters-panel{z-index:120}
  .filter-backdrop{z-index:115}
  .mobile-filter-close{display:inline-grid;place-items:center;width:32px;height:32px;font-size:22px}
  .filters-panel[aria-hidden="true"]{visibility:hidden}
  .filters-panel.open[aria-hidden="false"]{visibility:visible}
  .product-image-placeholder svg{width:42px;height:42px}
}

.product-meta .product-color-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--product-color,#46505a);white-space:nowrap}
.product-meta .warranty-badge{margin-right:auto;margin-left:0}
.product-color-swatch{display:inline-block;width:14px;height:14px;flex:0 0 14px;border:1px solid rgba(0,0,0,.16);border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(31,52,75,.12)}
@media(max-width:600px){.product-meta .product-color-badge{gap:4px}.product-meta .product-color-swatch{width:11px;height:11px;flex-basis:11px}}
@media(max-width:820px){.product-meta>.warranty-badge:first-child{overflow:visible;text-overflow:clip;white-space:nowrap}}
.price-apply{width:100%;min-height:36px;border:1px solid var(--blue);border-radius:9px;background:#fff;color:var(--blue);font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}
.price-apply:hover,.price-apply:focus-visible{background:var(--blue);color:#fff}
.price-error{margin:0;color:#b42318;font-size:11px;line-height:1.6}
@media(max-width:820px){.sort-control select,.sort-trigger{font-size:12px}}

/* Product photos use the complete card width without cropping or reducing the image for labels. */
.product-card{overflow:hidden}
.product-card .product-image:has(> img){height:auto;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:none;margin:-13px -13px 0;padding:0;border-radius:0}
.product-card .product-image > img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;flex:none;padding:0}
.product-card:has(.product-image > img) h2{margin-top:-2px}
.product-card .product-meta{margin-top:auto;margin-bottom:0}
.product-card .price-wrap{margin-top:0}
@media(max-width:820px){.product-card .product-image:has(> img){margin:-9px -9px 0}}

.product-meta .product-color-swatch{border:0;box-shadow:none}
.product-card .inline-discount{font-size:11px;font-weight:400;color:#fff}
.product-card .old-price{color:#cdd1d5;text-decoration-color:#000;font-weight:400}
.product-card .price-main strong{font-size:18px;font-weight:440}
@media(max-width:820px){.product-card .price-main strong{font-size:16px}}
.sort-menu{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}