/* Home page - reconstructed at the reference artboard width 1024px */
.home-page{max-width:1400px;margin-inline:auto;padding:0 0 0;overflow:hidden}
.home-hero{position:relative;margin-inline:auto;width:calc(100% - 56px);height:auto;aspect-ratio:968/258;border-radius:10px;overflow:hidden;background:#ead7c7}
.home-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .36s ease;pointer-events:none}
.home-hero-slide.is-current{opacity:1;visibility:visible;pointer-events:auto}
.home-hero-slide>img{width:100%;height:100%;object-fit:cover}
.home-hero-link{position:absolute;right:2.7%;top:61%;width:17.8%;height:18%;border-radius:24px}
.home-hero-arrow{position:absolute;z-index:2;top:51%;transform:translateY(-50%);border-radius:50%;background:#fefdf9eb;display:grid;place-items:center;width:30px;height:30px;color:#161716;box-shadow:0 1px 6px #0001}
.home-hero-prev{left:13px}.home-hero-next{right:13px;display:none}
.home-hero-dots{position:absolute;z-index:2;display:flex;gap:7px;bottom:14px;left:50%;transform:translateX(-50%);align-items:center;direction:ltr}
.home-hero-dots button,.home-hero-dots span{display:block;width:6px;height:5px;padding:0;border-radius:6px;background:#fff9;box-shadow:0 0 1px #0004}
.home-hero-dots button.on{width:10px;background:#fff}
.home-hero-alt{position:absolute;top:20%;right:8%;padding:18px 25px;max-width:55%;border-radius:18px;background:#fff8;backdrop-filter:blur(7px);text-align:right}
.home-hero-alt h2{font-size:clamp(16px,2.6vw,28px)}.home-hero-alt p{font-size:clamp(10px,1.2vw,14px);margin:7px 0 18px}.home-hero-alt a{display:inline-flex;align-items:center;gap:8px;background:#1d2427;color:white;padding:7px 18px;border-radius:22px}
.home-categories{margin:19px auto 0;width:calc(100% - 66px);height:112px}
.home-category-track{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:6px;overflow-x:auto;scrollbar-width:none;direction:rtl}
.home-category-track::-webkit-scrollbar{display:none}
.home-cat{display:flex;flex:0 0 72px;min-width:0;flex-direction:column;align-items:center;gap:6px;text-align:center;white-space:nowrap;color:#1f2021;font-size:10.5px;font-weight:650;line-height:18px}
.home-cat>img{width:66px;height:67px;border-radius:50%;object-fit:cover;transition:transform .2s}
.home-cat:hover>img{transform:translateY(-3px)}
.home-promo-row{width:calc(100% - 66px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;direction:rtl}
.home-promo{display:block;position:relative;overflow:hidden;border-radius:8px;aspect-ratio:474/172}
.home-promo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-promo:hover img{transform:scale(1.015)}
.home-shop-section{margin-inline:auto;width:calc(100% - 66px)}
.home-specials{margin-top:24px}
.home-shop-heading{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:16px}
.home-shop-heading h2{font-size:16px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;gap:9px}
.home-shop-heading h2 span{font-size:19px}
.home-shop-heading a{display:flex;align-items:center;gap:4px;color:#1d2021;font-size:9px}
.home-carousel{position:relative;padding:0 17px}
.home-product-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px;direction:rtl;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.home-product-track::-webkit-scrollbar{display:none}
.home-product{position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:right;direction:rtl;scroll-snap-align:start}
.home-product-picture{display:block;width:100%;aspect-ratio:168/123;background:#f5eee9;overflow:hidden;border-radius:6px}
.home-product-picture img{display:block;width:100%;height:100%;object-fit:cover}
.home-heart{position:absolute;left:0;top:0;width:39px;height:37px;background:none;border-radius:50%;padding:0}
.home-heart.liked::after{content:'♥';position:absolute;top:8px;left:11px;display:grid;place-items:center;color:#e63458;font-size:20px;line-height:1}
.home-product-name{padding-top:6px;color:#1d2022;font-size:10.5px;line-height:19px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-product-price{margin-top:1px;display:flex;justify-content:flex-start;align-items:center;gap:3px;font-size:10.5px;color:#17181a;min-height:20px}
.home-product-price strong{font-size:11px;font-weight:700}.home-product-price strong.sale-price{color:#e52c43}
.home-product-price del{order:2;color:#9e9d9a;margin-right:2px;font-size:9px}
.home-arrow{position:absolute;top:62px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 9px #0000000c;background:#fffcf9;color:#242424}
.home-arrow-r{right:-7px}.home-arrow-l{left:-19px}
.home-second-promos{margin-top:19px}.home-second-promos .home-promo{aspect-ratio:474/144}
.home-bests{margin-top:19px}.home-bests .home-shop-heading{margin-bottom:16px}
.home-bests .home-product-picture{aspect-ratio:169/110}
.home-bests .home-arrow{top:50px}
.crown-mark{color:#d7a34a;font-size:24px!important;font-weight:400;line-height:.8}
.home-benefits.container{width:calc(100% - 66px);margin-top:23px}
.home-benefits .benefits{padding:0;gap:12px}
.home-benefits .benefit{background:#f7f1eb;min-height:60px;padding:8px 6px;border-radius:9px;gap:9px}
.home-benefits .benefit b{font-size:10.5px}.home-benefits .benefit small{font-size:8.5px}
.home-page+.site-footer{margin-top:17px}
/* Mobile: preserve the art direction, turn product grids into swipeable carousels */
@media(max-width:900px){.home-cat{flex-basis:70px}.home-category-track{justify-content:flex-start;gap:12px}.home-product-track{gap:12px}.home-carousel{padding:0 9px}.home-arrow-r{right:-8px}.home-arrow-l{left:-8px}.home-product-name{font-size:10px}}
@media(max-width:700px){.home-page{padding-top:8px}.home-hero{width:calc(100% - 26px);height:265px;aspect-ratio:auto}.home-hero-slide:first-child>img{object-fit:cover;object-position:26% center}.home-hero-slide:first-child::after{content:'زیبایی در جزئیات است';position:absolute;bottom:52px;right:11px;color:#fff;font-weight:800;text-shadow:0 2px 12px #0008;background:#201d1a55;padding:5px 12px;border-radius:8px;font-size:19px}.home-hero-link{inset:0;width:auto;height:auto}.home-hero-dots{bottom:14px}.home-hero-alt{right:9%;top:25%;max-width:82%}.home-categories{width:calc(100% - 24px);height:110px;margin-top:15px}.home-promo-row{width:calc(100% - 26px);grid-template-columns:1fr;gap:13px}.home-promo{aspect-ratio:474/172}.home-shop-section{width:calc(100% - 26px)}.home-shop-heading{margin-bottom:12px}.home-specials{margin-top:20px}.home-product-track{display:flex;gap:12px}.home-product{flex:0 0 160px}.home-product-picture,.home-bests .home-product-picture{aspect-ratio:168/123}.home-second-promos{margin-top:17px}.home-second-promos .home-promo{aspect-ratio:474/144}.home-bests{margin-top:20px}.home-benefits.container{width:calc(100% - 26px);margin-top:21px}.home-benefits .benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-benefits .benefit{min-height:63px}.home-hero-next{display:grid}}
@media(min-width:701px) and (max-width:1100px){.home-product-track{gap:19px}.home-product{min-width:0}}
@media(prefers-reduced-motion:reduce){.home-hero-slide,.home-promo img,.home-cat>img{transition:none}}

/* Final alignments matched to the uploaded 1024 × 1536 artboard. */
body[data-page="index"] .header-actions{flex-direction:row-reverse}
body[data-page="index"] .top-nav{padding-inline:26px}
body[data-page="index"] .header-search{width:289px}
.home-category-track{padding-inline:13px}
.home-second-promos{margin-top:28px}
.home-product-track{display:flex}
.home-product{flex:0 0 calc((100% - 76px)/5)}
.home-page+.site-footer .footer-inner{padding-top:13px;padding-bottom:7px;min-height:130px}
@media(max-width:700px){
 body[data-page="index"] .top-nav{padding-inline:0}
 body[data-page="index"] .header-search{width:auto}
 .home-category-track{padding-inline:0}
 .home-product{flex-basis:160px}
 .home-second-promos{margin-top:17px}
 .home-page+.site-footer .footer-inner{padding:20px 4px 15px}
}
body[data-page="index"] .header-search{transform:translateX(14px)}
/* On the screenshot-matched initial slide these controls are already visible in the reference photography; keep one visible copy and retain clickable hit targets. */
.home-hero:has(.home-hero-slide:first-child.is-current) .home-hero-prev,
.home-hero:has(.home-hero-slide:first-child.is-current) .home-hero-dots button,
.home-hero:has(.home-hero-slide:first-child.is-current) .home-hero-dots span{opacity:0}
@media(max-width:700px){body[data-page="index"] .header-search{transform:none}.home-hero:has(.home-hero-slide:first-child.is-current) .home-hero-prev{opacity:1}.home-hero:has(.home-hero-slide:first-child.is-current) .home-hero-dots button,.home-hero:has(.home-hero-slide:first-child.is-current) .home-hero-dots span{opacity:1}}