@charset "UTF-8";
:root {
  --paper: #f8f6f2;
  --surface: #fffefa;
  --ink: #24251f;
  --muted: #77776e;
  --line: #e6e2d9;
  --accent: #c95f43;
  --accent-dark: #a74630;
  --olive: #66715b;
  --radius: 18px;
  --shadow: 0 18px 55px rgba(36,37,31,.09);
  --font: "Vazirmatn", Tahoma, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 135px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font); line-height: 1.8; }
body.modal-open { overflow: hidden; }
button, input, select { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }

.announcement { display:flex; align-items:center; justify-content:center; gap:9px; min-height:34px; padding:6px 16px; background:#25271f; color:#f9f5ec; font-size:11px; letter-spacing:.1px; text-align:center; }
.announcement__dot { width:6px; height:6px; border-radius:50%; background:#d9a27d; box-shadow:0 0 0 4px rgba(217,162,125,.13); }
.site-header { position:sticky; top:0; z-index:20; background:rgba(248,246,242,.94); backdrop-filter:blur(16px); border-bottom:1px solid rgba(36,37,31,.08); }
.header-main { min-height:88px; display:grid; grid-template-columns: 190px minmax(220px, 1fr) auto; gap:32px; align-items:center; }
.brand { display:inline-flex; align-items:center; gap:10px; width:max-content; }
.brand__mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--ink); border-radius:50%; font-family:Georgia,serif; font-size:25px; font-style:italic; line-height:1; }
.brand__text { display:flex; flex-direction:column; line-height:1.2; }
.brand__text strong { font-size:22px; font-weight:800; letter-spacing:-1px; }
.brand__text small { margin-top:5px; color:var(--muted); font-family:Arial,sans-serif; font-size:8px; letter-spacing:1.4px; direction:ltr; }
.search { display:flex; align-items:center; gap:11px; height:47px; padding:0 15px; background:#eeece6; border:1px solid transparent; border-radius:7px; transition:.2s; }
.search:focus-within { background:#fffefa; border-color:#bcb8ac; box-shadow:0 0 0 3px rgba(102,113,91,.08); }
.search svg, .header-actions svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font-size:12px; }
.search input::placeholder { color:#8e8c82; }
.search__clear { border:0; background:transparent; color:var(--muted); font-size:22px; line-height:1; }
.header-actions { display:flex; align-items:center; gap:18px; }
.account-button, .cart-button { display:flex; align-items:center; gap:8px; padding:9px 0; border:0; background:transparent; color:var(--ink); font-size:11px; white-space:nowrap; }
.account-button:hover, .cart-button:hover { color:var(--accent-dark); }
.cart-button { padding-inline-start:18px; border-inline-start:1px solid var(--line); }
.category-nav { border-top:1px solid rgba(36,37,31,.055); }
.category-nav__inner { display:flex; align-items:center; gap:28px; overflow-x:auto; scrollbar-width:none; min-height:44px; }
.category-nav__inner::-webkit-scrollbar { display:none; }
.nav-link { position:relative; flex-shrink:0; color:#77776e; font-size:11px; transition:color .2s; }
.nav-link::after { content:""; position:absolute; right:0; bottom:-13px; width:0; height:2px; background:var(--accent); transition:width .2s; }
.nav-link:hover, .nav-link.is-active { color:var(--ink); }
.nav-link.is-active::after { width:100%; }

.hero { min-height:510px; display:grid; grid-template-columns: .88fr 1.12fr; align-items:center; gap:60px; padding-block:52px 60px; }
.hero__content { padding-inline-start:6%; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--olive); font-family:Arial,sans-serif; font-size:10px; letter-spacing:1.5px; direction:ltr; }
.hero .eyebrow { font-family:var(--font); letter-spacing:0; font-size:11px; direction:rtl; }
.eyebrow > span { display:inline-block; width:7px; height:7px; background:var(--accent); border-radius:50%; }
.hero h1 { margin:17px 0 18px; font-size:clamp(43px,5.2vw,70px); line-height:1.28; letter-spacing:-2.5px; font-weight:800; }
.hero h1 em { color:var(--accent); font-style:normal; }
.hero__content > p { max-width:390px; margin:0 0 27px; color:#77776e; font-size:13px; line-height:2.2; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:26px; min-height:47px; padding:0 21px; border:1px solid transparent; border-radius:5px; font-size:12px; font-weight:600; transition:transform .2s, background .2s, color .2s, border-color .2s; }
.button:hover { transform:translateY(-2px); }
.button--dark { background:var(--ink); color:white; }
.button--dark:hover { background:#414338; }
.button--outline { background:transparent; border-color:var(--line); color:var(--ink); }
.button--light { background:var(--surface); color:var(--ink); }
.button--light:hover { background:#f0e9de; }
.hero__note { display:flex; align-items:center; gap:11px; margin-top:28px; color:#8a887e; font-size:10px; }
.hero__note-line { width:28px; height:1px; background:#aaa69a; }
.hero__visual { position:relative; padding:0 20px 0 10px; }
.hero__image-wrap { position:relative; overflow:hidden; height:405px; background:#d9d5c9; }
.hero__image { width:100%; height:100%; object-fit:cover; }
.hero__image-label { position:absolute; bottom:23px; right:24px; display:flex; flex-direction:column; gap:2px; color:#fffdf6; text-shadow:0 2px 14px #25271f55; }
.hero__image-label span { font-family:Georgia,serif; font-size:38px; font-style:italic; line-height:1; }
.hero__image-label small { font:9px Arial,sans-serif; letter-spacing:2px; direction:ltr; }
.hero__stamp { position:absolute; left:-4px; top:30px; display:grid; place-items:center; width:100px; height:100px; border-radius:50%; background:var(--accent); color:white; transform:rotate(-12deg); text-align:center; font:10px/1.4 Arial,sans-serif; letter-spacing:1.4px; }
.hero__stamp b { font-size:13px; }
.hero__vertical { position:absolute; left:-20px; bottom:40px; writing-mode:vertical-rl; transform:rotate(180deg); font:8px Arial,sans-serif; letter-spacing:2.5px; color:#858276; }

.benefits { display:grid; grid-template-columns:repeat(3,1fr); padding-block:23px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.benefit { display:flex; align-items:center; justify-content:center; gap:13px; padding:8px 16px; }
.benefit + .benefit { border-inline-start:1px solid var(--line); }
.benefit__icon { display:grid; place-items:center; width:36px; height:36px; border:1px solid #d8d4c9; border-radius:50%; color:var(--accent); font-size:20px; }
.benefit div { display:flex; flex-direction:column; }
.benefit strong { font-size:11px; font-weight:700; }
.benefit small { color:var(--muted); font-size:9px; }

.categories-section { padding-block:95px 70px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.section-heading h2 { margin:7px 0 0; font-size:30px; line-height:1.4; letter-spacing:-1px; }
.section-heading > p { margin:0 0 5px; color:var(--muted); font-size:11px; }
.category-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.category-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:190px; overflow:hidden; padding:20px; border:0; border-radius:9px; text-align:right; color:var(--ink); transition:transform .25s; isolation:isolate; }
.category-card::before, .category-card::after { content:""; position:absolute; z-index:-1; border-radius:50%; transition:transform .35s; }
.category-card::before { width:155px; height:155px; left:-20px; bottom:-35px; border:1px solid rgba(36,37,31,.15); }
.category-card::after { width:100px; height:100px; left:7px; bottom:-7px; background:rgba(255,255,255,.23); }
.category-card:hover { transform:translateY(-4px); }
.category-card:hover::before { transform:scale(1.12) rotate(12deg); }
.category-card--men { background:#d9d9cb; }
.category-card--women { background:#e8d5ca; }
.category-card--basics { background:#d5dcd0; }
.category-card--extras { background:#ded8c9; }
.category-card__index { font:9px Arial,sans-serif; letter-spacing:1.2px; color:#64665c; direction:ltr; align-self:flex-start; }
.category-card strong { font-size:19px; letter-spacing:-.5px; }
.category-card__arrow { position:absolute; left:19px; bottom:20px; display:grid; place-items:center; width:29px; height:29px; border:1px solid rgba(36,37,31,.25); border-radius:50%; font-size:17px; }

.products-section { padding-block:35px 90px; }
.section-heading--products { align-items:end; margin-bottom:23px; }
.products-count { color:var(--muted); font-size:11px; }
.filter-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; padding-block:13px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.filter-pills { display:flex; align-items:center; gap:7px; overflow-x:auto; scrollbar-width:none; }
.filter-pills::-webkit-scrollbar { display:none; }
.filter-pill { flex-shrink:0; padding:7px 13px; border:1px solid transparent; border-radius:4px; background:transparent; color:#73736a; font-size:10px; transition:.2s; }
.filter-pill:hover { border-color:#d9d5ca; color:var(--ink); }
.filter-pill.is-active { border-color:var(--ink); background:var(--ink); color:#fff; }
.sort-control { display:flex; align-items:center; gap:7px; flex-shrink:0; color:var(--muted); font-size:10px; }
.sort-control select { max-width:145px; padding:7px 9px; border:1px solid var(--line); border-radius:4px; outline:none; background:var(--surface); color:var(--ink); font-size:10px; }
.product-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px 15px; }
.product-card { min-width:0; }
.product-card__image-wrap { position:relative; overflow:hidden; aspect-ratio: .79; border-radius:7px; background:#e8e5dd; }
.product-card__image { width:100%; height:100%; object-fit:cover; transition:transform .45s; }
.product-card:hover .product-card__image { transform:scale(1.045); }
.product-badge { position:absolute; top:11px; right:10px; padding:4px 8px; border-radius:3px; background:var(--surface); color:var(--accent-dark); font-size:9px; font-weight:700; }
.product-card__quick { position:absolute; left:10px; bottom:10px; display:grid; place-items:center; width:35px; height:35px; border:0; border-radius:50%; background:rgba(255,254,250,.94); color:var(--ink); font-size:19px; opacity:0; transform:translateY(5px); transition:.2s; }
.product-card:hover .product-card__quick, .product-card__quick:focus-visible { opacity:1; transform:translateY(0); }
.product-card__meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:13px; color:var(--muted); font-size:9px; }
.product-card__category { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.product-card__rating { display:flex; align-items:center; gap:4px; flex-shrink:0; color:#8b8066; }
.product-card__rating span { color:#b98a4a; }
.product-card h3 { margin:4px 0 9px; font-size:12px; font-weight:600; line-height:1.9; }
.product-card__price-row { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.product-card__price { font-size:12px; font-weight:800; white-space:nowrap; }
.product-card__currency { font-size:9px; font-weight:500; color:var(--muted); }
.product-card__old-price { color:#a4a197; font-size:10px; text-decoration:line-through; }
.product-card__discount { padding:1px 5px; border-radius:3px; background:#f3e1d9; color:#a74630; font-size:9px; }
.product-card__details { width:100%; margin-top:11px; padding:7px 10px; border:1px solid var(--line); border-radius:4px; background:transparent; color:#58594f; font-size:10px; transition:.2s; }
.product-card__details:hover { border-color:var(--ink); background:var(--ink); color:white; }
.products-footnote { display:flex; align-items:center; gap:8px; justify-content:center; margin-top:42px; color:var(--muted); font-size:10px; }
.products-footnote span { width:5px; height:5px; border-radius:50%; background:var(--accent); }
.empty-state { padding:60px 20px; text-align:center; border:1px dashed #d8d3c8; border-radius:10px; }
.empty-state__icon { display:block; color:var(--accent); font-size:36px; }
.empty-state h3 { margin:6px 0; font-size:18px; }
.empty-state p { color:var(--muted); font-size:12px; }

.newsletter { position:relative; display:flex; align-items:center; justify-content:space-between; gap:25px; overflow:hidden; min-height:220px; margin-bottom:80px; padding:40px 55px; border-radius:10px; background:#626b56; color:#fffdf6; }
.newsletter__shape { position:absolute; left:35%; top:-95px; color:rgba(255,255,255,.07); font:italic 290px/1 Georgia,serif; pointer-events:none; }
.newsletter > div:not(.newsletter__shape) { position:relative; max-width:560px; }
.newsletter .eyebrow { color:#d7ddce; }
.newsletter h2 { margin:6px 0 4px; font-size:29px; }
.newsletter p { margin:0; color:#e2e3d9; font-size:11px; }
.newsletter .button { position:relative; flex-shrink:0; }
.site-footer { background:#efede6; }
.footer-main { display:grid; grid-template-columns:190px 1fr auto; align-items:center; gap:30px; padding-block:38px; }
.brand--footer .brand__mark { width:38px; height:38px; font-size:22px; }
.brand--footer .brand__text strong { font-size:20px; }
.footer-description { max-width:300px; margin:0; color:var(--muted); font-size:11px; }
.footer-links { display:flex; flex-wrap:wrap; gap:17px; }
.footer-links a { color:#6f7067; font-size:10px; }
.footer-links a:hover { color:var(--accent-dark); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-block:17px; border-top:1px solid #dedbd2; color:#89877e; font-size:9px; }
.footer-bottom b { color:var(--accent); }

.modal-backdrop { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:rgba(24,25,21,.58); backdrop-filter:blur(7px); animation:fadeIn .2s ease both; }
.modal { position:relative; width:min(100%,490px); max-height:min(90vh,800px); overflow:auto; border-radius:15px; background:var(--surface); box-shadow:0 25px 100px #0003; animation:modalIn .28s cubic-bezier(.2,.8,.2,1) both; }
.modal--notice { padding:42px 38px 35px; text-align:center; }
.modal__close { position:absolute; top:13px; left:14px; z-index:2; display:grid; place-items:center; width:35px; height:35px; border:1px solid var(--line); border-radius:50%; background:transparent; color:var(--ink); font-size:22px; line-height:1; }
.modal__close:hover { background:#f0ede5; }
.modal__symbol { display:grid; place-items:center; width:54px; height:54px; margin:0 auto 17px; border-radius:50%; background:#f2e1d9; color:var(--accent); font-size:27px; }
.modal--notice h2 { margin:8px 0 12px; font-size:25px; line-height:1.5; }
.modal--notice p { margin:0 auto 24px; max-width:370px; color:var(--muted); font-size:12px; line-height:2.2; }
.modal__confirm { min-width:150px; }
.modal--product { width:min(100%,760px); padding:28px; }
.product-detail { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }
.product-detail__image { width:100%; aspect-ratio:.8; object-fit:cover; border-radius:8px; background:#e8e5dd; }
.product-detail__info .eyebrow { direction:rtl; font-family:var(--font); letter-spacing:0; }
.product-detail h2 { margin:8px 0 12px; font-size:25px; }
.product-detail__description { color:var(--muted); font-size:12px; line-height:2.2; }
.product-detail__price { margin:18px 0; font-size:22px; font-weight:800; }
.product-detail__price small { color:var(--muted); font-size:11px; font-weight:500; }
.product-detail__note { padding:11px 13px; border-right:3px solid var(--accent); background:#f5eee7; color:#71695d; font-size:10px; line-height:2; }
.product-detail__buy { width:100%; margin-top:20px; }
.toast { position:fixed; right:50%; bottom:25px; z-index:120; max-width:calc(100% - 32px); padding:12px 18px; border-radius:7px; background:var(--ink); color:white; font-size:11px; box-shadow:var(--shadow); opacity:0; transform:translate(50%,15px); pointer-events:none; transition:.25s; }
.toast.is-visible { opacity:1; transform:translate(50%,0); }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes modalIn { from { opacity:0; transform:translateY(12px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }

@media (max-width: 1050px) {
  .header-main { grid-template-columns:160px minmax(170px,1fr) auto; gap:18px; }
  .header-actions { gap:12px; }
  .account-button span, .cart-button__label { display:none; }
  .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .hero { gap:35px; }
  .hero__image-wrap { height:370px; }
  .footer-main { grid-template-columns:170px 1fr; }
  .footer-links { grid-column:1/-1; }
}
@media (max-width: 760px) {
  .container { width:min(100% - 30px, 560px); }
  html { scroll-padding-top:120px; }
  .announcement { font-size:10px; min-height:32px; }
  .header-main { grid-template-columns:1fr auto; gap:12px; padding-block:12px; }
  .brand__mark { width:37px; height:37px; font-size:22px; }
  .brand__text strong { font-size:19px; }
  .brand__text small { font-size:7px; }
  .search { grid-column:1/-1; grid-row:2; height:42px; }
  .header-actions { grid-column:2; grid-row:1; gap:13px; }
  .account-button, .cart-button { padding:5px 0; }
  .cart-button { padding-inline-start:12px; }
  .header-actions svg { width:21px; height:21px; }
  .category-nav__inner { gap:22px; min-height:40px; }
  .nav-link { font-size:10px; }
  .nav-link::after { bottom:-12px; }
  .hero { grid-template-columns:1fr; gap:26px; padding-block:39px 35px; }
  .hero__content { padding-inline:0; }
  .hero h1 { margin:12px 0; font-size:49px; letter-spacing:-1.5px; }
  .hero__content > p { font-size:12px; max-width:440px; }
  .hero__note { margin-top:18px; }
  .hero__visual { padding:0 10px 0 15px; }
  .hero__image-wrap { height:310px; }
  .hero__stamp { width:80px; height:80px; font-size:8px; left:-4px; }
  .hero__vertical { left:-8px; font-size:7px; }
  .benefits { grid-template-columns:1fr; padding-block:8px; }
  .benefit { justify-content:flex-start; padding:12px 7px; }
  .benefit + .benefit { border-inline-start:0; border-top:1px solid var(--line); }
  .benefit__icon { width:32px; height:32px; }
  .categories-section { padding-block:62px 42px; }
  .section-heading { align-items:flex-start; flex-direction:column; gap:6px; margin-bottom:20px; }
  .section-heading h2 { font-size:25px; }
  .section-heading > p { margin:0; }
  .category-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .category-card { min-height:150px; padding:14px; }
  .category-card strong { font-size:16px; }
  .category-card__index { font-size:8px; }
  .category-card__arrow { left:12px; bottom:12px; }
  .products-section { padding-block:22px 55px; }
  .section-heading--products { flex-direction:row; align-items:end; }
  .section-heading--products h2 { font-size:24px; }
  .filter-bar { align-items:flex-start; flex-direction:column; gap:13px; }
  .filter-pills { width:100%; padding-bottom:3px; }
  .sort-control { align-self:flex-start; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px 11px; }
  .product-card__meta { margin-top:9px; }
  .product-card h3 { font-size:11px; margin-bottom:7px; }
  .product-card__price { font-size:11px; }
  .product-card__quick { opacity:1; transform:none; width:31px; height:31px; left:7px; bottom:7px; }
  .product-card__details { margin-top:9px; }
  .products-footnote { font-size:9px; text-align:center; }
  .newsletter { align-items:flex-start; flex-direction:column; min-height:0; margin-bottom:50px; padding:30px 23px; gap:18px; }
  .newsletter__shape { left:4%; top:-35px; font-size:180px; }
  .newsletter h2 { font-size:25px; }
  .newsletter p { line-height:2; }
  .footer-main { grid-template-columns:1fr; gap:18px; padding-block:28px; }
  .footer-links { grid-column:auto; gap:14px; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:5px; }
  .modal--notice { padding:38px 23px 25px; }
  .modal--notice h2 { font-size:21px; }
  .modal--notice p { font-size:11px; }
  .modal--product { padding:22px 16px 18px; }
  .product-detail { grid-template-columns:1fr; gap:16px; }
  .product-detail__image { max-height:250px; aspect-ratio:1.3; }
  .product-detail h2 { font-size:20px; }
  .product-detail__price { margin:10px 0; font-size:19px; }
  .product-detail__buy { margin-top:12px; }
}
@media (max-width: 360px) {
  .container { width:calc(100% - 22px); }
  .hero h1 { font-size:42px; }
  .cart-button { padding-inline-start:8px; }
  .category-card { min-height:135px; }
  .product-card__price-row { gap:4px; }
  .product-card__price { font-size:10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}