/* Measured against icolan.ir: 3:4 media, 32/12px gutters, four/two-card rails.
   Keep COLORS photography, palette and product truth; never stretch a subject. */
.container{width:min(1380px,calc(100% - 64px));margin-inline:auto}
.product-card--fashion{border:0;border-radius:24px;background:transparent;overflow:visible;transition:transform .3s,box-shadow .3s}
.product-card--fashion .product-card__media{position:relative}
.product-card--fashion .product-image{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:3/4;min-height:0;overflow:hidden;border-radius:14px!important}
.product-card--fashion .product-image picture{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .35s ease}
.product-card--fashion .product-image img{display:block;width:100%;height:100%}
.product-card--fashion .product-image__primary{opacity:1}
.product-card--fashion .product-image__alternate{opacity:0}
.product-card--fashion .product-image__hint{position:absolute;left:12px;bottom:12px;z-index:4;font-size:9px;padding:5px 8px;border-radius:999px;opacity:0;pointer-events:none}
@media(hover:hover){.product-card--fashion:hover .product-image__alternate{opacity:1}.product-card--fashion:hover .product-image:has(.product-image__alternate) .product-image__primary{opacity:0}.product-card--fashion:hover .product-image:has(.product-image__alternate) .product-image__hint{opacity:1}}
.product-card--fashion.product-card--studio .product-image img{object-fit:contain;object-position:center;padding:12px 10px;transform:none}
.product-card--fashion .product-card-body{padding:10px 2px 0}
.product-card--fashion .product-card__title-row h3{font-size:13px;line-height:1.65;margin:2px 0;min-width:0}
.product-card--fashion .product-card__commerce{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:6px;padding-top:7px;border-top:1px solid var(--line)}
.product-card--fashion .price{display:grid;justify-items:start;gap:0;margin:0;text-align:right}
.product-card--fashion .price>span{color:var(--muted)}
.cr-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}
.colors-autumn{padding-block:34px 90px}
.colors-autumn__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.colors-autumn__head>div{position:relative;isolation:isolate;padding-block:12px 8px;min-width:0;text-align:right}
.colors-autumn__head h2{font-size:32px;line-height:1.45;margin:0;font-weight:850;color:var(--ink)}
.colors-autumn__head>div>span{display:block;font:600 11px/1.4 Georgia,serif;letter-spacing:.04em;text-align:right}
.colors-autumn__all{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:12px}
.colors-autumn-grid{display:flex;justify-content:center;gap:18px;padding:4px 2px 18px;overflow-x:auto;overflow-y:hidden;direction:ltr;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-inline:contain;scrollbar-width:none}
.colors-autumn-grid::-webkit-scrollbar{display:none}
.colors-autumn-grid>.product-card{flex:0 0 calc((100% - 54px)/4);width:calc((100% - 54px)/4);min-width:0;direction:rtl;scroll-snap-align:center;scroll-snap-stop:always}
.colors-autumn-grid.is-pointer-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.colors-autumn__head .seasonal-collection__leaves{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
@media(max-width:1050px){
 .colors-autumn-grid>.product-card{flex-basis:calc((100% - 18px)/2);width:calc((100% - 18px)/2)}
 .colors-autumn-grid{justify-content:flex-start}
 .cr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){.product-card--fashion .product-image{border-radius:11px!important}}
@media(max-width:760px){
 .container{width:calc(100% - 24px)}
 .colors-autumn{padding-block:22px 40px}
 .colors-autumn__head{align-items:flex-end;gap:10px;margin-bottom:15px}
 .colors-autumn__head>div{padding-block:5px 8px}
 .colors-autumn__head h2{font-size:21px}
 .colors-autumn__head>div>span{font-size:9px}
 .colors-autumn__all{min-height:31px;padding:4px 9px;font-size:9px;gap:5px}
 .colors-autumn-grid{gap:10px;padding-bottom:12px}
 .colors-autumn-grid>.product-card{flex-basis:calc((100% - 10px)/2);width:calc((100% - 10px)/2)}
 .cr-product-grid{gap:25px 10px}
 .product-card--fashion .product-card-body{padding:7px 2px 0}
 .product-card--fashion.product-card--studio .product-image img{padding:9px 6px}
 .product-card--fashion .product-card__title-row h3{font-size:10.5px;line-height:1.55}
 .product-card--fashion .product-card__design-label{font-size:9px;padding:2px 5px}
 .product-card--fashion .product-image__alternate,.product-card--fashion .product-image__hint{display:none}
}
