/* Icolan commerce refresh — editorial fashion UI with a dependable shopping flow. */
:root{
    --shop-ink:#181713;
    --shop-paper:#f7f3ec;
    --shop-sand:#e9dfd2;
    --shop-caramel:#9d6845;
    --shop-moss:#3f6c50;
    --shop-line:rgba(31,27,22,.12);
    --shop-ease:cubic-bezier(.2,.75,.2,1);
}

/* Catalogue story header */
.catalog-hero--fashion{
    width:min(1510px,calc(100% - 32px));
    min-height:580px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);
    align-items:stretch;
    gap:0;
    margin-top:24px;
    padding:0;
    overflow:hidden;
    border-radius:32px;
    background:#e9e0d5;
    color:var(--shop-ink);
    box-shadow:0 24px 80px rgba(49,38,29,.1);
}
.catalog-hero__media{position:relative;min-width:0;overflow:hidden;background:#d9cec0}
.catalog-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(233,224,213,.72))}
.catalog-hero__media picture,.catalog-hero__media img{display:block;width:100%;height:100%}
.catalog-hero__media img{object-fit:cover;object-position:center;transition:transform 1.1s var(--shop-ease)}
.catalog-hero--fashion:hover .catalog-hero__media img{transform:scale(1.025)}
.catalog-hero__media>span{position:absolute;z-index:2;right:26px;bottom:24px;color:#fff;font-size:11px;letter-spacing:2px;direction:ltr;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.catalog-hero__copy{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:0!important;padding:clamp(42px,6vw,88px);background:linear-gradient(145deg,#f4eee6,#e8ded1)}
.catalog-hero__copy:after{content:"✦";position:absolute;top:38px;left:44px;color:#a86448;font-size:33px;font-weight:300;transform:rotate(12deg)}
.catalog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:38px;color:#777066;font-size:11px}
.catalog-breadcrumb a{border-bottom:1px solid transparent}.catalog-breadcrumb a:hover{border-color:currentColor;color:#191713}
.catalog-hero__eyebrow{margin:0 0 11px;color:#85583d;font-size:12px;font-weight:800}
.catalog-hero__title{display:flex!important;align-items:flex-end!important;gap:14px!important}
.catalog-hero__title h1{max-width:620px;margin:0!important;font-size:clamp(45px,5.4vw,78px)!important;line-height:1.05;letter-spacing:-2.5px}
.catalog-hero__title>span{padding-bottom:8px!important;color:#71695f!important;font-size:12px!important;white-space:nowrap}
.catalog-hero__lead{max-width:530px;margin:24px 0 0;color:#5f5a52;font-size:14px;line-height:2}
.catalog-hero__promises{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}
.catalog-hero__promises span{padding:7px 11px;border:1px solid rgba(36,30,25,.14);border-radius:999px;background:rgba(255,255,255,.35);font-size:10px;font-weight:700}
.catalog-hero--fashion .catalog-show-all{min-width:0;margin-top:32px;padding:13px 15px;border-color:#24211d;background:#24211d;color:#fff}
.catalog-hero--fashion .catalog-show-all span{color:#cfc8bf}

.catalog-category-strip{position:relative;gap:10px;padding-block:30px 40px}
.catalog-category-strip:before{content:"دسته‌بندی سریع";display:grid;place-items:center;flex:0 0 auto;padding-inline-end:15px;color:#766d64;font-size:11px;font-weight:800}
.catalog-category-strip a{min-height:42px;padding:9px 16px;border-color:var(--shop-line);background:#fbfaf7;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.catalog-category-strip a:hover{transform:translateY(-2px)}
.catalog-category-strip a.active{background:var(--shop-ink);border-color:var(--shop-ink)}

/* Filter rail and toolbar */
.catalog-layout{grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start}
.catalog-filters{top:112px;padding:25px;border-radius:24px;background:#faf8f4;border-color:var(--shop-line);box-shadow:0 15px 45px rgba(41,34,27,.05)}
.catalog-filters__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--shop-line)}
.catalog-filters__header small{display:block;margin-bottom:2px;color:#9a6a4d;font-size:10px;font-weight:800}
.catalog-filters__header h2{margin:0;font-size:20px}.catalog-filters__header>button{display:none}
.catalog-filters>a{padding:9px 2px!important;border-bottom:1px solid rgba(31,27,22,.07);border-radius:0!important;transition:padding .2s ease}
.catalog-filters>a:hover{padding-inline-start:7px!important}.catalog-filters>a.active{background:transparent!important;color:var(--shop-caramel)!important}
.catalog-filters__form{display:grid!important;gap:11px!important}
.catalog-filters__form label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--shop-line);border-radius:14px;background:#fff;cursor:pointer}
.catalog-filters__form label>span{display:flex;align-items:center;gap:8px}.catalog-filters__form input{accent-color:var(--shop-ink)}
.catalog-filters__form label>i{width:7px;height:7px;border-radius:50%;background:#cfc8bd}
.catalog-filters__form label:has(input:checked)>i{background:var(--shop-moss);box-shadow:0 0 0 4px rgba(63,108,80,.1)}
.catalog-filters__form .button{margin-top:4px!important;border-radius:13px!important;background:var(--shop-ink)!important;color:#fff!important}
.catalog-filter-trigger,.catalog-filter-backdrop{display:none}
.catalog-toolbar{position:sticky;z-index:12;top:98px;padding:12px;border:1px solid var(--shop-line);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 12px 38px rgba(39,33,27,.06);backdrop-filter:blur(14px)}
.catalog-toolbar input,.catalog-toolbar select{min-height:48px;border-radius:12px!important;border-color:var(--shop-line)!important;background:#faf8f4!important}
.catalog-toolbar .button{border-radius:12px!important;background:var(--shop-ink)!important}

/* Fashion product cards */
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 22px;margin-top:30px}
.product-card--fashion{position:relative;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;transform:none}
.product-card--fashion:hover{box-shadow:none;transform:none}
.product-card__media{position:relative;isolation:isolate}
.product-card--fashion .product-image{position:relative;display:block;height:auto;aspect-ratio:4/5;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#eee6db,#ddd2c4)}
.product-card--fashion .product-image:before{content:"";position:absolute;z-index:5;inset:0;background:linear-gradient(110deg,#e7ded2 18%,#f7f2eb 42%,#e7ded2 68%);background-size:220% 100%;animation:icolan-card-skeleton 1.35s linear infinite;transition:opacity .35s ease}
.product-card--fashion .product-image.is-loaded:before{opacity:0;pointer-events:none}
@keyframes icolan-card-skeleton{to{background-position-x:-220%}}
.product-card--fashion .product-image picture{position:absolute;inset:0;display:block;width:100%;height:100%;background:#eee8df;transition:opacity .55s var(--shop-ease),transform .7s var(--shop-ease)}
.product-card--fashion .product-image img{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center;transition:transform .7s var(--shop-ease)}
.product-image__alternate{opacity:0;transform:scale(1.025)}
.product-card--fashion:hover .product-image__alternate{opacity:1;transform:scale(1)}
.product-card--fashion:hover .product-image__primary{opacity:0;transform:scale(.985)}
.product-image__hint{position:absolute;z-index:4;left:16px;bottom:14px;padding:6px 9px;border-radius:999px;background:rgba(25,23,20,.72);color:#fff;font-size:9px;opacity:0;transform:translateY(7px);backdrop-filter:blur(8px);transition:.3s ease}
.product-card--fashion:hover .product-image__hint{opacity:1;transform:none}
.product-card__badges{position:absolute;z-index:7;top:13px;right:13px;display:flex;gap:7px}
.product-card--fashion .sale-label{position:static;padding:6px 10px;border-radius:999px;background:#8a4f3d;font-size:10px;font-weight:800;box-shadow:0 8px 20px rgba(44,29,23,.12)}
.product-card--fashion .sale-label.is-unavailable{background:#363330}.product-card--fashion .sale-label.is-featured{background:#496b53}
.product-card--fashion .wishlist-toggle{position:absolute;z-index:8;top:13px;left:13px;margin:0}
.product-card--fashion .wishlist-toggle button{width:38px;height:38px;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(35,28,22,.12);backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease}
.product-card--fashion .wishlist-toggle button:hover{transform:scale(1.08)}
.product-card--fashion .product-card-body{padding:16px 3px 0;text-align:right}
.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:21px;color:#8a7a6c;font-size:10px;font-weight:700}
.product-card--fashion .product-card-rating{margin:0;display:flex;align-items:center;gap:3px}.product-card--fashion .product-card-rating i{color:#aa762b;font-style:normal}
.product-card--fashion h3{margin:6px 0 9px;font-size:16px;line-height:1.6}.product-card--fashion h3 a{background:linear-gradient(currentColor,currentColor) 100% 100%/0 1px no-repeat;transition:background-size .3s ease}.product-card--fashion h3 a:hover{background-size:100% 1px}
.product-card__options{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px}
.product-card--fashion .swatches{justify-content:flex-start;gap:7px}.product-card--fashion .swatches i{width:14px;height:14px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(32,28,24,.25)}
.product-card--fashion .swatches.sizes i{width:27px;height:22px;border-width:1px}.product-card__options>small,.product-card__single-option{color:#8e8982;font-size:9px}
.product-card__commerce{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--shop-line)}
.product-card--fashion .price{display:grid;justify-items:start;gap:0;margin:0;text-align:right}.product-card--fashion .price>span{color:#969087;font-size:9px}.product-card--fashion .price strong{font-size:14px}.product-card--fashion .price del{font-size:10px}
.product-card__quick-add{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin:0;color:inherit}
.product-card__quick-add button,.product-card__quick-add:not(form){min-height:39px;display:inline-flex;align-items:center;gap:11px;padding:8px 13px;border:1px solid var(--shop-ink);border-radius:999px;background:transparent;color:var(--shop-ink);font:inherit;font-size:10px;font-weight:800;transition:background .25s ease,color .25s ease,transform .25s ease}
.product-card__quick-add button:hover,.product-card__quick-add:not(form):hover{background:var(--shop-ink);color:#fff;transform:translateY(-2px)}
.product-card__quick-add b{font-size:15px;font-weight:500}.product-card--fashion .product-card__compare{margin-top:10px;padding-top:0;border:0}.product-card--fashion .product-card__compare button{justify-content:flex-start;padding:0;border:0;background:transparent;color:#8b867e;font-size:9px}.product-card--fashion .product-card__compare button:hover{color:var(--shop-ink)}

/* Product detail image and purchase confidence */
.product-editorial-page .editorial-product{background:linear-gradient(135deg,#f6f1e9,#e8dfd4)}
.product-editorial-page .editorial-product__main-image{border-radius:36px;background:linear-gradient(145deg,#eee6db,#dcd0c1);box-shadow:0 30px 90px rgba(48,38,29,.16)}
.product-editorial-page .editorial-product__main-image img{object-fit:contain}
.editorial-product__zoom{position:absolute;z-index:5;left:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:rgba(255,255,255,.82);color:#26231f;font-size:9px;backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease}
.editorial-product__zoom:hover{background:#fff;transform:translateY(-2px)}.editorial-product__zoom span{font-size:15px}.editorial-product__zoom b{font-weight:800}
.editorial-product__image-count{position:absolute;z-index:5;top:22px;left:22px;padding:6px 9px;border-radius:999px;background:rgba(28,26,23,.68);color:#fff;font-size:9px;backdrop-filter:blur(8px)}
.editorial-product__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;border:1px solid rgba(30,27,23,.12);background:rgba(30,27,23,.12)}
.editorial-product__trust>div{display:flex;align-items:center;gap:9px;padding:12px;background:rgba(255,255,255,.48)}
.editorial-product__trust>div>span{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:50%;background:#fff;color:#5a745f;font-size:11px}.editorial-product__trust p{margin:0}.editorial-product__trust strong,.editorial-product__trust small{display:block}.editorial-product__trust strong{font-size:10px}.editorial-product__trust small{color:#777168;font-size:8px}

.product-lightbox{width:min(1100px,calc(100% - 32px));height:min(94svh,900px);padding:0;border:0;border-radius:28px;background:#f5f0e9;color:var(--shop-ink);box-shadow:0 40px 120px rgba(0,0,0,.32);overflow:hidden}
.product-lightbox::backdrop{background:rgba(20,18,16,.76);backdrop-filter:blur(8px)}
.product-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr);animation:icolan-lightbox-in .35s var(--shop-ease)}
@keyframes icolan-lightbox-in{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.product-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;border-bottom:1px solid var(--shop-line)}
.product-lightbox__bar span,.product-lightbox__bar strong{display:block}.product-lightbox__bar span{color:#8b7463;font-size:8px;letter-spacing:1.7px}.product-lightbox__bar strong{font-size:13px}.product-lightbox__bar button{width:39px;height:39px;border:1px solid var(--shop-line);border-radius:50%;background:#fff;font-size:24px}
.product-lightbox figure{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;padding:20px}.product-lightbox figure img{width:100%;height:100%;min-height:0;object-fit:contain}.product-lightbox figcaption{text-align:center;padding-top:8px;color:#777067;font-size:10px}

@media(min-width:1051px){
    .product-editorial-page .delivery-status-rail,body:has(.catalog-layout) .delivery-status-rail{right:auto;left:86px;min-width:min(460px,calc(100vw - 180px));transform:none}
}

@media(max-width:1120px){
    .catalog-hero--fashion{min-height:510px;grid-template-columns:1fr 1fr}.catalog-hero__copy{padding:42px}.catalog-hero__title h1{font-size:51px!important}
    .catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:25px}.catalog-grid{gap:34px 16px}
    .product-card__quick-add button,.product-card__quick-add:not(form){padding-inline:10px}.product-card__quick-add span{display:none}
    .editorial-product__trust{grid-template-columns:1fr}.editorial-product__trust>div{padding:8px 10px}
}

@media(max-width:760px){
    .catalog-hero--fashion{width:100%;min-height:0;display:flex;flex-direction:column;margin-top:0;border-radius:0;box-shadow:none}
    .catalog-hero__media{height:44svh;min-height:330px;order:0}.catalog-hero__media:after{background:linear-gradient(0deg,rgba(32,27,23,.2),transparent 48%)}
    .catalog-hero__copy{order:1;padding:29px 18px 32px}.catalog-hero__copy:after{top:24px;left:18px;font-size:24px}
    .catalog-breadcrumb{margin-bottom:23px}.catalog-hero__eyebrow{font-size:10px}.catalog-hero__title{align-items:baseline!important;justify-content:space-between;width:100%}
    .catalog-hero__title h1{font-size:39px!important;letter-spacing:-1.5px}.catalog-hero__title>span{font-size:10px!important}.catalog-hero__lead{margin-top:16px;font-size:12px}.catalog-hero__promises{margin-top:20px}
    .catalog-hero--fashion .catalog-show-all{width:100%;margin-top:23px}
    .catalog-category-strip{padding-block:17px 24px}.catalog-category-strip:before{display:none}.catalog-category-strip a{min-height:38px;padding:7px 13px}
    .catalog-layout{display:block;width:100%;padding-inline:14px}.catalog-main{width:100%}
    .catalog-filter-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:10px 15px;border:1px solid var(--shop-line);border-radius:14px;background:#f6f1ea;color:var(--shop-ink);font:inherit;font-size:12px;font-weight:800}
    .catalog-filter-backdrop:not([hidden]){position:fixed;z-index:89;inset:0;display:block;border:0;background:rgba(24,21,18,.45);backdrop-filter:blur(4px)}
    .catalog-filters{position:fixed!important;z-index:90;inset:auto 0 0;max-height:82svh;margin:0!important;padding:22px 18px calc(22px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:28px 28px 0 0!important;background:#fbf8f3;overflow:auto;transform:translateY(105%);visibility:hidden;transition:transform .42s var(--shop-ease),visibility .42s}
    .catalog-filters.is-open{transform:none;visibility:visible}.catalog-filters__header>button{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--shop-line);border-radius:50%;background:#fff;font-size:23px}.catalog-filters h2,.catalog-filters>a{display:flex!important}
    .catalog-filters__form{margin-top:18px!important;padding-top:18px!important}.filter-open{overflow:hidden}
    .catalog-toolbar{position:relative;top:auto;grid-template-columns:1fr 1fr;padding:10px;border-radius:15px}.catalog-toolbar .catalog-search{grid-column:1/-1}.catalog-toolbar .button{grid-column:1/-1}
    .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 10px;margin-top:22px}
    .catalog-grid .product-card{min-width:0}.product-card--fashion .product-image{height:auto;aspect-ratio:4/5;border-radius:17px}.product-image__alternate,.product-image__hint{display:none}
    .product-card--fashion .wishlist-toggle{top:8px;left:8px}.product-card--fashion .wishlist-toggle button{width:34px;height:34px}.product-card__badges{top:8px;right:8px}.product-card--fashion .sale-label{padding:5px 7px;font-size:8px}
    .product-card--fashion .product-card-body{padding-top:11px}.product-card__meta{font-size:8px}.product-card--fashion h3{font-size:12px;margin:4px 0 7px}.product-card__options>small{display:none}.product-card--fashion .swatches{gap:5px}.product-card--fashion .swatches i{width:11px;height:11px}
    .product-card__commerce{align-items:center;gap:4px;margin-top:8px;padding-top:9px}.product-card--fashion .price strong{font-size:11px;white-space:nowrap}.product-card--fashion .price del{font-size:8px}.product-card__quick-add button,.product-card__quick-add:not(form){width:35px;height:35px;min-height:35px;padding:0;border-radius:50%}.product-card__quick-add span{display:none}.product-card__quick-add b{font-size:14px}.product-card--fashion .product-card__compare{display:none}
    .product-editorial-page .editorial-product__main-image{border-radius:0}.editorial-product__zoom{left:16px;bottom:16px}.editorial-product__zoom b{display:none}.editorial-product__image-count{top:16px;left:16px}.editorial-product__trust{grid-template-columns:repeat(3,1fr);margin-top:18px}.editorial-product__trust>div{display:block;text-align:center;padding:9px 5px}.editorial-product__trust>div>span{margin:0 auto 5px}.editorial-product__trust small{display:none}
    .product-lightbox{width:100%;height:100svh;max-height:none;border-radius:0}.product-lightbox figure{padding:12px}.product-lightbox__bar{padding:13px 15px}
}

.mobile-product-dock__restock[hidden]{display:none!important}

@media(prefers-reduced-motion:reduce){
    .catalog-hero__media img,.product-card--fashion .product-image picture,.product-card--fashion .product-image img{transition:none!important;transform:none!important}
    .product-card--fashion .product-image:before{animation:none;background:#e8e0d5}
    .product-lightbox[open]{animation:none}
}
