/* ===== AMIR ONLINE — Homepage (v3 — every value checked against original source) ===== */

:root{
  --ink:#15141c;
  --gold:#c9a84c;
  --gold-lt:#e8c97e;
  --white:#ffffff;
  --cream:#faf8f4;
  --forest:#1f2a22;
  --border:#e4ddd3;
  --sh-lg:0 12px 30px rgba(0,0,0,.18);
}

/* ---------- HERO ---------- */
.vid-hero{position:relative;min-height:88vh;max-height:760px;background:var(--ink);overflow:hidden;}
.vid-hero-media{position:absolute;inset:0;}
.vid-hero-media video{width:100%;height:100%;object-fit:cover;}
.vid-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,20,28,.15) 0%,rgba(21,20,28,.55) 55%,rgba(21,20,28,.97) 100%);pointer-events:none;}
.vid-mute-btn{position:absolute;bottom:20px;right:20px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);cursor:pointer;}
.vid-hero-content{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:0 20px 46px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;min-height:88vh;max-height:760px;}
.hero-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(201,168,76,.2);border:1px solid rgba(201,168,76,.4);border-radius:100px;padding:5px 14px;font-size:11px;font-weight:700;color:var(--gold-lt);letter-spacing:1px;text-transform:uppercase;margin-bottom:18px;width:fit-content;}
.vid-hero h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4.6vw,58px);font-weight:900;color:#fff;line-height:1.08;margin-bottom:16px;max-width:640px;}
.vid-hero h1 em{font-style:normal;color:var(--gold-lt);}
.hero-sub{font-size:14.5px;color:rgba(255,255,255,.72);margin-bottom:26px;max-width:440px;line-height:1.75;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px;}
.btn-primary{background:var(--gold);color:var(--ink);border:none;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s;}
.btn-secondary{background:none;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;}
.hero-stats{display:flex;gap:28px;margin-bottom:34px;}
.h-stat .n{font-family:'Playfair Display',serif;font-size:24px;font-weight:900;color:var(--gold-lt);}
.h-stat .l{font-size:10px;color:rgba(255,255,255,.5);letter-spacing:1px;text-transform:uppercase;margin-top:2px;}

@media(max-width:640px){.vid-hero{min-height:78vh;}.vid-hero-content{min-height:78vh;padding:0 16px 30px;}}

/* ---------- SECTION SHELL ---------- */
.sec{padding:64px 0;}
.sec-inner{max-width:1360px;margin:0 auto;padding:0 20px;}
.sec-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;}
.sec-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--ink);}
.sec-title span{color:var(--gold);}
.sec-link{background:none;border:none;color:var(--ink);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.deals-sub{color:#6b6b6b;font-size:13px;margin-top:4px;}

/* ---------- BENTO CATEGORY GRID ---------- */
.cats{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;grid-auto-flow:dense;gap:12px;}
.cat-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;transition:.25s;background:var(--forest);grid-column:span 1;grid-row:span 1;}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);}
.cat-card.b-lg{grid-column:span 3;grid-row:span 2;}
.cat-card.b-md{grid-column:span 2;grid-row:span 1;}
.cat-photo{position:absolute;inset:0;}
.cat-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.cat-card:hover .cat-photo img{transform:scale(1.06);}
.cat-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.05) 30%,rgba(10,10,10,.85) 100%);}
.cat-photo-ic{position:absolute;top:14px;left:14px;width:34px;height:34px;color:#fff;background:rgba(0,0,0,.35);border-radius:8px;padding:6px;z-index:2;}
.cat-photo-ic svg{width:100%;height:100%;}
.cat-label{position:absolute;left:16px;bottom:14px;z-index:2;}
.cat-name{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:#fff;line-height:1.25;display:block;}
.cat-card.b-lg .cat-name{font-size:20px;}
.cat-count{font-size:10px;color:var(--gold-lt);margin-top:3px;letter-spacing:.3px;text-transform:uppercase;}
.cat-card-more{background:var(--gold);display:flex;align-items:center;justify-content:center;}
.cat-photo-more{text-align:center;color:var(--ink);}
.cat-card-more .cat-name,.cat-card-more .cat-count{color:var(--ink);}

@media(max-width:900px){.cats{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;}.cat-card.b-lg{grid-column:span 2;grid-row:span 2;}.cat-card.b-md{grid-column:span 2;}}

/* ---------- DEALS BANDS ---------- */
.deals-band{padding:40px 0;background:var(--cream);}
.deals-band-hot{background:#FFF7ED;}
.deals-band-week{background:#F3EFFF;}
.deals-band-new{background:#EFFAF3;}
.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.deals-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:220px;overflow-x:auto;padding-bottom:8px;}
@media(max-width:900px){.products-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:480px){.products-grid{grid-template-columns:1fr 1fr;gap:10px;}}

.p-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);cursor:pointer;transition:.2s;}
.p-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);}
.p-img{height:170px;background:#f2f2f2;}
.p-img img{width:100%;height:100%;object-fit:cover;}
.p-body{padding:12px 14px 14px;}
.p-name{font-family:'Playfair Display',serif;font-size:14.5px;font-weight:700;margin:4px 0 7px;line-height:1.3;color:var(--ink);}
.p-price{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--ink);}
.p-price .was{font-size:12px;color:#999;text-decoration:line-through;font-weight:500;margin-left:6px;}
.p-badge{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--ink);font-size:10px;font-weight:800;padding:4px 8px;border-radius:4px;text-transform:uppercase;}

/* ---------- FILTER BAR ---------- */
.filter-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;align-items:center;}
.f-btn{background:var(--white);border:1.5px solid var(--border);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap;}
.f-btn:hover,.f-btn.active{background:var(--ink);color:#fff;border-color:var(--ink);}
.sort-sel{margin-left:auto;background:var(--white);border:1.5px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px;cursor:pointer;outline:none;font-family:'Inter',sans-serif;color:var(--ink);}

/* ---------- PROMO STRIP ---------- */
.promo{background:linear-gradient(135deg,var(--ink),#2a1560);text-align:center;padding:44px 20px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);}
.promo h2{font-family:'Playfair Display',serif;font-size:28px;color:#fff;margin-bottom:6px;}
.promo h2 span{color:var(--gold-lt);}
.promo p{color:rgba(255,255,255,.75);font-size:13px;margin-bottom:16px;}
.promo-code{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);border:2px dashed var(--gold);border-radius:10px;overflow:hidden;}
.promo-code span{font-weight:800;letter-spacing:1px;color:#fff;padding:10px 16px;}
.promo-copy{background:var(--gold);color:var(--ink);border:none;padding:10px 16px;font-weight:700;font-size:12px;cursor:pointer;}

/* ---------- AD STRIP ---------- */
.ad-strip{background:var(--cream);border-top:1px solid rgba(201,168,76,.4);border-bottom:1px solid rgba(201,168,76,.4);padding:20px 20px;}
.ad-strip-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.ad-strip-feats{display:flex;gap:26px;flex-wrap:wrap;}
.ad-feat{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:var(--ink);}
.ad-feat-ic{width:34px;height:34px;border-radius:50%;background:rgba(201,168,76,.14);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ad-feat-ic svg{width:17px;height:17px;color:var(--gold);}
.ad-tagline{font-family:'Playfair Display',serif;font-weight:900;font-size:20px;color:var(--gold);white-space:nowrap;}
.ad-strip-socials{display:flex;gap:14px;}
.ad-soc{width:30px;height:30px;color:var(--ink);cursor:pointer;}
.ad-soc svg{width:100%;height:100%;}
@media(max-width:900px){.ad-strip-inner{justify-content:center;text-align:center;}.ad-tagline{font-size:16px;}}

/* ---------- NEWSLETTER ---------- */
.newsletter-sec{background:var(--ink);padding:56px 20px;text-align:center;}
.newsletter-inner{max-width:520px;margin:0 auto;}
.newsletter-sec h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;}
.newsletter-sec p{color:rgba(255,255,255,.65);font-size:13px;margin-bottom:20px;}
.newsletter-form{display:flex;gap:10px;}
.newsletter-form input{flex:1;background:rgba(255,255,255,.07);border:1.5px solid rgba(201,168,76,.35);border-radius:8px;padding:13px 16px;color:#fff;font-size:13px;}
.newsletter-form input::placeholder{color:rgba(255,255,255,.4);}
.newsletter-form button{background:var(--gold);color:var(--ink);border:none;border-radius:8px;padding:13px 24px;font-size:12.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.2s;}
@media(max-width:480px){.newsletter-form{flex-direction:column;}}