@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Playfair+Display:wght@700;800;900&display=swap');
:root{--ivory:#fffaf2;--cream:#f8efe2;--champagne:#e8c98d;--gold:#c9943d;--taupe:#7e6f61;--ink:#211915;--glass:rgba(255,255,255,.72);--line:rgba(74,52,43,.13);--shadow:0 28px 80px rgba(74,52,43,.16);--soft:0 16px 45px rgba(74,52,43,.10);--radius:30px;--head:'Playfair Display',Georgia,serif;--body:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--ink);background:radial-gradient(circle at 16% 0%,rgba(232,201,141,.28),transparent 28%),radial-gradient(circle at 92% 8%,rgba(243,215,200,.44),transparent 30%),linear-gradient(180deg,#fffdf8 0%,var(--cream) 55%,#fff8ee 100%)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 34px));margin:auto}.announce{padding:10px;text-align:center;background:linear-gradient(90deg,#fff2cf,#fff8ea,#fce1d3);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#7b5620}.header{position:sticky;top:0;z-index:50;background:rgba(255,250,242,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f6dca3);box-shadow:0 16px 40px rgba(201,148,61,.24);font-family:var(--head);font-size:1.8rem;font-weight:900}.brand-text strong{display:block;font-family:var(--head);font-size:1.45rem}.brand-text span{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--taupe);font-weight:900}.links{display:flex;gap:6px;padding:7px;border-radius:999px;background:rgba(255,255,255,.65);box-shadow:var(--soft)}.links a{padding:12px 15px;border-radius:999px;font-size:.92rem;font-weight:850;color:#604f43}.links a:hover,.links a.active{background:#2d211c;color:var(--ivory)}.actions{display:flex;align-items:center;gap:10px}.cart{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.72);position:relative;box-shadow:var(--soft)}.cart span{position:absolute;right:-7px;top:-7px;min-width:23px;height:23px;border-radius:999px;display:grid;place-items:center;background:var(--gold);color:white;font-size:.75rem;font-weight:900}.btn{border:0;cursor:pointer;border-radius:999px;padding:14px 22px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,#f8dfaa,var(--gold));color:#2b1c12;box-shadow:0 18px 42px rgba(201,148,61,.23)}.dark{background:linear-gradient(135deg,#2f231d,#17110e);color:var(--ivory)}.ghost{background:rgba(255,255,255,.55);border:1px solid var(--line);color:#3b2a22}.full{width:100%}.hero{min-height:calc(100vh - 104px);display:grid;align-items:center;background:linear-gradient(90deg,rgba(255,250,242,.94),rgba(255,250,242,.55),rgba(255,250,242,.25)),var(--hero);background-size:cover;background-position:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:70px 0}.kicker{font-weight:1000;letter-spacing:.28em;text-transform:uppercase;color:#a36c1c;font-size:.78rem;margin-bottom:18px}h1,h2,h3{margin:0;line-height:.94}h1{font-family:var(--head);font-size:clamp(4rem,8vw,8.4rem);letter-spacing:-.055em;color:#2a1d17}h2{font-family:var(--head);font-size:clamp(2.7rem,5.6vw,5.5rem)}.lead{font-size:clamp(1.04rem,2vw,1.25rem);line-height:1.75;color:#6f5e50;max-width:640px;margin:26px 0 34px}.hero-card{background:rgba(255,255,255,.60);border-radius:46px;padding:18px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-card-inner{border-radius:34px;min-height:520px;overflow:hidden;position:relative;background:#f7ead8}.hero-card-inner img{width:100%;height:520px;object-fit:cover}.float-note{position:absolute;left:22px;right:22px;bottom:22px;padding:18px;border-radius:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(14px);box-shadow:var(--soft)}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card,.product,.glass,.summary,.form-card{background:var(--glass);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius);box-shadow:var(--soft);backdrop-filter:blur(18px)}.product{overflow:hidden;transition:.25s}.product:hover{transform:translateY(-12px) scale(1.01);box-shadow:var(--shadow)}.product-img{height:292px;position:relative;background:linear-gradient(135deg,#fff8ed,#f4d8ca)}.product-img img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:15px;left:15px;border-radius:999px;background:#2c201b;color:var(--ivory);padding:8px 13px;font-size:.75rem;font-weight:950}.product-body{padding:24px}.product-body h3{font-size:1.35rem}.price{color:#a36c1c;font-size:1.25rem;font-weight:1000;margin:10px 0}.product-body p{color:var(--taupe);line-height:1.65}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.page-hero{padding:90px 0 76px;background:radial-gradient(circle at 80% 0%,rgba(232,201,141,.42),transparent 25%),linear-gradient(135deg,#fffaf2,#f3dfce);border-bottom:1px solid var(--line)}.toolbar{display:grid;grid-template-columns:1fr 270px;gap:16px;margin-bottom:28px}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.70);padding:15px 17px;outline:none;color:var(--ink)}.cart-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 390px;gap:28px;align-items:start}.cart-list{display:grid;gap:16px}.cart-item{display:grid;grid-template-columns:92px 1fr auto auto auto;gap:16px;align-items:center;padding:17px}.cart-item img{width:92px;height:92px;border-radius:22px;object-fit:cover}.qty{display:flex;gap:8px;align-items:center}.qty button,.remove{border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:900}.summary{padding:26px;position:sticky;top:110px}.row{display:flex;justify-content:space-between;gap:15px;color:var(--taupe);margin:14px 0}.row strong{color:var(--ink)}.total{border-top:1px solid var(--line);padding-top:16px;font-size:1.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/-1}.form-card{padding:28px}.footer{border-top:1px solid var(--line);padding:42px 0;color:var(--taupe)}.empty{text-align:center;padding:34px;color:var(--taupe)}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;background:#2a1d17;color:white;border-radius:999px;padding:14px 18px;font-weight:950;z-index:999;transition:.22s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:980px){.nav{display:grid}.links{overflow:auto}.hero-grid,.cart-layout{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.summary{position:static}}@media(max-width:650px){.products,.toolbar,.form-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:74px 1fr}.cart-item .qty,.cart-item .line,.cart-item .remove{grid-column:1/-1}.actions .primary{display:none}h1{font-size:3.5rem}}

/* ================================
   REZA V11.1 — ALIVE LUXURY MOTION
   ================================ */

body {
  animation: rezaPageIn .7s cubic-bezier(.2,.9,.2,1) both;
}

@keyframes rezaPageIn {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero {
  isolation: isolate;
}

.hero::before {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.35), transparent 6%),
    radial-gradient(circle at 80% 30%, rgba(232,201,141,.35), transparent 8%),
    radial-gradient(circle at 45% 75%, rgba(243,215,200,.34), transparent 7%);
  filter: blur(20px);
  opacity: .75;
  animation: rezaAurora 9s ease-in-out infinite alternate;
}

@keyframes rezaAurora {
  from { transform: translate3d(-18px,-8px,0) scale(1); }
  to { transform: translate3d(22px,12px,0) scale(1.06); }
}

.hero-grid {
  animation: rezaHeroRise .85s cubic-bezier(.2,.9,.2,1) both;
}

@keyframes rezaHeroRise {
  from { opacity: 0; transform: translateY(38px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.alive-word {
  display: inline-block;
  background: linear-gradient(135deg,#2a1d17 0%, #8a5b19 45%, #2a1d17 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: rezaWordPop .75s cubic-bezier(.2,.9,.2,1) both;
}

@keyframes rezaWordPop {
  0% { opacity: 0; transform: translateY(20px) rotateX(45deg) scale(.92); filter: blur(8px); }
  60% { opacity: 1; transform: translateY(-4px) rotateX(0) scale(1.04); filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

.hero-card {
  animation: rezaFloatCard 5.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes rezaFloatCard {
  0%,100% { translate: 0 0; rotate: 1.5deg; }
  50% { translate: 0 -14px; rotate: -.8deg; }
}

.product,
.form-card,
.summary {
  position: relative;
  overflow: hidden;
}

.product::after,
.form-card::after,
.summary::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at var(--mx,50%) var(--my,20%), rgba(255,255,255,.45), transparent 28%);
  opacity: 0;
  transition: .25s ease;
}

.product:hover::after,
.form-card:hover::after,
.summary:hover::after {
  opacity: 1;
}

.product-img img {
  transition: transform .55s cubic-bezier(.2,.9,.2,1), filter .35s ease;
}

.product:hover .product-img img {
  transform: scale(1.08) rotate(.35deg);
  filter: saturate(1.06) contrast(1.03);
}

.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 70%;
  height: 100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transform: skewX(-20deg);
  transition: left .65s ease;
}

.btn:hover::before {
  left: 145%;
}

.primary {
  animation: rezaButtonGlow 3.2s ease-in-out infinite;
}

@keyframes rezaButtonGlow {
  0%,100% { box-shadow: 0 18px 42px rgba(201,148,61,.20), 0 0 0 rgba(201,148,61,0); }
  50% { box-shadow: 0 20px 50px rgba(201,148,61,.28), 0 0 28px rgba(255,212,122,.42); }
}

.reza-floating-strip {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.reza-chip {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.64);
  border: 1px solid rgba(255,255,255,.8);
  color: #6c5848;
  font-weight: 900;
  box-shadow: 0 10px 25px rgba(74,52,43,.08);
  animation: rezaChipFloat 4.5s ease-in-out infinite;
}

.reza-chip:nth-child(2) { animation-delay: .4s; }
.reza-chip:nth-child(3) { animation-delay: .8s; }

@keyframes rezaChipFloat {
  0%,100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

/* WIX-LIKE CHECKOUT */

.checkout-shell {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) 440px;
  gap: 30px;
  align-items: start;
}

.checkout-card {
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.85);
  box-shadow: 0 24px 70px rgba(74,52,43,.13);
  border-radius: 32px;
  overflow: hidden;
}

.checkout-card-head {
  padding: 24px 28px;
  border-bottom: 1px solid rgba(74,52,43,.10);
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.checkout-step {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #2a1d17;
  color: #fffaf2;
  font-weight: 1000;
}

.checkout-card-body {
  padding: 28px;
}

.checkout-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.checkout-grid .wide {
  grid-column: 1/-1;
}

.checkout-label {
  display: block;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 950;
  color: #8a735f;
  margin: 0 0 8px;
}

.delivery-options {
  display: grid;
  gap: 12px;
}

.delivery-option {
  border: 1px solid rgba(74,52,43,.13);
  border-radius: 22px;
  padding: 16px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: rgba(255,255,255,.58);
  cursor: pointer;
  transition: .2s ease;
}

.delivery-option:hover,
.delivery-option.active {
  border-color: rgba(201,148,61,.75);
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(201,148,61,.12);
}

.delivery-option input {
  margin-top: 5px;
}

.delivery-option strong {
  display: block;
  color: #2a1d17;
}

.delivery-option span {
  display: block;
  color: #7e6f61;
  font-size: .92rem;
  margin-top: 4px;
  line-height: 1.4;
}

.wix-summary {
  position: sticky;
  top: 112px;
}

.summary-product {
  display: grid;
  grid-template-columns: 62px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(74,52,43,.10);
}

.summary-product img {
  width: 62px;
  height: 62px;
  border-radius: 16px;
  object-fit: cover;
}

.checkout-secure {
  padding: 15px;
  border-radius: 20px;
  background: linear-gradient(135deg,#fff6df,#ffe8d9);
  color: #744f19;
  font-weight: 850;
  line-height: 1.45;
}

@media(max-width:980px) {
  .checkout-shell { grid-template-columns: 1fr; }
  .wix-summary { position: static; }
}

@media(max-width:650px) {
  .checkout-grid { grid-template-columns: 1fr; }
}

/* ================================
   REZA V11.2 — RICHER CHAMPAGNE + POPUP
   ================================ */

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(201,148,61,.24), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(190,122,92,.20), transparent 28%),
    linear-gradient(180deg, #f6ead8 0%, #ead6bc 52%, #f7ead8 100%) !important;
}

.announce {
  background: linear-gradient(90deg, #ead0a1, #f7ead8, #dfb88b) !important;
  color: #5a3516 !important;
}

.header {
  background: rgba(246,234,216,.86) !important;
}

.hero {
  min-height: calc(100vh - 104px);
  background:
    linear-gradient(90deg, rgba(238,217,190,.94), rgba(238,217,190,.72), rgba(238,217,190,.42)),
    var(--hero) !important;
  background-size: cover !important;
  background-position: center !important;
}

.hero-grid {
  grid-template-columns: minmax(0, 760px) !important;
  justify-content: start !important;
}

.hero-card {
  display: none !important;
}

.hero h1 {
  color: #21140f !important;
  text-shadow: 0 18px 45px rgba(74,52,43,.16);
}

.lead {
  color: #5f4a3b !important;
  font-weight: 650;
}

.reza-chip {
  background: rgba(255,250,242,.78) !important;
  color: #4b3429 !important;
}

.page-hero {
  background:
    radial-gradient(circle at 86% 0%, rgba(201,148,61,.34), transparent 28%),
    linear-gradient(135deg, #f0d8b8, #ead0b1) !important;
}

.product,
.card,
.glass,
.summary,
.form-card {
  background: rgba(255,250,242,.78) !important;
}

.product:hover {
  box-shadow: 0 28px 85px rgba(74,52,43,.22) !important;
}

/* Premium announcement popup */
.reza-popup-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(33, 20, 15, .42);
  backdrop-filter: blur(10px);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.reza-popup-backdrop.show {
  display: flex;
  animation: popupFade .25s ease both;
}

@keyframes popupFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.reza-popup {
  width: min(520px, 94vw);
  border-radius: 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.75), transparent 34%),
    linear-gradient(145deg, #fffaf2, #ead0a8);
  border: 1px solid rgba(255,255,255,.88);
  box-shadow: 0 35px 110px rgba(33,20,15,.32);
  position: relative;
  animation: popupRise .35s cubic-bezier(.2,.9,.2,1) both;
}

@keyframes popupRise {
  from { transform: translateY(24px) scale(.96); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}

.reza-popup-top {
  padding: 30px 30px 10px;
}

.reza-popup-kicker {
  color: #9a641b;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 1000;
  margin-bottom: 12px;
}

.reza-popup h2 {
  font-family: var(--head);
  font-size: clamp(2.2rem, 7vw, 3.8rem);
  line-height: .94;
  margin: 0;
  color: #21140f;
}

.reza-popup p {
  color: #624b3a;
  line-height: 1.65;
  font-weight: 650;
  margin: 18px 0 0;
}

.reza-popup-actions {
  padding: 24px 30px 30px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.reza-popup-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.62);
  color: #21140f;
  font-weight: 1000;
  cursor: pointer;
}

.reza-popup-note {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(255,255,255,.56);
  color: #775634;
  font-weight: 850;
  line-height: 1.45;
}

@media(max-width:650px) {
  .hero-grid {
    grid-template-columns: 1fr !important;
  }

  .hero {
    min-height: 82vh;
  }
}


/* Reza custom champagne image backgrounds */
body {
  background:
    radial-gradient(circle at 16% 0%, rgba(232,201,141,.28), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(243,215,200,.44), transparent 30%),
    url("../assets/images/reza-luxury-pattern.svg"),
    linear-gradient(180deg,#fffdf8 0%, var(--cream) 55%, #fff8ee 100%) !important;
  background-size: auto, auto, 720px auto, cover !important;
}

.hero {
  background:
    linear-gradient(90deg,rgba(255,250,242,.92),rgba(255,250,242,.62),rgba(255,250,242,.22)),
    var(--hero, url("../assets/images/reza-champagne-hero.svg")) !important;
  background-size: cover !important;
  background-position: center !important;
}

.page-hero {
  background:
    linear-gradient(135deg, rgba(255,250,242,.88), rgba(243,223,206,.78)),
    url("../assets/images/reza-champagne-hero.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.product-img {
  background:
    radial-gradient(circle at center, rgba(255,255,255,.74), transparent 38%),
    url("../assets/images/reza-product-glow.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.hero-card-inner {
  background:
    radial-gradient(circle at center, rgba(255,255,255,.74), transparent 42%),
    url("../assets/images/reza-product-glow.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}


/* V11.3 — Premium Reza background images */
.hero {
  background:
    linear-gradient(90deg, rgba(255,250,242,.88), rgba(255,250,242,.58), rgba(255,250,242,.18)),
    url("../assets/images/reza-soft-beauty-bg.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.page-hero {
  background:
    linear-gradient(135deg, rgba(255,250,242,.78), rgba(243,223,206,.56)),
    url("../assets/images/reza-soft-beauty-bg.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.product-img,
.hero-card-inner {
  background:
    radial-gradient(circle at center, rgba(255,255,255,.45), transparent 42%),
    url("../assets/images/reza-card-bg.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.hero::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -180px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232,201,141,.38), transparent 68%);
  filter: blur(12px);
  pointer-events: none;
}


/* V11.4 — Dynamic admin-controlled homepage background */
:root {
  --reza-live-hero-bg: url("../assets/images/reza-soft-beauty-bg.svg");
}

.hero {
  background:
    linear-gradient(90deg, rgba(255,250,242,.88), rgba(255,250,242,.58), rgba(255,250,242,.18)),
    var(--reza-live-hero-bg) !important;
  background-size: cover !important;
  background-position: center !important;
}

.page-hero {
  background:
    linear-gradient(135deg, rgba(255,250,242,.78), rgba(243,223,206,.56)),
    var(--reza-live-hero-bg) !important;
  background-size: cover !important;
  background-position: center !important;
}


/* FINAL — Hard-coded Reza homepage background */
.hero {
  background:
    linear-gradient(90deg, rgba(255,250,242,.86), rgba(255,250,242,.55), rgba(255,250,242,.18)),
    url("../assets/images/reza-live-hero.png") !important;
  background-size: cover !important;
  background-position: center !important;
}

.page-hero {
  background:
    linear-gradient(135deg, rgba(255,250,242,.78), rgba(243,223,206,.52)),
    url("../assets/images/reza-live-hero.png") !important;
  background-size: cover !important;
  background-position: center !important;
}

/* FINAL — Live backend products grid */
.reza-live-products-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 28px !important;
  width: min(1180px, calc(100% - 40px));
  margin: 28px auto !important;
}

.reza-live-card {
  overflow: hidden;
  border-radius: 30px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(120,80,40,.12);
  box-shadow: 0 24px 70px rgba(90,55,25,.13);
}

.reza-live-img-wrap {
  position: relative;
  height: 270px;
  background: #f7ead9;
  overflow: hidden;
}

.reza-live-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reza-live-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  padding: 10px 16px;
  border-radius: 999px;
  background: #d4a247;
  color: #241812;
  font-weight: 900;
}

.reza-live-info {
  padding: 22px;
}

.reza-live-cat {
  color: #9b6b25;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
}

.reza-live-info h3 {
  margin: 8px 0;
  font-size: 1.5rem;
}

.reza-live-price {
  font-size: 1.35rem;
  font-weight: 1000;
  color: #8a5b19;
}

.reza-live-desc {
  color: #5e5047;
  line-height: 1.6;
}

.reza-live-btn {
  width: 100%;
  border: 0;
  border-radius: 999px;
  padding: 15px 20px;
  margin-top: 14px;
  cursor: pointer;
  font-weight: 1000;
  background: linear-gradient(135deg, #f0c96f, #c9943d);
  color: #241812;
}

.reza-live-loading,
.reza-live-empty {
  grid-column: 1 / -1;
  padding: 30px;
  border-radius: 24px;
  background: rgba(255,255,255,.75);
  text-align: center;
  font-weight: 900;
}

/* FINAL — Admin saved hero background support */
:root {
  --reza-admin-hero: none;
}

.hero,
.home-hero,
.page-hero,
.landing-hero,
.hero-section {
  background-image:
    linear-gradient(90deg, rgba(255,248,238,.90), rgba(255,239,220,.62), rgba(255,220,205,.24)),
    var(--reza-admin-hero) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* V11 Alive Words + Button Motion */
.word-pop {
  animation: rezaWordPop .75s cubic-bezier(.18,.89,.32,1.28);
}

@keyframes rezaWordPop {
  0% {
    opacity: 0;
    transform: translateY(22px) scale(.96);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

.btn,
button,
.nav a,
.cart-btn,
.shop-btn {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.btn:hover,
button:hover,
.nav a:hover,
.cart-btn:hover,
.shop-btn:hover {
  transform: translateY(-4px) scale(1.035);
  filter: brightness(1.04);
}

.btn.primary,
button.primary,
.shop-btn,
.cart-btn {
  animation: rezaSoftBounce 2.7s ease-in-out infinite;
}

@keyframes rezaSoftBounce {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 14px 32px rgba(201,148,61,.20);
  }
  50% {
    transform: translateY(-5px);
    box-shadow: 0 22px 48px rgba(201,148,61,.30);
  }
}

.floating-words {
  position: absolute;
  inset: auto 8% 8% auto;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  max-width: 420px;
  pointer-events: none;
  z-index: 5;
}

.floating-words span {
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(201,148,61,.22);
  box-shadow: 0 16px 40px rgba(95,64,30,.10);
  font-weight: 900;
  color: #5b3b1d;
  animation: rezaFloatChip 4s ease-in-out infinite;
}

.floating-words span:nth-child(2) { animation-delay: .6s; }
.floating-words span:nth-child(3) { animation-delay: 1.2s; }
.floating-words span:nth-child(4) { animation-delay: 1.8s; }

@keyframes rezaFloatChip {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    opacity: .82;
  }
  50% {
    transform: translateY(-12px) rotate(-1deg);
    opacity: 1;
  }
}

.hero {
  position: relative;
  overflow: hidden;
}

.hero::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: 10%;
  top: 16%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(214,168,79,.22), transparent 65%);
  filter: blur(10px);
  animation: rezaGlowMove 7s ease-in-out infinite;
  pointer-events: none;
}

@keyframes rezaGlowMove {
  0%, 100% {
    transform: translate(0,0) scale(1);
  }
  50% {
    transform: translate(-28px, 24px) scale(1.15);
  }
}

@media (max-width: 850px) {
  .floating-words {
    position: static;
    margin-top: 24px;
    max-width: 100%;
  }
}


/* ===== Champagne Gold Hero Word Effects ===== */
.hero h1,
.hero-title,
h1 {
  line-height: .95;
}

.hero-line {
  display: block;
  font-weight: 800;
  letter-spacing: -0.03em;
  position: relative;
  animation: heroShimmer 4s ease-in-out infinite;
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gold-a {
  background-image: linear-gradient(90deg, #7a4f11 0%, #d4af37 35%, #f6e2a3 60%, #b8860b 100%);
  text-shadow: 0 0 18px rgba(212, 175, 55, 0.14);
}

.gold-b {
  background-image: linear-gradient(90deg, #8a5a1f 0%, #e2be72 35%, #fff1c7 60%, #b8893d 100%);
  text-shadow: 0 0 18px rgba(226, 190, 114, 0.15);
}

.gold-c {
  background-image: linear-gradient(90deg, #6f4316 0%, #c9963d 35%, #f0d79a 60%, #9f6d22 100%);
  text-shadow: 0 0 18px rgba(201, 150, 61, 0.14);
}

.gold-d {
  background-image: linear-gradient(90deg, #5c3813 0%, #d8b46b 40%, #f8e8be 65%, #aa7a30 100%);
  text-shadow: 0 0 18px rgba(248, 232, 190, 0.14);
}

.word-pop {
  animation: rezaWordPop .7s cubic-bezier(.18,.89,.32,1.28);
}

@keyframes rezaWordPop {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(.96);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes heroShimmer {
  0% {
    background-position: 0% 50%;
    transform: translateY(0px);
  }
  50% {
    background-position: 100% 50%;
    transform: translateY(-2px);
  }
  100% {
    background-position: 0% 50%;
    transform: translateY(0px);
  }
}

/* optional: make action buttons feel more premium */
.hero .btn,
.hero button,
.hero a.btn,
.hero .shop-btn {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.hero .btn:hover,
.hero button:hover,
.hero a.btn:hover,
.hero .shop-btn:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 16px 36px rgba(201, 150, 61, 0.22);
  filter: brightness(1.03);
}

.hero .btn.primary,
.hero .shop-btn.primary,
.hero .cta-primary {
  animation: softGoldBounce 2.8s ease-in-out infinite;
}

@keyframes softGoldBounce {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 10px 24px rgba(212, 175, 55, .18);
  }
  50% {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(212, 175, 55, .28);
  }
}

/* V11 MOBILE RESTORE — phone-friendly layout */
html, body {
  max-width: 100%;
  overflow-x: hidden !important;
}

img {
  max-width: 100%;
  height: auto;
}

.header,
.site-header,
.navbar,
.main-header {
  width: 100%;
}

.hero,
.home-hero,
.hero-section,
.page-hero {
  min-height: auto !important;
  padding: 90px 18px 70px !important;
  overflow: hidden !important;
}

.hero .container,
.home-hero .container,
.hero-section .container,
.page-hero .container,
.container {
  width: min(100% - 32px, 1180px) !important;
  margin-inline: auto !important;
}

.hero-grid,
.home-grid,
.hero-content,
.hero-inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  width: 100% !important;
}

.hero h1,
.home-hero h1,
.hero-section h1,
.page-hero h1,
.hero-title,
.hero-copy h1 {
  font-size: clamp(3rem, 15vw, 5.2rem) !important;
  line-height: .9 !important;
  letter-spacing: -0.05em !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.hero p,
.home-hero p,
.hero-section p,
.page-hero p,
.hero-copy p {
  font-size: 1rem !important;
  line-height: 1.55 !important;
  max-width: 100% !important;
}

.hero-actions,
.actions,
.cta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.hero-actions .btn,
.actions .btn,
.cta-row .btn,
button,
.btn {
  max-width: 100%;
}

/* Products/cart grids must stack nicely on phones */
.products-grid,
.product-grid,
#productsGrid,
#productGrid,
#featuredProducts,
.featured-products {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

.product-card {
  width: 100% !important;
  max-width: 100% !important;
}

.product-img img,
.product-card img {
  height: auto !important;
  max-height: 320px !important;
  object-fit: cover !important;
}

/* Cart / checkout */
.cart-layout,
.checkout-layout,
.cart-grid,
.checkout-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

.cart-item {
  display: grid !important;
  grid-template-columns: 90px 1fr !important;
  gap: 12px !important;
  align-items: center !important;
}

.cart-item img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
}

/* Nav phone repair */
@media (max-width: 760px) {
  .top-bar,
  .top-strip,
  .announcement-bar {
    font-size: .72rem !important;
    letter-spacing: .18em !important;
    text-align: center !important;
    padding: 8px 12px !important;
  }

  header,
  .site-header,
  .navbar,
  .main-header {
    padding: 12px 14px !important;
  }

  .brand,
  .logo-wrap,
  .site-brand {
    transform: scale(.9);
    transform-origin: left center;
  }

  nav,
  .nav-links,
  .nav-menu,
  .nav-center {
    display: flex !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 8px !important;
    max-width: 100% !important;
    padding: 8px !important;
    border-radius: 999px !important;
  }

  nav a,
  .nav-links a,
  .nav-menu a {
    flex: 0 0 auto !important;
    padding: 10px 14px !important;
    font-size: .9rem !important;
  }

  .hero,
  .home-hero,
  .hero-section,
  .page-hero {
    padding-top: 70px !important;
    background-position: center !important;
  }

  .hero h1,
  .home-hero h1,
  .hero-section h1,
  .page-hero h1,
  .hero-title,
  .hero-copy h1 {
    font-size: clamp(2.8rem, 17vw, 4.4rem) !important;
  }

  .hero-visual,
  .hero-media,
  .hero-card,
  .hero-image-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-section,
  section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 430px) {
  .hero h1,
  .home-hero h1,
  .hero-section h1,
  .page-hero h1,
  .hero-title,
  .hero-copy h1 {
    font-size: clamp(2.4rem, 16vw, 3.7rem) !important;
  }

  .hero-actions .btn,
  .actions .btn,
  .cta-row .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .cart-item {
    grid-template-columns: 72px 1fr !important;
  }

  .cart-item img {
    width: 72px !important;
    height: 72px !important;
  }
}

/* =========================================================
   FINAL FIX — Premium Home Coming Soon Section
   ========================================================= */
.coming-section {
  position: relative !important;
  overflow: hidden !important;
  padding: 82px 9% 90px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(201,148,61,.22), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(255,236,190,.12), transparent 28%),
    linear-gradient(135deg, #2d2723 0%, #211c19 52%, #151210 100%) !important;
  color: #fffaf2 !important;
}

.coming-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.025) 1px, transparent 1px) !important;
  background-size: 58px 58px !important;
  opacity: .35 !important;
}

.coming-section > * {
  position: relative !important;
  z-index: 1 !important;
}

.coming-section .section-title {
  max-width: 880px !important;
  margin: 0 auto 42px !important;
  text-align: center !important;
}

.coming-section .section-title .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  background: rgba(201,148,61,.18) !important;
  border: 1px solid rgba(232,201,141,.22) !important;
  color: #e8c98d !important;
  letter-spacing: .22em !important;
  font-size: .72rem !important;
  font-weight: 1000 !important;
}

.coming-section .section-title h2 {
  margin: 18px auto 14px !important;
  max-width: 820px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.35rem, 4.9vw, 4.6rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  color: #f7df9b !important;
  text-shadow: 0 18px 45px rgba(0,0,0,.24) !important;
}

.coming-section .section-title p:not(.eyebrow) {
  max-width: 720px !important;
  margin: 0 auto !important;
  color: rgba(255,250,242,.78) !important;
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
}

.coming-grid {
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
}

.coming-card {
  overflow: hidden !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(18px) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.coming-card:hover {
  transform: translateY(-10px) !important;
  border-color: rgba(232,201,141,.38) !important;
  box-shadow: 0 34px 95px rgba(0,0,0,.34) !important;
}

.coming-card img {
  width: 100% !important;
  height: 255px !important;
  object-fit: cover !important;
  display: block !important;
  background: #f6ead5 !important;
}

.coming-card span {
  display: inline-flex !important;
  margin: 20px 22px 10px !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f5d987, #c9943d) !important;
  color: #201510 !important;
  font-size: .7rem !important;
  font-weight: 1000 !important;
  letter-spacing: .18em !important;
}

.coming-card h3 {
  margin: 8px 22px 10px !important;
  padding: 0 !important;
  color: #fffaf2 !important;
  font-size: 1.22rem !important;
  line-height: 1.25 !important;
}

.coming-card p {
  margin: 0 !important;
  padding: 0 22px 26px !important;
  color: rgba(255,250,242,.76) !important;
  line-height: 1.65 !important;
  font-size: .97rem !important;
}

@media (max-width: 980px) {
  .coming-grid {
    grid-template-columns: 1fr !important;
  }

  .coming-section {
    padding: 66px 18px 76px !important;
  }

  .coming-card img {
    height: 270px !important;
  }
}

@media (max-width: 650px) {
  .coming-section .section-title {
    text-align: left !important;
  }

  .coming-section .section-title h2 {
    font-size: clamp(2.3rem, 12vw, 3.25rem) !important;
  }

  .coming-section .section-title p:not(.eyebrow) {
    margin-left: 0 !important;
  }

  .coming-card img {
    height: 235px !important;
  }
}

/* FINAL — Checkout delivery prices */
.delivery-option {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 14px !important;
}

.delivery-option span {
  display: block !important;
  color: #7e6f61 !important;
  margin-top: 5px !important;
  line-height: 1.45 !important;
}

.delivery-price {
  white-space: nowrap !important;
  color: #2a1d17 !important;
  font-weight: 1000 !important;
}

@media (max-width: 650px) {
  .delivery-option {
    grid-template-columns: auto 1fr !important;
  }

  .delivery-price {
    grid-column: 2 / -1 !important;
  }
}