/* Ariyan Tamin UX v27 - practical mobile menu + simple shop filters */
:root{--v27-pink:#ef1749;--v27-ink:#1f2937;--v27-muted:#7c8795;--v27-line:#e8edf3;--v27-soft:#f7f9fb;--v27-green:#18a966}

/* MOBILE MENU */
.v27-mobile-drawer aside{padding:0!important;background:#fff!important}
.v27-drawer-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--v27-line);position:sticky;top:0;background:#fff;z-index:3}
.v27-drawer-logo img{width:125px;height:46px;object-fit:contain}
.v27-drawer-head>button{width:38px!important;height:38px!important;border-radius:12px!important;background:#f3f5f7!important;color:#293445!important;font-size:23px!important}
.v27-drawer-search{margin:12px 14px 7px;background:#f5f7f9;border:1px solid #e9edf2;border-radius:14px;height:48px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;overflow:hidden}
.v27-drawer-search span{text-align:center;color:#8792a0;font-size:20px}.v27-drawer-search input{border:0;background:transparent;outline:0;min-width:0;font-size:12px}.v27-drawer-search button{height:36px;margin-left:5px;border:0;border-radius:10px;background:var(--v27-pink);color:#fff;padding:0 12px;font-size:10px;font-weight:900}
.v27-drawer-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px 14px 13px;border-bottom:1px solid var(--v27-line)}
.v27-drawer-quick a{min-width:0!important;padding:9px 4px!important;border:1px solid #edf0f4!important;border-radius:13px!important;background:#fff;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;color:#394555!important;font-size:9px!important}
.v27-drawer-quick a.hot{background:#fff1f5;color:var(--v27-pink)!important;border-color:#ffd7e1!important}.v27-drawer-quick b{font-size:19px;line-height:1}.v27-drawer-quick i{position:absolute;top:5px;right:7px;background:var(--v27-pink);color:#fff;font-style:normal;font-size:8px;border-radius:20px;min-width:16px;height:16px;display:grid;place-items:center}
.v27-drawer-section{padding:15px 14px 5px}.v27-drawer-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:9px}.v27-drawer-section-title strong{font-size:13px}.v27-drawer-section-title small{font-size:8.5px;color:#929ba6}
.v27-mobile-categories{display:grid;gap:6px}.v27-mobile-category{border:1px solid #e9edf2;border-radius:13px;background:#fff;overflow:hidden}.v27-mobile-category summary{list-style:none;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:9px;min-height:55px;padding:6px 9px;cursor:pointer}.v27-mobile-category summary::-webkit-details-marker{display:none}.v27-mobile-category-icon{width:42px;height:42px;border-radius:11px;background:#f6f8fa;display:grid;place-items:center;overflow:hidden;color:var(--v27-pink);font-weight:900}.v27-mobile-category-icon img{width:36px;height:36px;object-fit:contain}.v27-mobile-category summary strong{font-size:11.5px}.v27-mobile-category summary i{font-style:normal;color:#8d97a3;transition:.15s}.v27-mobile-category[open] summary i{transform:rotate(180deg)}
.v27-mobile-category-body{padding:0 11px 11px 11px;border-top:1px solid #f0f2f5}.v27-all-category{display:block!important;margin:9px 0 7px;padding:9px 10px!important;border-radius:10px!important;background:#fff0f4!important;color:var(--v27-pink)!important;font-weight:900!important;font-size:10.5px!important}.v27-child-links{display:grid;grid-template-columns:1fr 1fr;gap:5px}.v27-child-links a,.v27-mobile-brand-links a{display:block!important;padding:7px 8px!important;border-radius:8px!important;background:#f7f9fb;color:#505b69!important;font-size:9.5px!important}.v27-mobile-brand-title{font-size:9px;font-weight:900;margin:10px 0 5px;color:#5e6977}.v27-mobile-brand-links{display:flex;gap:5px;flex-wrap:wrap}.v27-mobile-brand-links a{padding:5px 8px!important}
.v27-important-links{padding-bottom:10px}.v27-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v27-link-grid a{display:block!important;padding:9px 10px!important;border:1px solid #edf0f3;border-radius:10px!important;font-size:9.5px!important;background:#fff!important}
.v27-drawer-support{display:flex!important;align-items:center;gap:10px;margin:6px 14px 22px;padding:12px!important;border-radius:14px!important;background:#f3f8ff!important;color:#263a57!important}.v27-drawer-support>span{width:39px;height:39px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:20px}.v27-drawer-support small,.v27-drawer-support strong{display:block}.v27-drawer-support small{font-size:8.5px;color:#7d8a9d}.v27-drawer-support strong{font-size:12px;margin-top:2px}

/* MOBILE HEADER - make useful, not cramped */
@media(max-width:820px){
 .ishop-head-row{grid-template-columns:40px 96px 1fr 42px!important;gap:6px!important;height:64px!important}.ishop-logo img{max-width:94px!important}.ishop-search{height:40px!important;border-radius:12px!important}.ishop-search input{font-size:10px!important}.mobile-menu-btn{width:38px;height:38px;border:1px solid #e9edf2!important;border-radius:11px;background:#fff!important;font-size:20px!important;display:grid!important;place-items:center}.cart-action{border:1px solid #e9edf2!important;border-radius:11px!important}.v27-mobile-drawer aside{width:min(355px,92vw)!important}
}

/* SHOP */
.v27-shop{padding-top:5px;padding-bottom:35px}.v27-breadcrumbs{padding-bottom:8px}.v27-shop-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.v27-shop-head h1{font-size:25px;margin:0;color:var(--v27-ink)}.v27-shop-head p{font-size:10.5px;color:var(--v27-muted);margin:4px 0 0}.v27-total-count{font-size:10px;color:#929ca8;white-space:nowrap}
.v27-category-strip{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:3px 0 12px}.v27-category-strip::-webkit-scrollbar{display:none}.v27-category-card{flex:0 0 96px;border:1px solid #e8edf2;border-radius:14px;background:#fff;padding:8px 6px;text-align:center}.v27-category-card>span{width:52px;height:52px;margin:auto;display:grid;place-items:center;border-radius:12px;background:#f6f8fa;color:var(--v27-pink);font-weight:900;overflow:hidden}.v27-category-card img{width:46px;height:46px;object-fit:contain}.v27-category-card strong{display:block;font-size:9.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v27-easy-filterbar{display:flex;gap:7px;align-items:center;overflow:auto;scrollbar-width:none;padding:6px 0 12px;position:relative}.v27-easy-filterbar::-webkit-scrollbar{display:none}.v27-filter-main,.v27-quick-chip,.v27-clear-chip{height:38px;white-space:nowrap;border-radius:11px;border:1px solid #e3e9ef;background:#fff;color:#344152;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer}.v27-filter-main{background:#25344a;color:#fff;border-color:#25344a}.v27-filter-main i{min-width:18px;height:18px;border-radius:20px;background:var(--v27-pink);display:grid;place-items:center;font-style:normal;font-size:8px}.v27-quick-chip.active{border-color:#ffccd8;background:#fff2f5;color:var(--v27-pink)}.v27-dot{width:8px;height:8px;border-radius:50%}.v27-dot.green{background:#20b66d}.v27-dot.pink{background:var(--v27-pink)}.v27-clear-chip{border:0;color:#9a3b52;background:#fff2f5}
.v27-sort-mobile{display:none}.v27-shop-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:17px;align-items:start}.v27-filter-panel{position:sticky;top:142px;border:1px solid #e5ebf2;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 7px 24px rgba(28,40,58,.035)}.v27-filter-head{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #e8edf2}.v27-filter-head strong{display:block;font-size:16px}.v27-filter-head small{font-size:9px;color:#929ca8}.v27-filter-head>button{display:none;width:34px;height:34px;border:0;border-radius:10px;background:#f4f6f8;font-size:22px;color:#586373}
.v27-filter-section{border-bottom:1px solid #ebeff3}.v27-filter-title{width:100%;height:52px;border:0;background:#fff;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font:inherit;color:#2e3a4b;font-size:12px;font-weight:900}.v27-filter-title i{font-style:normal;color:#8994a2}.v27-filter-section:not(.open) .v27-filter-title i{transform:rotate(180deg)}.v27-filter-body{display:none;padding:0 14px 13px}.v27-filter-section.open .v27-filter-body{display:block}.v27-help{font-size:9px;line-height:1.8;color:#8b96a4;margin:0 0 10px}
.v27-big-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5;cursor:pointer}.v27-big-toggle:last-child{border-bottom:0}.v27-big-toggle b{display:block;font-size:11px}.v27-big-toggle small{display:block;font-size:8.5px;color:#98a1ad;margin-top:2px}.v27-big-toggle>span{position:relative;width:38px;height:22px}.v27-big-toggle input{position:absolute;opacity:0}.v27-big-toggle>span i{display:block;width:38px;height:22px;background:#dce4ec;border-radius:20px;position:relative;transition:.16s}.v27-big-toggle>span i:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;top:3px;right:3px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:.16s}.v27-big-toggle input:checked+i{background:var(--v27-green)}.v27-big-toggle input:checked+i:after{right:19px}
.v27-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v27-price-inputs label{border:1px solid #e1e7ed;border-radius:11px;padding:6px 9px;background:#fff}.v27-price-inputs small{display:block;font-size:8px;color:#9aa4b1}.v27-price-inputs input{border:0;outline:0;width:100%;font:inherit;font-size:10px;margin-top:2px}.v27-range{height:31px;position:relative;margin:12px 3px 0}.v27-range-line{position:absolute;right:0;left:0;top:13px;height:4px;border-radius:20px;background:#dfe6ed}.v27-range-line span{position:absolute;right:0;left:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#22b6ba,var(--v27-pink))}.v27-range input[type=range]{position:absolute;right:0;left:0;top:3px;width:100%;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}.v27-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--v27-pink);pointer-events:auto;box-shadow:0 2px 7px rgba(0,0,0,.15)}.v27-range input[type=range]:first-of-type::-webkit-slider-thumb{border-color:#22b6ba}
.v27-option-search{width:100%;height:38px;border:1px solid #e2e8ee;border-radius:10px;padding:0 10px;font:inherit;font-size:9.5px;margin-bottom:6px;outline:0}.v27-options{max-height:215px;overflow:auto}.v27-option{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10.5px;cursor:pointer}.v27-option>span{display:flex;align-items:center;gap:7px}.v27-option input{width:16px;height:16px;accent-color:var(--v27-pink)}.v27-option b{font-weight:650}.v27-option em{font-style:normal;color:#a0a9b4;font-size:9px}.v27-filter-footer{display:flex;gap:7px;padding:12px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e7ecf1}.v27-filter-footer a{width:90px;height:43px;border-radius:10px;background:#f2f4f6;display:grid;place-items:center;font-size:10px;font-weight:800}.v27-filter-footer button{flex:1;border:0;border-radius:10px;background:var(--v27-pink);color:#fff;font:inherit;font-size:10.5px;font-weight:900}
.v27-sort-desktop{display:flex;align-items:center;gap:3px;min-height:51px;border-bottom:1px solid #e9edf2;margin-bottom:12px}.v27-sort-desktop strong{font-size:10.5px;margin-left:5px}.v27-sort-desktop a{font-size:9.5px;font-weight:800;padding:7px 9px;border-radius:8px;color:#657181}.v27-sort-desktop a.active{background:#fff1f5;color:var(--v27-pink)}.v27-sort-desktop>span{margin-right:auto;font-size:9px;color:#9ba4af}.v27-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.v27-pagination{margin-top:16px}.v27-filter-overlay{display:none}

@media(max-width:1180px){.v27-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v27-shop-layout{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:900px){
 .v27-shop-head h1{font-size:20px}.v27-shop-head p{font-size:9.5px}.v27-shop-layout{grid-template-columns:1fr}.v27-filter-panel{position:fixed;top:auto;right:0;left:0;bottom:0;width:100%;height:min(82vh,720px);z-index:450;border-radius:24px 24px 0 0;transform:translateY(105%);transition:.22s;overflow:auto}.v27-filter-panel form{min-height:100%;display:flex;flex-direction:column}.v27-filter-head{position:sticky;top:0;background:#fff;z-index:3}.v27-filter-head>button{display:grid;place-items:center}.v27-filter-footer{margin-top:auto}.v27-filter-overlay{position:fixed;inset:0;background:rgba(19,28,41,.42);z-index:440;opacity:0;pointer-events:none;transition:.18s}.v27-filter-open .v27-filter-panel{transform:none}.v27-filter-open .v27-filter-overlay{display:block;opacity:1;pointer-events:auto}.v27-sort-desktop{display:none}.v27-sort-mobile{display:flex;align-items:center;justify-content:space-between;border:1px solid #e6ebf1;border-radius:12px;padding:8px 10px;margin-bottom:10px}.v27-sort-mobile label{font-size:10px;font-weight:800}.v27-sort-mobile select{border:0;outline:0;background:#f5f7f9;border-radius:9px;height:34px;padding:0 9px;font:inherit;font-size:9.5px}.v27-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:680px){
 .v27-shop{padding-top:0}.v27-breadcrumbs{padding:7px 0}.v27-shop-head{margin-bottom:7px}.v27-shop-head p{display:none}.v27-category-card{flex-basis:82px;padding:6px}.v27-category-card>span{width:44px;height:44px}.v27-category-card img{width:39px;height:39px}.v27-easy-filterbar{margin:0 -1px}.v27-filter-main,.v27-quick-chip,.v27-clear-chip{height:36px;padding:0 10px;font-size:9.5px}.v27-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.v27-product-grid .product-card{padding:8px!important}.v27-product-grid .product-thumb{height:135px!important}.v27-product-grid .product-name{font-size:9.5px!important;line-height:1.8!important}.v27-filter-panel{height:86vh}
}