/* Override theme defaults so the landing page fills the whole viewport */
html, body{
  background:#0A0A0A !important;
  margin:0 !important;
  padding:0 !important;
}
body > header:not(.haidere-page header),
body > nav,
body > footer:not(.haidere-page footer),
.site-header,
.site-footer,
#masthead,
#colophon,
.entry-header,
.entry-title,
.page-header{
  display:none !important;
}
#page, #content, .site, .site-content, .content-area, .entry-content, .ast-container, .elementor, .wp-site-blocks, article, .hentry{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
}

:root{
    --bg:#0A0A0A;
    --bg-soft:#141210;
    --card:#161412;
    --line:#2A2521;
    --text:#F3EFE8;
    --muted:#A89C8C;
    --gold:#D4AF37;
    --gold-soft:#C9A24B;
    --display:'Cormorant Garamond', serif;
    --body:'Jost', sans-serif;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}

  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--body);
    font-weight:300;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }

  a{color:inherit;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

  .eyebrow{
    font-family:var(--body);
    font-size:0.72rem;
    letter-spacing:0.32em;
    text-transform:uppercase;
    color:var(--gold);
    display:flex;align-items:center;gap:14px;
  }
  .eyebrow::before{
    content:"";
    width:28px;height:1px;
    background:var(--gold-soft);
    opacity:0.6;
  }
  .eyebrow.center{justify-content:center;}

  /* ---------- header ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(10,10,10,0.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 24px;
  }
  .logo{
    display:flex;align-items:center;gap:12px;
    font-family:var(--display);
    font-size:1.4rem;
    font-weight:600;
    letter-spacing:0.04em;
    text-decoration:none;
  }
  .logo img{height:42px;width:42px;border-radius:50%;}
  .logo .accent{color:var(--gold);}
  .nav-links{
    display:flex;gap:36px;
    font-size:0.82rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--muted);
  }
  .nav-links a{text-decoration:none;transition:color .25s;}
  .nav-links a:hover{color:var(--gold);}
  .nav-cta{
    font-size:0.78rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    padding:11px 22px;
    border:1px solid var(--gold);
    color:var(--gold);
    text-decoration:none;
    transition:background .25s, color .25s;
    white-space:nowrap;
  }
  .nav-cta:hover{background:var(--gold);color:#0A0A0A;}

  @media (max-width:820px){
    .nav-links{display:none;}
  }

  /* ---------- hero ---------- */
  .hero{
    position:relative;
    padding:110px 0 100px;
    overflow:hidden;
    border-bottom:1px solid var(--line);
    text-align:center;
  }
  .hero::before{
    content:"";
    position:absolute;
    top:-200px;left:50%;
    transform:translateX(-50%);
    width:900px;height:900px;
    background:radial-gradient(circle, rgba(212,175,55,0.10), transparent 60%);
    pointer-events:none;
  }
  .hero-inner{position:relative;max-width:740px;margin:0 auto;}
  .hero-logo{
    width:96px;height:96px;border-radius:50%;
    margin:0 auto 28px;
    border:1px solid var(--line);
    display:block;
  }
  .hero h1{
    font-family:var(--display);
    font-size:clamp(2.6rem, 6vw, 4.4rem);
    font-weight:600;
    line-height:1.15;
    margin:22px 0 20px;
    letter-spacing:0.01em;
  }
  .hero h1 .gold{color:var(--gold);font-style:italic;}
  .hero p{
    color:var(--muted);
    font-size:1.05rem;
    max-width:520px;
    margin:0 auto 36px;
  }
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
  .btn{
    font-size:0.8rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    padding:16px 32px;
    text-decoration:none;
    font-weight:500;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:transform .2s ease, box-shadow .2s ease, background .2s, color .2s;
    border:1px solid transparent;
  }
  .btn-primary{
    background:var(--gold);
    color:#0A0A0A;
  }
  .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 30px -10px rgba(212,175,55,0.5);
  }
  .btn-ghost{
    border-color:var(--line);
    color:var(--text);
  }
  .btn-ghost:hover{border-color:var(--gold);color:var(--gold);}

  /* hero categories strip */
  .hero-cats{
    margin-top:60px;
    display:flex;
    justify-content:center;
    gap:48px;
    flex-wrap:wrap;
    color:var(--muted);
    font-size:0.78rem;
    letter-spacing:0.2em;
    text-transform:uppercase;
  }
  .hero-cats span{color:var(--gold);}

  /* ---------- section heads ---------- */
  section{padding:90px 0;border-bottom:1px solid var(--line);}
  .section-head{
    max-width:620px;margin:0 auto 56px;
    text-align:center;
  }
  .section-head h2{
    font-family:var(--display);
    font-size:clamp(2rem, 4vw, 2.8rem);
    font-weight:600;
    margin:16px 0 14px;
  }
  .section-head h2 .gold{color:var(--gold);font-style:italic;}
  .section-head p{color:var(--muted);font-size:0.98rem;}

  /* ---------- product grid ---------- */
  .grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:28px;
  }
  @media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:620px){.grid{grid-template-columns:1fr;}}

  .card{
    background:var(--card);
    border:1px solid var(--line);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:border-color .3s, transform .3s;
  }
  .card:hover{border-color:var(--gold); transform:translateY(-5px);}

  .card-media{
    aspect-ratio:1/1;
    background:linear-gradient(135deg, var(--bg-soft), #1c1814);
    position:relative;
    overflow:hidden;
  }
  .card-media img{
    width:100%;height:100%;object-fit:cover;
    filter:saturate(0.95);
  }
  .tag{
    position:absolute;top:14px;left:14px;
    background:var(--gold);
    color:#0A0A0A;
    font-size:0.65rem;
    font-weight:600;
    letter-spacing:0.14em;
    padding:6px 12px;
    text-transform:uppercase;
  }
  .card-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .card-body .cat{
    font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-soft);
  }
  .card-body h3{
    font-family:var(--display);
    font-size:1.3rem;
    font-weight:600;
    line-height:1.3;
  }
  .card-body .desc{color:var(--muted);font-size:0.92rem;flex:1;}
  .card-meta{
    display:flex;align-items:center;justify-content:space-between;
    font-size:0.95rem;
    padding-top:10px;
    border-top:1px solid var(--line);
  }
  .price{color:var(--gold);font-family:var(--display);font-size:1.2rem;font-weight:600;}
  .rating{color:var(--muted);font-size:0.82rem;}
  .card-cta{
    margin-top:8px;
    text-align:center;
    background:transparent;
    border:1px solid var(--gold);
    color:var(--gold);
    font-size:0.78rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    padding:13px;
    text-decoration:none;
    transition:background .25s, color .25s;
  }
  .card-cta:hover{background:var(--gold);color:#0A0A0A;}

  /* ---------- about / story split ---------- */
  .story{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:64px;
    align-items:center;
  }
  @media (max-width:900px){.story{grid-template-columns:1fr;gap:40px;}}
  .story-media{
    aspect-ratio:4/5;
    background:linear-gradient(135deg, var(--bg-soft), #1c1814);
    border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
  }
  .story-media img{width:160px;height:160px;border-radius:50%;opacity:0.9;}
  .story h2{
    font-family:var(--display);
    font-size:clamp(2rem,4vw,2.8rem);
    font-weight:600;
    margin:16px 0 18px;
  }
  .story h2 .gold{color:var(--gold);font-style:italic;}
  .story p{color:var(--muted);margin-bottom:16px;}

  /* ---------- newsletter ---------- */
  .newsletter{
    text-align:center;
    padding:100px 0;
    border-bottom:none;
  }
  .newsletter h2{
    font-family:var(--display);
    font-size:clamp(2rem,4vw,2.8rem);
    font-weight:600;
    margin:16px 0 14px;
  }
  .newsletter h2 .gold{color:var(--gold);font-style:italic;}
  .newsletter p{color:var(--muted);max-width:480px;margin:0 auto 32px;}
  .form-row{
    display:flex;
    justify-content:center;
    gap:0;
    flex-wrap:wrap;
    max-width:460px;
    margin:0 auto;
    border:1px solid var(--line);
  }
  .form-row input{
    background:transparent;
    border:none;
    color:var(--text);
    font-family:var(--body);
    font-size:0.9rem;
    padding:17px 20px;
    flex:1;
    outline:none;
    min-width:180px;
  }
  .form-row input::placeholder{color:var(--muted);}
  .form-row button{
    border:none;
    background:var(--gold);
    color:#0A0A0A;
    font-size:0.78rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    padding:17px 28px;
    cursor:pointer;
    transition:background .25s;
  }
  .form-row button:hover{background:var(--gold-soft);}

  /* ---------- footer ---------- */
  footer{padding:50px 0 40px;}
  .footer-top{
    display:flex;justify-content:space-between;align-items:flex-start;
    flex-wrap:wrap;gap:32px;
    padding-bottom:36px;
    border-bottom:1px solid var(--line);
  }
  .footer-brand{max-width:320px;}
  .footer-brand .logo{margin-bottom:14px;}
  .footer-brand p{color:var(--muted);font-size:0.88rem;}
  .footer-links{display:flex;gap:60px;flex-wrap:wrap;}
  .footer-col h4{
    font-size:0.74rem;letter-spacing:0.2em;text-transform:uppercase;
    color:var(--gold);margin-bottom:16px;
  }
  .footer-col a{
    display:block;color:var(--muted);text-decoration:none;
    font-size:0.9rem;margin-bottom:10px;transition:color .25s;
  }
  .footer-col a:hover{color:var(--gold);}
  .footer-bottom{
    display:flex;justify-content:space-between;align-items:center;
    flex-wrap:wrap;gap:16px;
    padding-top:28px;
    color:var(--muted);font-size:0.82rem;
  }
  .disclosure{
    font-size:0.8rem;color:var(--muted);
    max-width:760px;margin-top:0;
    line-height:1.7;
  }

  @media (prefers-reduced-motion: reduce){
    *{transition:none !important;}
    html{scroll-behavior:auto;}
  }
  a:focus-visible, input:focus-visible, button:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:2px;
  }