*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --pink: #E8648A;
  --pink-dark: #C84E72;
  --pink-pale: #FDE8EF;
  --cream: #FBF7F4;
  --cream2: #F5EEE9;
  --text: #2A1F22;
  --text-mid: #6B5057;
  --text-soft: #B09AA0;
  --border: rgba(232,100,138,0.13);
  --white: #ffffff;
  --gold: #C5964A;
  --gold-pale: #FBF3E6;
}
body { font-family:'Heebo',sans-serif; background:var(--cream); color:var(--text); font-size:15px; line-height:1.7; direction:rtl; }

/* NAV */
nav { position:sticky; top:0; z-index:200; background:rgba(255,255,255,0.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; padding:0 2.5rem; height:64px; }
.nav-logo img { height:34px; object-fit:contain; display:block; }
.nav-links { display:flex; gap:0; list-style:none; }
.nav-links a { display:block; padding:0 16px; line-height:62px; text-decoration:none; font-size:13px; font-weight:500; color:var(--text-mid); transition:color .2s; border-bottom:2px solid transparent; }
.nav-links a:hover, .nav-links a.active { color:var(--pink); border-bottom-color:var(--pink); }
.nav-contact { font-size:13px; font-weight:600; color:var(--white); background:var(--pink); padding:9px 22px; border-radius:100px; text-decoration:none; transition:background .2s; white-space:nowrap; }
.nav-contact:hover { background:var(--pink-dark); }

/* HOME HERO */
.hero-video { position:relative; overflow:hidden; height:88vh; min-height:480px; background:#1a0d10; display:flex; align-items:center; justify-content:center; }
.hero-video iframe { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:177.78vh; min-width:100%; height:100vh; min-height:56.25vw; border:0; pointer-events:none; }
.hero-video-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.5)); }
.hero-video-text { position:relative; z-index:2; text-align:center; color:var(--white); padding:0 1.5rem; }
.hero-video-text h1 { font-size:clamp(2.2rem,6vw,4.5rem); font-weight:300; line-height:1.2; margin-bottom:1rem; }
.hero-video-text h1 em { font-style:normal; font-weight:700; color:#FFB8CC; }
.hero-video-text p { font-size:16px; color:rgba(255,255,255,.8); max-width:480px; margin:0 auto; }

/* MOOD */
.mood-section { padding:64px 2.5rem; }
.section-inner { max-width:1200px; margin:0 auto; }
.mood-eyebrow { font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--pink); margin-bottom:.5rem; }
.mood-title { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:300; margin-bottom:.5rem; }
.mood-title strong { font-weight:700; }
.mood-sub { font-size:14px; color:var(--text-mid); margin-bottom:2.5rem; max-width:500px; }
.mood-grid-hero { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.mood-col { display:flex; flex-direction:column; gap:12px; }
.mood-grid-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:12px; }
.mood-img { width:100%; object-fit:cover; border-radius:12px; display:block; }
.mood-img-tall { height:500px; }
.mood-img-sq { height:244px; }
.mood-img-wide { height:340px; }

/* QUOTE */
.quote-band { background:var(--pink); color:var(--white); padding:56px 2.5rem; text-align:center; }
.quote-band blockquote { font-size:clamp(1.3rem,3vw,2rem); font-weight:300; line-height:1.5; max-width:700px; margin:0 auto; }
.quote-band blockquote strong { font-weight:700; }
.quote-band cite { display:block; margin-top:1rem; font-size:13px; color:rgba(255,255,255,.6); font-style:normal; letter-spacing:.06em; text-transform:uppercase; }

/* FEATURE STRIP */
.feat-strip { background:var(--white); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.feat-strip-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); }
.feat-item { padding:28px 20px; text-align:center; border-left:1px solid var(--border); }
.feat-item:last-child { border-left:none; }
.feat-icon { font-size:24px; margin-bottom:8px; }
.feat-label { font-size:12px; font-weight:700; margin-bottom:4px; }
.feat-val { font-size:11px; color:var(--text-mid); line-height:1.4; }

/* SPLIT */
.mood-split { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:center; padding:0 2.5rem 64px; max-width:1200px; margin:0 auto; }
.mood-split-text { padding:2rem; }
.mood-split-text h2 { font-size:1.8rem; font-weight:300; margin-bottom:.75rem; }
.mood-split-text h2 strong { font-weight:700; }
.mood-split-text p { font-size:14px; color:var(--text-mid); line-height:1.8; }
.mood-split img { width:100%; height:440px; object-fit:cover; border-radius:16px; }

/* CATALOG */
.catalog-hero { background:var(--pink-pale); padding:56px 2.5rem 48px; }
.catalog-hero-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.catalog-hero-img { width:340px; object-fit:contain; flex-shrink:0; }
.catalog-hero-text h1 { font-size:2.2rem; font-weight:300; margin-bottom:.75rem; }
.catalog-hero-text h1 em { font-style:normal; font-weight:700; color:var(--pink); }
.catalog-hero-text p { font-size:14px; color:var(--text-mid); line-height:1.8; max-width:420px; }

.cat-strip { background:var(--white); border-bottom:1px solid var(--border); padding:0 2.5rem; display:flex; flex-direction:row-reverse; overflow-x:auto; scrollbar-width:none; }
.cat-strip::-webkit-scrollbar { display:none; }
.cat-btn { flex-shrink:0; background:none; border:none; border-bottom:2px solid transparent; padding:14px 18px; font-size:13px; font-weight:500; color:var(--text-mid); cursor:pointer; white-space:nowrap; font-family:'Heebo',sans-serif; transition:color .2s,border-color .2s; }
.cat-btn:hover { color:var(--pink); }
.cat-btn.active { color:var(--pink); border-bottom-color:var(--pink); }

.cat-section { display:none; padding:48px 2.5rem; }
.cat-section.visible { display:block; }

.edition-header { text-align:center; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--border); }
.edition-badge { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:4px 12px; border-radius:100px; margin-bottom:8px; }
.badge-pop { background:var(--pink-pale); color:var(--pink); }
.badge-gold { background:var(--gold-pale); color:var(--gold); }
.badge-special { background:#EEF2EE; color:#3A5C3A; }
.edition-title { font-size:1.5rem; font-weight:300; margin-bottom:4px; }
.edition-sub { font-size:13px; color:var(--text-soft); font-style:italic; }

.product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px; margin-bottom:48px; }
.product-card { background:var(--white); border-radius:16px; overflow:hidden; border:1px solid var(--border); display:flex; flex-direction:column; }
.product-img-wrap { background:var(--cream2); padding:16px; display:flex; align-items:center; justify-content:center; }
.product-img { width:100%; aspect-ratio:1/1; object-fit:contain; display:block; }
.product-info { padding:12px 14px 16px; flex:1; display:flex; flex-direction:column; text-align:right; }
.product-name { font-size:13px; font-weight:600; line-height:1.4; margin-bottom:4px; }
.product-cap { font-size:11px; color:var(--text-soft); margin-bottom:8px; }
.dots { display:flex; gap:4px; justify-content:flex-end; margin-top:auto; padding-top:8px; }
.dot { width:11px; height:11px; border-radius:50%; border:1px solid rgba(0,0,0,.1); flex-shrink:0; }

/* SPECS PAGE */
.features-hero-img { width:100%; height:420px; object-fit:cover; display:block; }
.features-section { padding:56px 2.5rem; }
.features-inner { max-width:1000px; margin:0 auto; }
.feat-page-title { font-size:2rem; font-weight:300; margin-bottom:.5rem; }
.feat-page-title strong { font-weight:700; color:var(--pink); }
.feat-page-sub { font-size:14px; color:var(--text-mid); margin-bottom:2.5rem; line-height:1.8; max-width:600px; }
.specs-img { width:100%; border-radius:16px; margin:2rem 0; }
.specs-table { width:100%; border-collapse:collapse; font-size:13px; margin-bottom:2.5rem; }
.specs-table th { background:var(--pink-pale); color:var(--pink); padding:12px 16px; text-align:right; font-weight:600; border-bottom:2px solid var(--pink); }
.specs-table td { padding:10px 16px; border-bottom:1px solid var(--border); color:var(--text-mid); }
.specs-table tr:last-child td { border-bottom:none; }
.specs-table td:first-child { font-weight:600; color:var(--text); }
.eco-band { background:var(--cream2); border-radius:16px; padding:40px; margin-top:2rem; }
.eco-band h3 { font-size:1.3rem; font-weight:300; margin-bottom:.75rem; }
.eco-band h3 strong { font-weight:700; }
.eco-band p { font-size:14px; color:var(--text-mid); line-height:1.8; }
.eco-icons { display:flex; gap:2rem; margin-top:1.5rem; flex-wrap:wrap; }
.eco-icon { display:flex; align-items:center; gap:.5rem; font-size:13px; font-weight:600; color:var(--text-mid); }

/* FOOTER */
footer { background:var(--text); color:rgba(255,255,255,.4); padding:28px 2.5rem; display:flex; justify-content:space-between; align-items:center; font-size:12px; }
footer a { color:rgba(255,255,255,.4); text-decoration:none; }
footer a:hover { color:rgba(255,255,255,.8); }

@media(max-width:768px){
  nav { padding:0 1.25rem; }
  .nav-links a { padding:0 10px; font-size:12px; }
  .mood-grid-hero { grid-template-columns:1fr; }
  .mood-img-tall { height:280px; }
  .mood-grid-row { grid-template-columns:1fr 1fr; }
  .mood-section { padding:36px 1.25rem; }
  .mood-split { grid-template-columns:1fr; padding:0 1.25rem 48px; }
  .mood-split-text { padding:1.5rem 0.5rem; }
  .catalog-hero { padding:40px 1.25rem 36px; }
  .catalog-hero-inner { flex-direction:column; }
  .catalog-hero-img { width:100%; max-width:280px; }
  .cat-section { padding:36px 1.25rem; }
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .feat-strip-inner { grid-template-columns:repeat(3,1fr); }
  .features-section { padding:40px 1.25rem; }
  footer { flex-direction:column; gap:10px; text-align:center; }
}
