:root {
    --bg-black: #0b0a09;
    --bg-black-2: #161412;
    --bg-black-3: #1e1b17;
    --gold: #dda23f;
    --gold-light: #f0c375;
    --orange: #e5811f;
    --orange-dark: #c96812;
    --text-light: #f6f1e7;
    --text-muted: #a39d90;
    --border-gold: rgba(221, 162, 63, .25);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(ellipse at top left, rgba(221, 162, 63, .06), transparent 45%),
        radial-gradient(ellipse at bottom right, rgba(229, 129, 31, .05), transparent 45%),
        var(--bg-black);
    color: var(--text-light);
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
.brand-font {
    font-family: 'Playfair Display', serif;
}

a {
    text-decoration: none;
}
/* header css  */
/* ===== sirf menu/navbar ke liye zaroori variables ===== */
:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--bg-black);
  color:var(--text-light);
  font-family:'Poppins',sans-serif;
  font-weight:300;
}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{max-width:1300px;margin:0 auto;padding:0 24px;}

/* ===== Navbar (aapki di hui CSS se) ===== */
.navbar-krishna{
  background:rgba(11,10,9,.92);
  backdrop-filter:blur(6px);
  padding:12px 0;
  border-bottom:1px solid var(--border-gold);
  position:sticky; top:0; z-index:1000;
}
.nav-container{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo-box{ display:inline-block; text-align:center; line-height:1.1; }
.logo-box .crown{ color:var(--gold); font-size:.85rem; }
.logo-box .brand-name{ color:var(--gold); font-weight:700; font-size:1.3rem; letter-spacing:1.5px; }
.logo-box .sub-name{ color:var(--text-muted); font-size:.58rem; letter-spacing:3px; }

.nav-krishna{ display:flex; align-items:center; }
.nav-krishna .nav-item{ position:relative; }
.nav-krishna .nav-link{ color:var(--text-light) !important; font-size:.88rem; font-weight:500; margin:0 14px; position:relative; padding:6px 0; display:flex; align-items:center; gap:5px; transition:color .2s; white-space:nowrap; cursor:pointer; }
.nav-krishna .nav-link:hover{ color:var(--gold-light) !important; }
.nav-krishna .nav-link.active{ color:var(--orange) !important; }
.nav-krishna .nav-link.active::after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--orange); }
.nav-krishna .nav-link .chev{ font-size:.65rem; transition:transform .2s; }

.nav-icons{display:flex;align-items:center;}
.nav-icons a{ color:var(--text-light); font-size:1.1rem; margin-left:18px; position:relative; transition:color .2s; }
.nav-icons a:hover{ color:var(--gold); }
.cart-badge{ position:absolute; top:-8px; right:-11px; background:var(--orange); color:#111; font-size:.6rem; font-weight:700; padding:1px 5px; border-radius:50%; }
.cart-price{ color:var(--gold); font-weight:600; font-size:.92rem; margin-left:6px; }

/* ===== Desktop dropdown (hover) ===== */
.dropdown-menu-custom{
  position:absolute; top:calc(100% + 14px); left:50%; transform:translateX(-50%) translateY(8px);
  min-width:210px; background:var(--bg-black-2); border:1px solid var(--border-gold); border-radius:8px;
  padding:8px 0; box-shadow:0 18px 40px rgba(0,0,0,.5);
  opacity:0; visibility:hidden; transition:opacity .2s, transform .2s;
  z-index:10;
}
.nav-item:hover .dropdown-menu-custom{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.dropdown-menu-custom a{
  display:block; padding:9px 20px; font-size:.85rem; color:var(--text-muted); transition:.2s;
}
.dropdown-menu-custom a:hover,
.dropdown-menu-custom a.active{ background:rgba(221,162,63,.08); color:var(--gold-light); padding-left:24px; }

/* ===== Hamburger (mobile only) ===== */
.hamburger-btn{
  display:none; width:38px; height:38px; border:1px solid var(--gold); border-radius:6px;
  background:transparent; color:var(--gold); font-size:1.1rem; align-items:center; justify-content:center;
  cursor:pointer; margin-left:12px;
}

/* ===== Mobile Sidebar ===== */
.sidebar-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:1998;
  opacity:0; visibility:hidden; transition:opacity .3s;
}
.sidebar-overlay.active{ opacity:1; visibility:visible; }

.mobile-sidebar{
  position:fixed; top:0; left:0; height:100%; width:290px; max-width:82%;
  background:var(--bg-black-2); border-right:1px solid var(--border-gold);
  z-index:1999; transform:translateX(-100%); transition:transform .3s ease;
  display:flex; flex-direction:column; overflow-y:auto;
}
.mobile-sidebar.active{ transform:translateX(0); }

.sidebar-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 18px; border-bottom:1px solid var(--border-gold);
}
.sidebar-close{
  width:34px; height:34px; border:1px solid var(--border-gold); border-radius:50%;
  background:transparent; color:var(--gold); font-size:1rem; display:flex; align-items:center; justify-content:center; cursor:pointer;
}

.sidebar-menu{ padding:10px 0; }
.sidebar-menu .side-item{ border-bottom:1px solid var(--border-gold); }
.sidebar-menu .side-link{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 20px; color:var(--text-light); font-size:.92rem; font-weight:500; cursor:pointer;
}
.sidebar-menu .side-link.active{ color:var(--orange); }
.sidebar-menu .side-link .chev{ font-size:.75rem; color:var(--gold); transition:transform .25s; }
.sidebar-menu .side-item.open > .side-link .chev{ transform:rotate(180deg); }

.side-submenu{
  max-height:0; overflow:hidden; transition:max-height .3s ease;
  background:var(--bg-black-3);
}
.sidebar-menu .side-item.open .side-submenu{ max-height:400px; }
.side-submenu a{
  display:block; padding:11px 20px 11px 34px; font-size:.85rem; color:var(--text-muted); transition:.2s;
}
.side-submenu a:hover{ color:var(--gold-light); background:rgba(221,162,63,.06); }

/* ===== Responsive breakpoint ===== */
@media (max-width:991px){
  .nav-krishna{ display:none; }
  .hamburger-btn{ display:flex; }
}
/* header css  */
.text-gold {
    color: var(--gold) !important;
}

.text-orange {
    color: var(--orange) !important;
}

.border-gold {
    border-color: var(--border-gold) !important;
}

::selection {
    background: var(--orange);
    color: #111;
}

img {
    max-width: 100%;
}

/* ===== Topbar ===== */
.topbar {
    background: #000;
    font-size: .72rem;
    padding: 2px 0;
    border-bottom: 1px solid var(--border-gold);
    color: var(--text-muted);
    line-height: 1.2;
}

.topbar .star-item i {
    color: var(--gold);
    margin-right: 5px;
}

.topbar a {
    color: var(--text-muted);
    transition: color .2s;
}

.topbar a:hover {
    color: var(--gold);
}

.topbar .social a {
    color: var(--text-light);
    margin-left: 14px;
    font-size: .85rem;
}

/* ===== Navbar ===== */
.navbar-krishna {
    background: rgba(11, 10, 9, .92);
    backdrop-filter: blur(6px);
    padding: 12px 0;
    border-bottom: 1px solid var(--border-gold);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.logo-box {
    display: inline-block;
    text-align: center;
    line-height: 1.1;
}

.logo-box .crown {
    color: var(--gold);
    font-size: .85rem;
}

.logo-box .brand-name {
    color: var(--gold);
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 1.5px;
}

.logo-box .sub-name {
    color: var(--text-muted);
    font-size: .58rem;
    letter-spacing: 3px;
}

.nav-krishna .nav-link {
    color: var(--text-light) !important;
    font-size: .88rem;
    font-weight: 500;
    margin: 0 14px;
    position: relative;
    padding-bottom: 6px !important;
    transition: color .2s;
    white-space: nowrap;
}

.nav-krishna .nav-link:hover {
    color: var(--gold-light) !important;
}

.nav-krishna .nav-link.active {
    color: var(--orange) !important;
}

.nav-krishna .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--orange);
}

.nav-icons a {
    color: var(--text-light);
    font-size: 1.1rem;
    margin-left: 18px;
    position: relative;
    transition: color .2s;
}

.nav-icons a:hover {
    color: var(--gold);
}

.cart-badge {
    position: absolute;
    top: -8px;
    right: -11px;
    background: var(--orange);
    color: #111;
    font-size: .6rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 50%;
}

.cart-price {
    color: var(--gold);
    font-weight: 600;
    font-size: .92rem;
    margin-left: 6px;
}

/* ===== Hero ===== */
.hero-section {
    padding: 0;
    border-bottom: 1px solid var(--border-gold);
    overflow: hidden;
}

.hero-slide {
    padding: 60px 0;
}

.hero-slide .glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 75% 50%, rgba(229, 129, 31, .12), transparent 55%);
    pointer-events: none;
}

.hero-section h5 {
    color: var(--text-light);
    font-weight: 400;
    font-size: 1.3rem;
}

.hero-section h1 {
    color: var(--gold);
    font-weight: 800;
    font-size: 3.4rem;
    text-shadow: 0 0 30px rgba(221, 162, 63, .35);
    line-height: 1.1;
}

.hero-section p.lead-sub {
    color: var(--text-muted);
    font-size: 1.15rem;
}

.btn-shop {
    background: linear-gradient(135deg, var(--orange), var(--orange-dark));
    border: none;
    color: #181103;
    font-weight: 600;
    padding: 12px 32px;
    border-radius: 3px;
    letter-spacing: .5px;
    box-shadow: 0 8px 24px rgba(229, 129, 31, .35);
    transition: transform .2s;
}

.btn-shop:hover {
    transform: translateY(-2px);
    color: #111;
}

.hero-visual {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    max-width: 420px;
    margin: 0 auto;
}

.hero-visual svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .55));
}

.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
    width: 42px;
    height: 42px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold);
    background: rgba(0, 0, 0, .3);
    transition: background .2s, color .2s;
}

.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover {
    background: var(--gold);
    color: #111;
}

.hero-swiper .swiper-button-next::after,
.hero-swiper .swiper-button-prev::after {
    font-size: 15px;
}

.hero-swiper .swiper-pagination {
    position: relative;
    margin-top: 10px;
}

.hero-swiper .swiper-pagination-bullet {
    background: #5a5145;
    opacity: 1;
}

.hero-swiper .swiper-pagination-bullet-active {
    background: var(--orange);
}

/* ===== USP ===== */
.usp-row {
    padding: 34px 0;
    border-bottom: 1px solid var(--border-gold);
}

.usp-item {
    transition: transform .25s;
}

.usp-item:hover {
    transform: translateY(-4px);
}

.usp-item i {
    font-size: 1.9rem;
    color: var(--gold);
}

.usp-item .usp-label {
    font-size: .9rem;
    color: var(--text-light);
    font-weight: 500;
}

/* ===== About ===== */
.about-section {
    padding: 70px 0;
    border-bottom: 1px solid var(--border-gold);
}

.about-eyebrow {
    color: var(--orange);
    letter-spacing: 2px;
    font-size: .85rem;
    font-weight: 600;
}

.about-section h2 {
    font-size: 2.3rem;
    font-weight: 700;
    color: var(--text-light);
}

.about-section h2 .accent {
    color: var(--gold);
    display: block;
}

.about-section p {
    color: var(--text-muted);
    font-size: .96rem;
    line-height: 1.85;
}

.btn-outline-gold {
    border: 1px solid var(--gold);
    color: var(--gold);
    padding: 10px 28px;
    font-size: .9rem;
    letter-spacing: .5px;
    border-radius: 3px;
    transition: all .2s;
}

.btn-outline-gold:hover {
    background: var(--gold);
    color: #111;
    box-shadow: 0 8px 20px rgba(221, 162, 63, .25);
}

.about-collage .tile {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 2px solid var(--border-gold);
    transition: transform .3s, border-color .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-collage .tile:hover {
    transform: scale(1.07);
    border-color: var(--gold);
}

.about-collage .tile svg {
    width: 70%;
    height: 70%;
}

/* ===== Section heading ===== */
.section-heading {
    text-align: center;
    color: var(--orange);
    letter-spacing: 2.5px;
    font-weight: 700;
    font-size: 1rem;
    padding: 34px 0 26px;
    border-bottom: 1px solid var(--border-gold);
    margin-bottom: 0;
    position: relative;
}

.section-heading::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 2px;
    background: var(--orange);
}

/* ===== Categories ===== */
.categories-section {
    padding: 34px 0 40px;
    border-bottom: 1px solid var(--border-gold);
}

.cat-badge {
    width: 100%;
    aspect-ratio: 1/1;
    max-width: 110px;
    margin: 0 auto 12px;
    border-radius: 50%;
    border: 2px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, var(--bg-black-3), var(--bg-black-2));
    transition: transform .3s, box-shadow .3s;
}

.cat-badge i {
    font-size: 2rem;
    color: var(--gold);
}

.cat-item:hover .cat-badge {
    transform: translateY(-6px);
    box-shadow: 0 12px 26px rgba(221, 162, 63, .28);
}

.cat-label {
    text-align: center;
    color: var(--text-light);
    font-size: .88rem;
}

.round-arrow {
    width: 40px;
    height: 40px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    background: transparent;
    transition: all .2s;
    flex: none;
}

.round-arrow:hover {
    background: var(--gold);
    color: #111;
}

.round-arrow.filled {
    background: var(--orange);
    color: #111;
    border-color: var(--orange);
}

/* ===== Product / pouch card (used in grid + 3D swiper) ===== */
.pouch-card {
    border: 1px solid var(--border-gold);
    border-radius: 12px;
    padding: 16px;
    background: linear-gradient(160deg, var(--bg-black-3), var(--bg-black-2));
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}

.pouch-card:hover {
    /* keep card in place so top border highlight is never clipped */
    transform: none;
    box-shadow:
        0 0 0 1px var(--orange),
        0 10px 24px rgba(0, 0, 0, .4);
    border-color: var(--orange);
}

.pouch-visual {
    width: 100%;
    aspect-ratio: 3/4;
    margin-bottom: 12px;
    border-radius: 8px;
    overflow: hidden;
    background: #100e0c;
}

.pouch-visual svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform .35s;
}

.pouch-card:hover .pouch-visual svg {
    transform: scale(1.05);
}

.pouch-card .p-name {
    color: var(--text-light);
    font-weight: 500;
    font-size: .98rem;
    margin-bottom: 2px;
}

.pouch-card .p-price-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.pouch-card .p-price {
    color: var(--gold);
    font-weight: 600;
    margin-bottom: 0;
}

.pouch-card .p-stock-left {
    color: var(--orange);
    font-size: .72rem;
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

.qty-box {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 38px;
    border: 1px solid var(--border-gold);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: auto;
    background: rgba(0, 0, 0, .35);
}

.qty-box button {
    flex: 0 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--orange, #e5811f);
    width: 40px;
    height: auto;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background .2s;
}

.qty-box button:hover:not(:disabled) {
    background: rgba(229, 129, 31, .12);
}

.qty-box button:disabled,
.qty-box button[aria-disabled="true"] {
    color: var(--orange, #e5811f) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    background: transparent !important;
    pointer-events: none;
}

.qty-box input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 100%;
    border: none !important;
    border-left: 1px solid rgba(221, 162, 63, .28) !important;
    border-right: 1px solid rgba(221, 162, 63, .28) !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--text-light);
    text-align: center;
    font-size: .95rem;
    font-weight: 600;
    font-family: inherit;
    padding: 0 4px;
    -moz-appearance: textfield;
    appearance: textfield;
}

.qty-box input:focus,
.qty-box input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(221, 162, 63, .28) !important;
}

.qty-box input::-webkit-outer-spin-button,
.qty-box input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none;
}

.btn-cart {
    background: linear-gradient(135deg, var(--orange), var(--orange-dark));
    color: #181103;
    border: none;
    width: 100%;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: .5px;
    font-size: .84rem;
    transition: transform .2s, box-shadow .2s;
}

.btn-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(229, 129, 31, .35);
    color: #111;
}

/* ===== 3D swiper section ===== */
.carousel3d-section {
    padding: 40px 0 26px;
    border-bottom: 1px solid var(--border-gold);
}

.pack-swiper {
    padding: 16px 4px 50px;
}

.pack-swiper .swiper-slide {
    width: 220px;
    height: auto;
}

.pack-swiper .swiper-slide-shadow-left,
.pack-swiper .swiper-slide-shadow-right {
    border-radius: 12px;
}

.drag-hint {
    color: var(--text-muted);
    font-size: .85rem;
    text-align: center;
    margin-top: 4px;
}

/* ===== Products grid ===== */
.products-section {
    padding: 34px 0 50px;
    border-bottom: 1px solid var(--border-gold);
}

/* ===== Testimonials ===== */
.testimonial-section {
    padding: 36px 0 50px;
    border-bottom: 1px solid var(--border-gold);
}

.testi-swiper {
    padding-bottom: 44px;
}

.testi-card {
    background: linear-gradient(160deg, var(--bg-black-3), var(--bg-black-2));
    border: 1px solid var(--border-gold);
    border-radius: 12px;
    padding: 26px;
    height: 100%;
}

.testi-card i.bi-quote {
    color: var(--orange);
    font-size: 1.5rem;
}

.testi-card p.testi-text {
    color: var(--text-muted);
    font-size: .92rem;
    margin: 14px 0 16px;
    min-height: 66px;
}

.testi-card .stars i {
    color: var(--gold);
    font-size: .78rem;
}

.testi-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(160deg, var(--gold), var(--orange-dark));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #1a1206;
    margin-right: 10px;
    flex: none;
}

.testi-avatar-photo {
    object-fit: cover;
    border: 1px solid var(--border-gold);
}

.testi-author .name {
    color: var(--text-light);
    font-size: .9rem;
    font-weight: 500;
}

.testi-author .loc {
    color: var(--text-muted);
    font-size: .78rem;
}

.testi-swiper .swiper-pagination {
    position: relative;
    margin-top: 6px;
}

.testi-swiper .swiper-pagination-bullet {
    background: #5a5145;
    opacity: 1;
}

.testi-swiper .swiper-pagination-bullet-active {
    background: var(--orange);
}

/* ===== Footer ===== */
footer {
    background: #000;
    padding-top: 44px;
    font-size: .86rem;
    border-top: 1px solid var(--border-gold);
}

footer h6 {
    color: var(--orange);
    letter-spacing: 1.5px;
    font-size: .82rem;
    font-weight: 700;
    margin-bottom: 16px;
}

footer p,
footer li {
    color: var(--text-muted);
}

footer ul {
    list-style: none;
    padding: 0;
}

footer ul li {
    margin-bottom: 8px;
}

footer ul li a {
    color: var(--text-muted);
    transition: color .2s;
}

footer ul li a:hover {
    color: var(--gold);
}

.footer-social a {
    color: var(--text-light);
    margin-right: 14px;
    font-size: 1.05rem;
    transition: color .2s;
}

.footer-social a:hover {
    color: var(--gold);
}

.footer-newsletter input {
    background: transparent;
    border: 1px solid var(--border-gold);
    color: var(--text-light);
}

.footer-newsletter input::placeholder {
    color: var(--text-muted);
}

.footer-newsletter button {
    background: var(--orange);
    border: none;
    color: #111;
}

.footer-newsletter-msg {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: #8fd06a;
}

.footer-newsletter-msg.is-error {
    color: #e35b5b;
}

.footer-bottom {
    border-top: 1px solid var(--border-gold);
    margin-top: 30px;
    padding: 14px 0;
    font-size: .78rem;
    color: var(--text-muted);
}

.footer-bottom .heart {
    color: #c0392b;
}

@media (max-width:767px) {
    .hero-section h1 {
        font-size: 2.1rem;
    }

    .about-collage {
        margin-bottom: 26px;
    }

    .hero-visual {
        max-width: 280px;
        margin-top: 24px;
    }
}

:root {
    --bg-black: #0b0a09;
    --bg-black-2: #161412;
    --bg-black-3: #1e1b17;
    --gold: #dda23f;
    --gold-light: #f0c375;
    --orange: #e5811f;
    --orange-dark: #c96812;
    --text-light: #f6f1e7;
    --text-muted: #a39d90;
    --border-gold: rgba(221, 162, 63, .25);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: var(--bg-black);
    color: var(--text-light);
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

.font-display {
    font-family: 'Marcellus', serif;
}

.container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 32px;
}

/* TOP BAR */
.topbar {
    background: var(--bg-black-2);
    border-bottom: 1px solid var(--border-gold);
    font-size: 12px;
    color: var(--text-muted);
}

.topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 38px;
}

.topbar .left span {
    margin-right: 22px;
}

.topbar .left span strong {
    color: var(--gold);
}

.topbar .right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.topbar .socials {
    display: flex;
    gap: 12px;
}

.topbar .socials a {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid var(--border-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: var(--gold);
}

/* HEADER */
header.main {
    background: var(--bg-black);
    border-bottom: 1px solid var(--border-gold);
    position: sticky;
    top: 0;
    z-index: 100;
}

header.main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 82px;
}

.logo {
    border: 1px solid var(--gold);
    padding: 8px 18px;
    text-align: center;
    line-height: 1.1;
}

.logo .name {
    font-family: 'Marcellus', serif;
    font-size: 20px;
    letter-spacing: 2px;
    color: var(--gold-light);
}

.logo .sub {
    font-size: 9px;
    letter-spacing: 3px;
    color: var(--text-muted);
}

nav.primary ul {
    display: flex;
    gap: 34px;
    font-size: 14px;
    letter-spacing: .5px;
}

nav.primary a {
    color: var(--text-light);
    position: relative;
    padding-bottom: 6px;
}

nav.primary a.active {
    color: var(--orange);
}

nav.primary a.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--orange);
}

.header-icons {
    display: flex;
    align-items: center;
    gap: 22px;
    font-size: 16px;
}

.header-icons .cart {
    background: var(--orange);
    color: #1a1204;
    padding: 6px 14px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
}

/* PAGE HEAD */
.page-head {
    padding: 46px 0 30px;
    text-align: center;
    border-bottom: 1px solid var(--border-gold);
    background: radial-gradient(ellipse at 50% 0%, rgba(221, 162, 63, .08), transparent 60%), var(--bg-black);
}

.page-head .eyebrow {
    color: var(--orange);
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: 600;
}

.page-head .eyebrow::after {
    content: '';
    display: block;
    width: 46px;
    height: 2px;
    background: var(--orange);
    margin: 10px auto 0;
}

.page-head h1 {
    font-family: 'Marcellus', serif;
    font-size: 40px;
    color: var(--gold-light);
    margin-top: 14px;
}

.breadcrumb {
    margin-top: 14px;
    font-size: 13px;
    color: var(--text-muted);
    text-align: center;
    display: flex;
    justify-content: center;
}

.breadcrumb a {
    color: var(--gold);
}

.breadcrumb span {
    margin: 0 6px;
    color: var(--border-gold);
}

.section-head {
    text-align: center;
    margin-bottom: 44px;
}

.section-head .eyebrow {
    color: var(--orange);
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: 600;
}

.section-head .eyebrow::after {
    content: '';
    display: block;
    width: 46px;
    height: 2px;
    background: var(--orange);
    margin: 10px auto 0;
}

.section-head h2 {
    font-family: 'Marcellus', serif;
    font-size: 32px;
    color: var(--gold-light);
    margin-top: 14px;
}

.section-head p {
    max-width: 560px;
    margin: 14px auto 0;
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.8;
}

/* ===== SECTION 1: ABOUT US ===== */
.about-section {
    padding: 80px 0;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
}

.about-visual {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.pouch-tile {
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-gold);
    overflow: hidden;
}

.pouch-tile.has-photo {
    background: #120e09 !important;
}

.pouch-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pouch-tile .grains {
    width: 38%;
    height: 38%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .15);
    position: relative;
}

.pouch-tile .grains i {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 50%;
    opacity: .85;
}

.about-text .eyebrow {
    color: var(--orange);
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: 600;
}

.about-text h2 {
    font-family: 'Marcellus', serif;
    font-size: 34px;
    color: var(--gold-light);
    margin: 14px 0 20px;
    line-height: 1.25;
}

.about-text p {
    font-size: 14.5px;
    color: var(--text-muted);
    line-height: 1.9;
    margin-bottom: 16px;
}

.about-stats {
    display: flex;
    gap: 40px;
    margin-top: 30px;
}

.about-stats div {
    text-align: left;
}

.about-stats .num {
    font-family: 'Marcellus', serif;
    font-size: 28px;
    color: var(--gold);
}

.about-stats .lbl {
    font-size: 12px;
    color: var(--text-muted);
    letter-spacing: .5px;
    margin-top: 4px;
}

.btn-outline {
    display: inline-block;
    margin-top: 28px;
    border: 1px solid var(--orange);
    color: var(--orange);
    padding: 12px 28px;
    border-radius: 6px;
    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
    background: transparent;
    font-family: 'Poppins';
    transition: .2s;
}

.btn-outline:hover {
    background: var(--orange);
    color: #1a1204;
}

/* ===== SECTION 2 & 3: VISION / MISSION ===== */
.vm-section {
    padding: 70px 0;
    border-top: 1px solid var(--border-gold);
    background: var(--bg-black-2);
}

.vm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}

.vm-card {
    background: var(--bg-black);
    border: 1px solid var(--border-gold);
    border-radius: 12px;
    padding: 40px 34px;
    position: relative;
    overflow: hidden;
}

.vm-card::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(221, 162, 63, .12), transparent 70%);
}

.vm-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--gold);
    margin-bottom: 22px;
}

.vm-card h3 {
    font-family: 'Marcellus', serif;
    font-size: 24px;
    color: var(--gold-light);
    margin-bottom: 14px;
}

.vm-card p {
    font-size: 14.5px;
    color: var(--text-muted);
    line-height: 1.9;
}

.vm-card ul {
    margin-top: 16px;
}

.vm-card ul li {
    font-size: 13.5px;
    color: var(--text-muted);
    padding: 6px 0;
    display: flex;
    gap: 10px;
}

.vm-card ul li::before {
    content: '✓';
    color: var(--orange);
    font-weight: 700;
}

/* ===== SECTION 4: TESTIMONIALS ===== */
.testimonial-section {
    padding: 80px 0;
}

.testimonial-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.testimonial-card {
    background: var(--bg-black-2);
    border: 1px solid var(--border-gold);
    border-radius: 10px;
    padding: 30px 26px;
    position: relative;
}

.testimonial-card .quote-mark {
    font-size: 34px;
    color: var(--orange);
    font-family: 'Marcellus', serif;
    line-height: 1;
}

.testimonial-card p {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.85;
    margin: 16px 0 20px;
}

.testimonial-card .stars {
    color: var(--gold);
    letter-spacing: 2px;
    font-size: 13px;
    margin-bottom: 14px;
}

.reviewer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reviewer .avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--orange);
    color: #1a1204;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.reviewer .name {
    font-size: 14px;
    color: var(--text-light);
    font-weight: 500;
}

.reviewer .loc {
    font-size: 12px;
    color: var(--text-muted);
}

/* ===== SECTION 5: FAQ ===== */
.faq-section {
    padding: 70px 0 90px;
    border-top: 1px solid var(--border-gold);
    background: var(--bg-black-2);
}

.faq-list {
    max-width: 820px;
    margin: 0 auto;
}

.faq-item {
    border: 1px solid var(--border-gold);
    border-radius: 8px;
    margin-bottom: 14px;
    overflow: hidden;
    background: var(--bg-black);
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    cursor: pointer;
    font-size: 15px;
    color: var(--text-light);
}

.faq-question .icon {
    color: var(--gold);
    font-size: 18px;
    transition: .25s;
}

.faq-item.open .faq-question .icon {
    transform: rotate(45deg);
    color: var(--orange);
}

.faq-item.open .faq-question {
    color: var(--gold-light);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    padding: 0 22px;
}

.faq-item.open .faq-answer {
    max-height: 220px;
    padding: 0 22px 20px;
}

.faq-answer p {
    font-size: 13.5px;
    color: var(--text-muted);
    line-height: 1.85;
}

/* FOOTER */
footer {
    background: var(--bg-black-2);
    border-top: 1px solid var(--border-gold);
    padding: 56px 0 26px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
    gap: 34px;
}

.footer-grid h4 {
    color: var(--gold);
    font-size: 13px;
    letter-spacing: 1.5px;
    margin-bottom: 16px;
}

.footer-grid p,
.footer-grid li {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.9;
}

.footer-socials {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.footer-socials a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--border-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    font-size: 13px;
}

.newsletter-form {
    display: flex;
    margin-top: 12px;
    border: 1px solid var(--border-gold);
    border-radius: 6px;
    overflow: hidden;
}

.newsletter-form input {
    flex: 1;
    background: transparent;
    border: none;
    padding: 10px;
    color: var(--text-light);
    outline: none;
    font-family: 'Poppins';
    font-size: 13px;
}

.newsletter-form button {
    background: var(--orange);
    border: none;
    padding: 0 16px;
    color: #1a1204;
    cursor: pointer;
}

.footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--border-gold);
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--text-muted);
}

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

    .vm-grid {
        grid-template-columns: 1fr;
    }

    .testimonial-track {
        grid-template-columns: 1fr 1fr;
    }

    nav.primary {
        display: none;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:560px) {
    .testimonial-track {
        grid-template-columns: 1fr;
    }

    .about-stats {
        flex-wrap: wrap;
        gap: 24px;
    }

    .page-head h1 {
        font-size: 30px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }
}

:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
  --error:#e35b5b;
  --success:#8fd06a;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg-black);color:var(--text-light);font-family:'Poppins',sans-serif;font-weight:300;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.font-display{font-family:'Marcellus',serif;}
.container{max-width:1300px;margin:0 auto;padding:0 32px;}

/* TOP BAR */
.topbar{background:var(--bg-black-2);border-bottom:1px solid var(--border-gold);font-size:12px;color:var(--text-muted);}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;}
.topbar .left span{margin-right:22px;}
.topbar .left span strong{color:var(--gold);}
.topbar .right{display:flex;align-items:center;gap:18px;}
.topbar .socials{display:flex;gap:12px;}
.topbar .socials a{width:22px;height:22px;border-radius:50%;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gold);}

/* HEADER */
header.main{background:var(--bg-black);border-bottom:1px solid var(--border-gold);position:sticky;top:0;z-index:100;}
header.main .container{display:flex;align-items:center;justify-content:space-between;height:82px;}
.logo{border:1px solid var(--gold);padding:8px 18px;text-align:center;line-height:1.1;}
.logo .name{font-family:'Marcellus',serif;font-size:20px;letter-spacing:2px;color:var(--gold-light);}
.logo .sub{font-size:9px;letter-spacing:3px;color:var(--text-muted);}
nav.primary ul{display:flex;gap:34px;font-size:14px;letter-spacing:.5px;}
nav.primary a{color:var(--text-light);position:relative;padding-bottom:6px;}
nav.primary a.active{color:var(--orange);}
nav.primary a.active::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);}
.header-icons{display:flex;align-items:center;gap:22px;font-size:16px;}
.header-icons .cart{background:var(--orange);color:#1a1204;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;}

/* PAGE HEAD */
.page-head{padding:46px 0 30px;text-align:center;border-bottom:1px solid var(--border-gold);
  background:radial-gradient(ellipse at 50% 0%, rgba(221,162,63,.08), transparent 60%), var(--bg-black);}
.page-head .eyebrow{color:var(--orange);font-size:13px;letter-spacing:3px;font-weight:600;}
.page-head .eyebrow::after{content:'';display:block;width:46px;height:2px;background:var(--orange);margin:10px auto 0;}
.page-head h1{font-family:'Marcellus',serif;font-size:40px;color:var(--gold-light);margin-top:14px;}
.breadcrumb{margin-top:14px;font-size:13px;color:var(--text-muted);}
.breadcrumb a{color:var(--gold);}
.breadcrumb span{margin:0 6px;color:var(--border-gold);}

/* QUICK INFO STRIP */
.info-strip{padding:44px 0;border-bottom:1px solid var(--border-gold);}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.info-card{
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;
  padding:26px;display:flex;gap:16px;align-items:flex-start;
}
.info-card .ic{
  width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--gold);flex-shrink:0;
}
.info-card h4{font-size:14.5px;color:var(--gold-light);margin-bottom:6px;}
.info-card p{font-size:13px;color:var(--text-muted);line-height:1.7;}

/* CONTACT LAYOUT */
.contact-section{padding:70px 0 90px;}
.contact-layout{
  display:grid;grid-template-columns:1fr 1.1fr;gap:0;
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:14px;overflow:hidden;
}

/* LEFT: IMAGE PANEL */
.contact-visual{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%, rgba(221,162,63,.16), transparent 55%),
    radial-gradient(circle at 80% 85%, rgba(229,129,31,.14), transparent 50%),
    var(--bg-black-3);
  padding:46px;display:flex;flex-direction:column;justify-content:space-between;
  min-height:640px;
}
.contact-visual::before{
  content:'';position:absolute;inset:0;
  background-image:repeating-linear-gradient(45deg, transparent 0 40px, rgba(221,162,63,.03) 40px 41px);
  pointer-events:none;
}
.visual-top{position:relative;z-index:1;}
.visual-top .eyebrow{color:var(--orange);font-size:13px;letter-spacing:3px;font-weight:600;}
.visual-top h2{font-family:'Marcellus',serif;font-size:30px;color:var(--gold-light);margin:14px 0 14px;line-height:1.3;}
.visual-top p{font-size:14px;color:var(--text-muted);line-height:1.85;max-width:340px;}

.pouch-showcase{
  position:relative;z-index:1;display:flex;align-items:flex-end;gap:18px;
  justify-content:center;margin:20px 0;
}
.pouch-big{
  width:100px;height:150px;border-radius:8px;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;
  box-shadow:inset 0 0 18px rgba(0,0,0,.25), 0 16px 32px rgba(0,0,0,.4);
}
.pouch-big.small{width:78px;height:112px;opacity:.8;}
.pouch-big .strip{background:rgba(0,0,0,.4);color:var(--gold-light);font-size:7px;letter-spacing:1px;font-weight:700;padding:2px 8px;border-radius:3px;}
.pouch-big .grains{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);position:relative;}
.pouch-big .grains i{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;}

.visual-bottom{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;}
.social-line{display:flex;align-items:center;gap:14px;}
.social-line span.lbl{font-size:12.5px;color:var(--text-muted);}
.social-circles{display:flex;gap:10px;}
.social-circles a{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--border-gold);
  display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:14px;transition:.2s;
}
.social-circles a:hover{border-color:var(--gold);background:rgba(221,162,63,.08);}
.hours-line{font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border-gold);padding-top:16px;}
.hours-line b{color:var(--gold-light);font-weight:500;}

/* RIGHT: FORM PANEL */
.contact-form-panel{padding:50px 50px;}
.contact-form-panel .top-eyebrow{color:var(--orange);font-size:12.5px;letter-spacing:2px;font-weight:600;}
.contact-form-panel h2{font-family:'Marcellus',serif;font-size:28px;color:var(--gold-light);margin:10px 0 8px;}
.contact-form-panel .subtext{font-size:13.5px;color:var(--text-muted);margin-bottom:30px;}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{margin-bottom:18px;}
.field.full{grid-column:1/-1;}
.field label{display:block;font-size:12.5px;color:var(--text-muted);letter-spacing:.4px;margin-bottom:8px;}
.field input, .field textarea, .field select{
  width:100%;background:var(--bg-black-3);border:1px solid var(--border-gold);
  border-radius:7px;padding:12px 14px;color:var(--text-light);
  font-family:'Poppins';font-size:13.5px;outline:none;transition:.2s;
}
.field input:focus, .field textarea:focus, .field select:focus{border-color:var(--gold);}
.field textarea{resize:none;min-height:120px;}
.field select{cursor:pointer;}
.field small.error-msg{display:none;color:var(--error);font-size:11.5px;margin-top:6px;}
.field.invalid input, .field.invalid textarea, .field.invalid select{border-color:var(--error);}
.field.invalid small.error-msg{display:block;}

.btn-send{
  width:100%;background:var(--orange);border:none;color:#1a1204;font-weight:600;
  padding:14px;border-radius:7px;font-family:'Poppins';font-size:14.5px;letter-spacing:.4px;
  cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;
}
.btn-send:hover{background:var(--orange-dark);}
.btn-send.success{background:var(--success);}

.form-success-note{
  display:none;margin-top:16px;padding:14px 16px;border-radius:8px;
  background:rgba(143,208,106,.1);border:1px solid var(--success);color:var(--success);
  font-size:13px;text-align:center;
}
.form-success-note.show{display:block;}

/* MAP STRIP */
.map-strip{padding:0 0 90px;}
.map-box{
  height:320px;border-radius:14px;border:1px solid var(--border-gold);overflow:hidden;
  background:
    radial-gradient(circle at 40% 40%, rgba(221,162,63,.1), transparent 50%),
    var(--bg-black-2);
  display:flex;align-items:center;justify-content:center;position:relative;
}
.map-box-live{padding:0;}
.map-iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;display:block;filter:grayscale(.15) contrast(1.05);
}
.map-pin{
  display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:13px;
}
.map-pin .pin-ic{font-size:34px;color:var(--orange);}
.map-pin-overlay{
  position:absolute;left:50%;bottom:16px;transform:translateX(-50%);
  z-index:2;padding:10px 16px;border-radius:999px;
  background:rgba(10,8,6,.82);border:1px solid var(--border-gold);
  color:var(--gold-light,#f0d78c);backdrop-filter:blur(6px);
  flex-direction:row;gap:8px;white-space:nowrap;max-width:92%;
}
.map-pin-overlay .pin-ic{font-size:18px;}
.map-pin-overlay span{overflow:hidden;text-overflow:ellipsis;}

/* FOOTER */
footer{background:var(--bg-black-2);border-top:1px solid var(--border-gold);padding:56px 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:34px;}
.footer-grid h4{color:var(--gold);font-size:13px;letter-spacing:1.5px;margin-bottom:16px;}
.footer-grid p, .footer-grid li{font-size:13px;color:var(--text-muted);line-height:1.9;}
.footer-socials{display:flex;gap:10px;margin-top:16px;}
.footer-socials a{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:13px;}
.newsletter-form{display:flex;margin-top:12px;border:1px solid var(--border-gold);border-radius:6px;overflow:hidden;}
.newsletter-form input{flex:1;background:transparent;border:none;padding:10px;color:var(--text-light);outline:none;font-family:'Poppins';font-size:13px;}
.newsletter-form button{background:var(--orange);border:none;padding:0 16px;color:#1a1204;cursor:pointer;}
.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-gold);display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);}

@media(max-width:980px){
  .contact-layout{grid-template-columns:1fr;}
  .contact-visual{min-height:400px;}
  .info-grid{grid-template-columns:1fr;}
  nav.primary{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .form-grid{grid-template-columns:1fr;}
  .contact-form-panel{padding:40px 26px;}
  .page-head h1{font-size:30px;}
  .footer-grid{grid-template-columns:1fr;}
}
:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg-black);color:var(--text-light);font-family:'Poppins',sans-serif;font-weight:300;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.font-display{font-family:'Marcellus',serif;}
.container{max-width:1300px;margin:0 auto;padding:0 32px;}

/* TOP BAR */
.topbar{background:var(--bg-black-2);border-bottom:1px solid var(--border-gold);font-size:12px;color:var(--text-muted);}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;}
.topbar .left span{margin-right:22px;}
.topbar .left span strong{color:var(--gold);}
.topbar .right{display:flex;align-items:center;gap:18px;}
.topbar .socials{display:flex;gap:12px;}
.topbar .socials a{width:22px;height:22px;border-radius:50%;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gold);}

/* HEADER */
header.main{background:var(--bg-black);border-bottom:1px solid var(--border-gold);position:sticky;top:0;z-index:100;}
header.main .container{display:flex;align-items:center;justify-content:space-between;height:82px;}
.logo{border:1px solid var(--gold);padding:8px 18px;text-align:center;line-height:1.1;}
.logo .name{font-family:'Marcellus',serif;font-size:20px;letter-spacing:2px;color:var(--gold-light);}
.logo .sub{font-size:9px;letter-spacing:3px;color:var(--text-muted);}
nav.primary ul{display:flex;gap:34px;font-size:14px;letter-spacing:.5px;}
nav.primary a{color:var(--text-light);position:relative;padding-bottom:6px;}
nav.primary a.active{color:var(--orange);}
nav.primary a.active::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);}
.header-icons{display:flex;align-items:center;gap:22px;font-size:16px;}
.header-icons .cart{background:var(--orange);color:#1a1204;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;}

:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
}

*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--bg-black);
  color:var(--text-light);
  font-family:'Poppins',sans-serif;
  font-weight:300;
}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.font-display{font-family:'Marcellus',serif;}
.container{
  max-width:1300px;
  margin:0 auto;
  padding:0 32px;
}

/* ===== TOP BAR ===== */
.topbar{
  background:var(--bg-black-2);
  border-bottom:1px solid var(--border-gold);
  font-size:12px;
  color:var(--text-muted);
}
.topbar .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:38px;
}
.topbar .left span{margin-right:22px;}
.topbar .left span strong{color:var(--gold);}
.topbar .right{display:flex;align-items:center;gap:18px;}
.topbar .socials{display:flex;gap:12px;}
.topbar .socials a{
  width:22px;height:22px;border-radius:50%;
  border:1px solid var(--border-gold);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;color:var(--gold);
}

/* ===== HEADER ===== */
header.main{
  background:var(--bg-black);
  border-bottom:1px solid var(--border-gold);
  position:sticky;top:0;z-index:100;
}
header.main .container{
  display:flex;align-items:center;justify-content:space-between;
  height:82px;
}
.logo{
  border:1px solid var(--gold);
  padding:8px 18px;
  text-align:center;
  line-height:1.1;
}
.logo .name{
  font-family:'Marcellus',serif;
  font-size:20px;letter-spacing:2px;color:var(--gold-light);
}
.logo .sub{font-size:9px;letter-spacing:3px;color:var(--text-muted);}
nav.primary ul{display:flex;gap:34px;font-size:14px;letter-spacing:.5px;}
nav.primary a{color:var(--text-light);position:relative;padding-bottom:6px;}
nav.primary a.active{color:var(--orange);}
nav.primary a.active::after{
  content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);
}
.header-icons{display:flex;align-items:center;gap:22px;font-size:16px;}
.header-icons .cart{
  background:var(--orange);color:#1a1204;
  padding:6px 14px;border-radius:20px;
  display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;
}

/* ===== BREADCRUMB / PAGE HEAD ===== */
.page-head{
  padding:46px 0 30px;
  text-align:center;
  border-bottom:1px solid var(--border-gold);
  background:
  radial-gradient(ellipse at 50% 0%, rgba(221,162,63,.08), transparent 60%),
  var(--bg-black);
}
.page-head .eyebrow{
  color:var(--orange);
  font-size:13px;letter-spacing:3px;font-weight:600;
}
.page-head .eyebrow::after{
  content:'';display:block;width:46px;height:2px;background:var(--orange);
  margin:10px auto 0;
}
.page-head h1{
  font-family:'Marcellus',serif;
  font-size:40px;color:var(--gold-light);
  margin-top:14px;
}
.breadcrumb{
  margin-top:14px;font-size:13px;color:var(--text-muted);
}
.breadcrumb a{color:var(--gold);}
.breadcrumb span{margin:0 6px;color:var(--border-gold);}

/* ===== LAYOUT ===== */
.shop-layout{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:34px;
  padding:46px 0 80px;
}

/* ===== SIDEBAR ===== */
.sidebar{align-self:start;position:sticky;top:100px;}
.side-block{
  background:var(--bg-black-2);
  border:1px solid var(--border-gold);
  border-radius:8px;
  padding:22px;
  margin-bottom:22px;
}
.side-block h3{
  font-family:'Marcellus',serif;
  font-size:16px;color:var(--gold-light);
  margin-bottom:16px;
  padding-bottom:10px;
  border-bottom:1px solid var(--border-gold);
  letter-spacing:.5px;
}
.search-box{
  display:flex;align-items:stretch;border:1px solid var(--border-gold);border-radius:6px;overflow:hidden;
}
.search-box input{
  flex:1;background:transparent;border:none;outline:none;
  color:var(--text-light);padding:10px 12px;font-family:'Poppins';font-size:13px;
  min-width:0;
}
.search-box .search-clear-btn{
  background:transparent;border:none;color:var(--text-muted);
  padding:0 12px;cursor:pointer;font-size:20px;line-height:1;
}
.search-box .search-clear-btn:hover{color:var(--gold-light);}
.cat-list li{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 4px;
  font-size:14px;color:var(--text-muted);
  cursor:pointer;
  border-radius:5px;
  transition:.2s;
}
.cat-list li:hover, .cat-list li.active{
  color:var(--gold-light);
  background:rgba(221,162,63,.08);
  padding-left:10px;
}
.cat-list li.active{color:var(--orange);font-weight:600;}
.cat-list li span.count{
  font-size:11px;color:var(--text-muted);
  border:1px solid var(--border-gold);
  border-radius:10px;padding:1px 8px;
}
.cat-list li.active span.count{border-color:var(--orange);color:var(--orange);}

.price-range{padding:6px 4px 0;}
.price-range input[type=range]{
  width:100%;accent-color:var(--orange);
}
.price-vals{
  display:flex;justify-content:space-between;
  font-size:13px;color:var(--gold);margin-top:8px;
}

.rating-list li{
  display:flex;align-items:center;gap:8px;
  padding:7px 4px;font-size:13px;color:var(--text-muted);cursor:pointer;
}
.rating-list li:hover{color:var(--gold-light);}
.rating-list .stars{color:var(--gold);letter-spacing:1px;}

.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;}
.tag-cloud span{
  border:1px solid var(--border-gold);
  padding:5px 12px;border-radius:16px;
  font-size:12px;color:var(--text-muted);cursor:pointer;
}
.tag-cloud span:hover{border-color:var(--orange);color:var(--orange);}

.clear-filters{
  width:100%;padding:10px;margin-top:4px;
  background:transparent;border:1px solid var(--orange);
  color:var(--orange);border-radius:6px;cursor:pointer;
  font-family:'Poppins';font-size:13px;letter-spacing:.5px;
  transition:.2s;
}
.clear-filters:hover{background:var(--orange);color:#1a1204;}

/* ===== MAIN PRODUCTS AREA ===== */
.shop-toolbar{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:26px;flex-wrap:wrap;gap:12px;
}
.result-count{font-size:14px;color:var(--text-muted);}
.result-count strong{color:var(--gold-light);}
.sort-box{
  display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);
}
.sort-box select{
  background:var(--bg-black-2);
  border:1px solid var(--border-gold);
  color:var(--text-light);
  padding:8px 12px;border-radius:6px;
  font-family:'Poppins';font-size:13px;
}

.products-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.product-card{
  background:var(--bg-black-2);
  border:1px solid var(--border-gold);
  border-radius:10px;
  overflow:hidden;
  transition:.25s;
  display:flex;flex-direction:column;
}
.product-card:hover{
  transform:translateY(-4px);
  border-color:var(--gold);
  box-shadow:0 14px 30px rgba(0,0,0,.4);
}
.product-media{
  background:var(--bg-black-3);
  padding:22px 0 10px;
  display:flex;justify-content:center;
  position:relative;
}
.badge{
  position:absolute;top:10px;left:10px;
  background:var(--orange);color:#1a1204;
  font-size:10px;font-weight:700;letter-spacing:.5px;
  
  padding:4px 9px;border-radius:4px;
}
.pouch{
  width:108px;height:150px;
  border-radius:6px;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:10px 0;
  box-shadow:inset 0 0 20px rgba(0,0,0,.25);
}
.pouch .brand-strip{
  background:rgba(0,0,0,.35);color:var(--gold-light);
  font-size:8px;letter-spacing:1.5px;font-weight:700;
  padding:2px 10px;border-radius:3px;
}
.pouch .grains{
  width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.12);
  position:relative;
}
.pouch .grains i{
  position:absolute;width:9px;height:9px;background:#fff;border-radius:50%;opacity:.85;
}
.pouch .label{
  background:rgba(0,0,0,.55);
  width:86%;border-radius:4px;
  text-align:center;padding:5px 0;
}
.pouch .label .pname{font-size:10px;color:#fff;font-weight:600;}
.pouch .label .pprice{font-size:10px;color:var(--gold-light);}

.product-info{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1;}
.product-info h4{font-size:15px;font-weight:500;color:var(--text-light);}
.product-info .cat-tag{font-size:11px;color:var(--text-muted);}
.product-info .price{color:var(--gold);font-size:16px;font-weight:600;}
.qty-row{
  display:flex;align-items:center;
  border:1px solid var(--border-gold);border-radius:6px;
  overflow:hidden;width:fit-content;
}
.qty-row button{
  background:transparent;border:none;color:var(--gold);
  width:30px;height:30px;cursor:pointer;font-size:14px;
}
.qty-row button:disabled,
.qty-row button[aria-disabled="true"]{
  color: var(--gold); opacity: 1; cursor: not-allowed; pointer-events: none;
}
.qty-row span{
  width:32px;text-align:center;font-size:13px;color:var(--text-light);
}
.add-cart-btn{
  background:var(--orange);border:none;color:#1a1204;
  padding:10px;border-radius:6px;
  font-family:'Poppins';font-size:13px;font-weight:600;letter-spacing:.3px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;
  transition:.2s;margin-top:auto;
}
.add-cart-btn:hover{background:var(--orange-dark);}

.pagination{
  display:flex;justify-content:center;gap:10px;margin-top:44px;
}
.pagination button{
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--border-gold);
  background:transparent;color:var(--text-muted);cursor:pointer;
}
.pagination button.active{background:var(--orange);color:#1a1204;border-color:var(--orange);}

.no-results{
  grid-column:1/-1;
  text-align:center;padding:70px 20px;color:var(--text-muted);
}
.no-results h3{font-family:'Marcellus',serif;color:var(--gold-light);font-size:22px;margin-bottom:10px;}

/* ===== FOOTER ===== */
footer{
  background:var(--bg-black-2);
  border-top:1px solid var(--border-gold);
  padding:56px 0 26px;
}
.footer-grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:34px;
}
.footer-grid h4{color:var(--gold);font-size:13px;letter-spacing:1.5px;margin-bottom:16px;}
.footer-grid p, .footer-grid li{font-size:13px;color:var(--text-muted);line-height:1.9;}
.footer-socials{display:flex;gap:10px;margin-top:16px;}
.footer-socials a{
  width:32px;height:32px;border-radius:50%;border:1px solid var(--border-gold);
  display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:13px;
}
.newsletter-form{display:flex;margin-top:12px;border:1px solid var(--border-gold);border-radius:6px;overflow:hidden;}
.newsletter-form input{flex:1;background:transparent;border:none;padding:10px;color:var(--text-light);outline:none;font-family:'Poppins';font-size:13px;}
.newsletter-form button{background:var(--orange);border:none;padding:0 16px;color:#1a1204;cursor:pointer;}
.footer-bottom{
  margin-top:40px;padding-top:20px;border-top:1px solid var(--border-gold);
  display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);
}

/* ===== RESPONSIVE ===== */
.sidebar-toggle{display:none;}
@media(max-width:980px){
  .shop-layout{grid-template-columns:1fr;}
  .sidebar{position:fixed;top:0;left:-320px;width:300px;height:100vh;z-index:200;
    overflow-y:auto;transition:.3s;padding:20px;background:var(--bg-black);}
  .sidebar.open{left:0;box-shadow:0 0 40px rgba(0,0,0,.6);}
  .sidebar-toggle{
    display:flex;align-items:center;gap:8px;
    background:var(--bg-black-2);border:1px solid var(--border-gold);
    color:var(--gold-light);padding:10px 16px;border-radius:6px;cursor:pointer;font-size:13px;
  }
  .sidebar-close{display:block;text-align:right;color:var(--gold);font-size:20px;cursor:pointer;margin-bottom:10px;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  nav.primary{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .products-grid{grid-template-columns:1fr;}
  .page-head h1{font-size:30px;}
  .footer-grid{grid-template-columns:1fr;}
}
.sidebar-close{display:none;}
@media(max-width:980px){.sidebar-close{display:block;}}


:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
  --error:#e35b5b;
  --success:#8fd06a;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--bg-black);color:var(--text-light);
  font-family:'Poppins',sans-serif;font-weight:300;min-height:100vh;
}
a{text-decoration:none;color:inherit;}
.font-display{font-family:'Marcellus',serif;}

.page-wrap{
  min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr;
}

/* ===== LEFT BRAND PANEL ===== */
.brand-panel{
  background:
    radial-gradient(circle at 30% 20%, rgba(221,162,63,.14), transparent 55%),
    radial-gradient(circle at 80% 80%, rgba(229,129,31,.10), transparent 50%),
    var(--bg-black-2);
  border-right:1px solid var(--border-gold);
  padding:60px;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
}
.brand-panel::before{
  content:'';position:absolute;inset:0;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 40px, rgba(221,162,63,.03) 40px 41px);
  pointer-events:none;
}
.brand-logo{border:1px solid var(--gold);padding:10px 22px;display:inline-block;line-height:1.1;width:fit-content;}
.brand-logo .name{font-family:'Marcellus',serif;font-size:22px;letter-spacing:2px;color:var(--gold-light);}
.brand-logo .sub{font-size:9px;letter-spacing:3px;color:var(--text-muted);}

.brand-mid{position:relative;z-index:1;}
.brand-mid .eyebrow{color:var(--orange);font-size:13px;letter-spacing:3px;font-weight:600;}
.brand-mid h1{
  font-family:'Marcellus',serif;font-size:42px;color:var(--gold-light);
  margin:16px 0 18px;line-height:1.25;
}
.brand-mid p{font-size:14.5px;color:var(--text-muted);line-height:1.9;max-width:420px;}

.pouch-cluster{display:flex;gap:16px;margin-top:36px;}
.pouch-mini{
  width:64px;height:90px;border-radius:6px;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0;
  box-shadow:inset 0 0 14px rgba(0,0,0,.25), 0 10px 24px rgba(0,0,0,.35);
}
.pouch-mini .strip{background:rgba(0,0,0,.4);color:var(--gold-light);font-size:6px;letter-spacing:1px;font-weight:700;padding:2px 6px;border-radius:2px;}
.pouch-mini .grains{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);position:relative;}
.pouch-mini .grains i{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;}

.brand-footer{position:relative;z-index:1;display:flex;gap:34px;flex-wrap:wrap;}
.brand-footer div{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px;}
.brand-footer span.ic{color:var(--gold);font-size:16px;}

/* ===== RIGHT FORM PANEL ===== */
.form-panel{
  display:flex;align-items:center;justify-content:center;
  padding:50px 40px;
}
.form-card{width:100%;max-width:460px;}
.form-card .top-eyebrow{color:var(--orange);font-size:12.5px;letter-spacing:2px;font-weight:600;}
.form-card h2{font-family:'Marcellus',serif;font-size:30px;color:var(--gold-light);margin:10px 0 8px;}
.form-card .subtext{font-size:13.5px;color:var(--text-muted);margin-bottom:30px;}
.form-card .subtext a{color:var(--gold);font-weight:500;}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{margin-bottom:18px;}
.field.full{grid-column:1/-1;}
.field label{
  display:block;font-size:12.5px;color:var(--text-muted);letter-spacing:.4px;margin-bottom:8px;
}
.input-wrap{position:relative;}
.input-wrap .prefix{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:var(--gold);font-size:14px;pointer-events:none;
}
.field input, .field textarea{
  width:100%;background:var(--bg-black-2);border:1px solid var(--border-gold);
  border-radius:7px;padding:12px 14px;color:var(--text-light);
  font-family:'Poppins';font-size:13.5px;outline:none;transition:.2s;
}
.input-wrap input{padding-left:38px;}
.field input:focus, .field textarea:focus{border-color:var(--gold);background:var(--bg-black-3);}
.field textarea{resize:none;min-height:80px;}
.field small.error-msg{
  display:none;color:var(--error);font-size:11.5px;margin-top:6px;
}
.field.invalid input, .field.invalid textarea{border-color:var(--error);}
.field.invalid small.error-msg{display:block;}

.toggle-eye{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  cursor:pointer;color:var(--text-muted);font-size:14px;background:none;border:none;
}
.pass-strength{height:4px;border-radius:2px;background:var(--border-gold);margin-top:8px;overflow:hidden;}
.pass-strength-bar{height:100%;width:0%;background:var(--error);transition:.3s;}

.terms-row{
  display:flex;align-items:flex-start;gap:10px;margin:6px 0 24px;font-size:12.5px;color:var(--text-muted);
}
.terms-row input{width:16px;height:16px;margin-top:2px;accent-color:var(--orange);}
.terms-row a{color:var(--gold);}

.btn-register{
  width:100%;background:var(--orange);border:none;color:#1a1204;font-weight:600;
  padding:14px;border-radius:7px;font-family:'Poppins';font-size:14.5px;letter-spacing:.4px;
  cursor:pointer;transition:.2s;
}
.btn-register:hover{background:var(--orange-dark);}

.divider{
  display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--text-muted);font-size:12px;
}
.divider::before, .divider::after{content:'';flex:1;height:1px;background:var(--border-gold);}

.social-row{display:flex;gap:14px;}
.social-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--border-gold);border-radius:7px;padding:11px;
  color:var(--text-light);font-size:13px;cursor:pointer;background:transparent;
  font-family:'Poppins';transition:.2s;
}
.social-btn:hover{border-color:var(--gold);}

.login-footer{text-align:center;margin-top:26px;font-size:13.5px;color:var(--text-muted);}
.login-footer a{color:var(--orange);font-weight:500;}

@media(max-width:960px){
  .page-wrap{grid-template-columns:1fr;}
  .brand-panel{display:none;}
  .form-panel{padding:40px 24px;}
}
@media(max-width:480px){
  .form-grid{grid-template-columns:1fr;}
}
:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg-black);color:var(--text-light);font-family:'Poppins',sans-serif;font-weight:300;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.font-display{font-family:'Marcellus',serif;}
.container{max-width:1300px;margin:0 auto;padding:0 32px;}

/* TOP BAR */
.topbar{background:var(--bg-black-2);border-bottom:1px solid var(--border-gold);font-size:12px;color:var(--text-muted);}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;}
.topbar .left span{margin-right:22px;}
.topbar .left span strong{color:var(--gold);}
.topbar .right{display:flex;align-items:center;gap:18px;}
.topbar .socials{display:flex;gap:12px;}
.topbar .socials a{width:22px;height:22px;border-radius:50%;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gold);}

/* HEADER */
header.main{background:var(--bg-black);border-bottom:1px solid var(--border-gold);position:sticky;top:0;z-index:100;}
header.main .container{display:flex;align-items:center;justify-content:space-between;height:82px;}
.logo{border:1px solid var(--gold);padding:8px 18px;text-align:center;line-height:1.1;}
.logo .name{font-family:'Marcellus',serif;font-size:20px;letter-spacing:2px;color:var(--gold-light);}
.logo .sub{font-size:9px;letter-spacing:3px;color:var(--text-muted);}
nav.primary ul{display:flex;gap:34px;font-size:14px;letter-spacing:.5px;}
nav.primary a{color:var(--text-light);position:relative;padding-bottom:6px;}
nav.primary a.active{color:var(--orange);}
nav.primary a.active::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);}
.header-icons{display:flex;align-items:center;gap:22px;font-size:16px;position:relative;}
.header-icons .cart{background:var(--orange);color:#1a1204;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;}
.icon-badge{position:relative;}
.icon-badge .count{
  position:absolute;top:-8px;right:-10px;background:var(--orange);color:#1a1204;
  font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}

/* PAGE HEAD */
.page-head{padding:46px 0 30px;text-align:center;border-bottom:1px solid var(--border-gold);
  background:radial-gradient(ellipse at 50% 0%, rgba(221,162,63,.08), transparent 60%), var(--bg-black);}
.page-head .eyebrow{color:var(--orange);font-size:13px;letter-spacing:3px;font-weight:600;}
.page-head .eyebrow::after{content:'';display:block;width:46px;height:2px;background:var(--orange);margin:10px auto 0;}
.page-head h1{font-family:'Marcellus',serif;font-size:40px;color:var(--gold-light);margin-top:14px;}
.breadcrumb{margin-top:14px;font-size:13px;color:var(--text-muted);}
.breadcrumb a{color:var(--gold);}
.breadcrumb span{margin:0 6px;color:var(--border-gold);}

/* WISHLIST TOOLBAR */
.wishlist-main{padding:46px 0 90px;}
.wishlist-toolbar{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:12px;
}
.result-count{font-size:14px;color:var(--text-muted);}
.result-count strong{color:var(--gold-light);}
.toolbar-actions{display:flex;gap:12px;}
.btn-ghost{
  background:transparent;border:1px solid var(--border-gold);color:var(--text-muted);
  padding:9px 18px;border-radius:6px;font-family:'Poppins';font-size:13px;cursor:pointer;transition:.2s;
}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
.btn-solid{
  background:var(--orange);border:none;color:#1a1204;font-weight:600;
  padding:9px 18px;border-radius:6px;font-family:'Poppins';font-size:13px;cursor:pointer;transition:.2s;
}
.btn-solid:hover{background:var(--orange-dark);}

/* WISHLIST TABLE (desktop) */
.wishlist-table{
  width:100%;border-collapse:collapse;
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;overflow:hidden;
}
.wishlist-table thead th{
  text-align:left;font-size:12px;letter-spacing:1px;color:var(--gold);
  padding:16px 20px;border-bottom:1px solid var(--border-gold);text-transform:uppercase;font-weight:600;
}
.wishlist-table tbody tr{border-bottom:1px solid var(--border-gold);transition:.2s;}
.wishlist-table tbody tr:last-child{border-bottom:none;}
.wishlist-table tbody tr:hover{background:rgba(221,162,63,.04);}
.wishlist-table td{padding:18px 20px;vertical-align:middle;font-size:14px;}

.prod-cell{display:flex;align-items:center;gap:16px;}
.pouch-sm{
  width:52px;height:72px;border-radius:5px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0;
  box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}
.pouch-sm .grains{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.15);position:relative;}
.pouch-sm .grains i{position:absolute;width:3.5px;height:3.5px;background:#fff;border-radius:50%;}
.pouch-sm .strip{background:rgba(0,0,0,.4);font-size:5px;color:var(--gold-light);letter-spacing:.5px;padding:1px 4px;border-radius:2px;font-weight:700;}
.prod-cell .name{color:var(--text-light);font-weight:500;}
.prod-cell .cat{font-size:12px;color:var(--text-muted);margin-top:3px;}

.stock-tag{
  font-size:11px;font-weight:600;letter-spacing:.4px;padding:4px 10px;border-radius:12px;
}
.stock-tag.in{background:rgba(122,184,90,.15);color:#8fd06a;}
.stock-tag.low{background:rgba(229,129,31,.15);color:var(--orange);}

.price-cell .current{color:var(--gold);font-weight:600;font-size:15px;}
.price-cell .original{color:var(--text-muted);text-decoration:line-through;font-size:12px;margin-left:6px;}

.action-cell{display:flex;gap:10px;}
.icon-btn{
  width:36px;height:36px;border-radius:6px;border:1px solid var(--border-gold);
  background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;
  display:flex;align-items:center;justify-content:center;transition:.2s;
}
.icon-btn:hover{border-color:var(--orange);color:var(--orange);}
.icon-btn.remove:hover{border-color:#e35b5b;color:#e35b5b;}
.add-cart-mini{
  background:var(--orange);border:none;color:#1a1204;font-weight:600;
  padding:9px 16px;border-radius:6px;font-family:'Poppins';font-size:12.5px;cursor:pointer;
  display:flex;align-items:center;gap:6px;transition:.2s;white-space:nowrap;
}
.add-cart-mini:hover{background:var(--orange-dark);}

/* MOBILE CARD VIEW */
.wishlist-cards{display:none;flex-direction:column;gap:16px;}
.wl-card{
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;
  padding:16px;display:flex;gap:14px;align-items:center;
}
.wl-card .info{flex:1;}
.wl-card .name{color:var(--text-light);font-weight:500;font-size:14px;}
.wl-card .cat{font-size:12px;color:var(--text-muted);margin:3px 0 8px;}
.wl-card .price-cell{margin-bottom:10px;}
.wl-card .row-actions{display:flex;gap:8px;align-items:center;}

/* EMPTY STATE */
.empty-state{
  text-align:center;padding:90px 20px;
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:12px;
}
.empty-state .heart-ic{font-size:54px;color:var(--border-gold);margin-bottom:20px;}
.empty-state h3{font-family:'Marcellus',serif;font-size:24px;color:var(--gold-light);margin-bottom:10px;}
.empty-state p{font-size:14px;color:var(--text-muted);margin-bottom:26px;}

/* RECOMMENDED */
.recommend-section{padding:20px 0 90px;border-top:1px solid var(--border-gold);}
.section-head{text-align:center;margin-bottom:36px;}
.section-head .eyebrow{color:var(--orange);font-size:13px;letter-spacing:3px;font-weight:600;}
.section-head .eyebrow::after{content:'';display:block;width:46px;height:2px;background:var(--orange);margin:10px auto 0;}
.section-head h2{font-family:'Marcellus',serif;font-size:30px;color:var(--gold-light);margin-top:14px;}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.product-card{background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;overflow:hidden;transition:.25s;display:flex;flex-direction:column;}
.product-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 14px 30px rgba(0,0,0,.4);}
.product-media{background:var(--bg-black-3);padding:22px 0 10px;display:flex;justify-content:center;position:relative;}
.wish-toggle{
  position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;
  background:rgba(0,0,0,.5);border:1px solid var(--border-gold);color:var(--text-muted);
  display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:.2s;
}
.wish-toggle.active{color:var(--orange);border-color:var(--orange);}
.pouch{width:100px;height:140px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;box-shadow:inset 0 0 20px rgba(0,0,0,.25);}
.pouch .brand-strip{background:rgba(0,0,0,.35);color:var(--gold-light);font-size:8px;letter-spacing:1.5px;font-weight:700;padding:2px 10px;border-radius:3px;}
.pouch .grains{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);position:relative;}
.pouch .grains i{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;opacity:.85;}
.pouch .label{background:rgba(0,0,0,.55);width:86%;border-radius:4px;text-align:center;padding:5px 0;}
.pouch .label .pname{font-size:9.5px;color:#fff;font-weight:600;}
.pouch .label .pprice{font-size:9.5px;color:var(--gold-light);}
.product-info{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.product-info h4{font-size:14.5px;font-weight:500;color:var(--text-light);}
.product-info .price{color:var(--gold);font-size:15px;font-weight:600;}
.view-btn{
  background:transparent;border:1px solid var(--orange);color:var(--orange);
  padding:9px;border-radius:6px;font-family:'Poppins';font-size:13px;font-weight:500;
  cursor:pointer;margin-top:auto;transition:.2s;
}
.view-btn:hover{background:var(--orange);color:#1a1204;}

/* FOOTER */
footer{background:var(--bg-black-2);border-top:1px solid var(--border-gold);padding:56px 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:34px;}
.footer-grid h4{color:var(--gold);font-size:13px;letter-spacing:1.5px;margin-bottom:16px;}
.footer-grid p, .footer-grid li{font-size:13px;color:var(--text-muted);line-height:1.9;}
.footer-socials{display:flex;gap:10px;margin-top:16px;}
.footer-socials a{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:13px;}
.newsletter-form{display:flex;margin-top:12px;border:1px solid var(--border-gold);border-radius:6px;overflow:hidden;}
.newsletter-form input{flex:1;background:transparent;border:none;padding:10px;color:var(--text-light);outline:none;font-family:'Poppins';font-size:13px;}
.newsletter-form button{background:var(--orange);border:none;padding:0 16px;color:#1a1204;cursor:pointer;}
.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-gold);display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);}

@media(max-width:900px){
  .wishlist-table{display:none;}
  .wishlist-cards{display:flex;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  nav.primary{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .products-grid{grid-template-columns:1fr;}
  .page-head h1{font-size:30px;}
  .wl-card{flex-wrap:wrap;}
  .footer-grid{grid-template-columns:1fr;}
}

:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
  --error:#e35b5b;
  --success:#8fd06a;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg-black);color:var(--text-light);font-family:'Poppins',sans-serif;font-weight:300;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.font-display{font-family:'Marcellus',serif;}
.container{max-width:1300px;margin:0 auto;padding:0 32px;}

/* TOP BAR */
.topbar{background:var(--bg-black-2);border-bottom:1px solid var(--border-gold);font-size:12px;color:var(--text-muted);}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;}
.topbar .left span{margin-right:22px;}
.topbar .left span strong{color:var(--gold);}

/* SIMPLE HEADER (checkout style - minimal) */
header.checkout-header{background:var(--bg-black);border-bottom:1px solid var(--border-gold);}
header.checkout-header .container{display:flex;align-items:center;justify-content:space-between;height:82px;}
.logo{border:1px solid var(--gold);padding:8px 18px;text-align:center;line-height:1.1;}
.logo .name{font-family:'Marcellus',serif;font-size:20px;letter-spacing:2px;color:var(--gold-light);}
.logo .sub{font-size:9px;letter-spacing:3px;color:var(--text-muted);}
.secure-tag{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);}
.secure-tag span{color:var(--gold);}

/* STEPPER */
.stepper{padding:34px 0 10px;}
.stepper .container{display:flex;justify-content:center;gap:0;}
.step{display:flex;align-items:center;gap:12px;}
.step .circle{
  width:34px;height:34px;border-radius:50%;border:1px solid var(--border-gold);
  display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);
  transition:.2s;
}
.step.active .circle{background:var(--orange);border-color:var(--orange);color:#1a1204;font-weight:700;}
.step.done .circle{background:var(--success);border-color:var(--success);color:#0b0a09;}
.step .label{font-size:13px;color:var(--text-muted);}
.step.active .label{color:var(--gold-light);font-weight:500;}
.step-line{width:70px;height:1px;background:var(--border-gold);margin:0 14px;}

/* PAGE HEAD */
.page-head{text-align:center;padding:20px 0 30px;}
.page-head h1{font-family:'Marcellus',serif;font-size:32px;color:var(--gold-light);}

/* LAYOUT */
.checkout-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding-bottom:80px;}

/* LEFT: FORM SECTIONS */
.form-section{
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;
  padding:28px 30px;margin-bottom:24px;
}
.form-section h3{
  font-family:'Marcellus',serif;font-size:19px;color:var(--gold-light);
  margin-bottom:20px;display:flex;align-items:center;gap:10px;
}
.form-section h3 .num{
  width:26px;height:26px;border-radius:50%;background:var(--orange);color:#1a1204;
  font-size:13px;font-family:'Poppins';font-weight:700;display:flex;align-items:center;justify-content:center;
}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{margin-bottom:16px;}
.field.full{grid-column:1/-1;}
.field label{display:block;font-size:12.5px;color:var(--text-muted);letter-spacing:.4px;margin-bottom:8px;}
.field input, .field textarea, .field select{
  width:100%;background:var(--bg-black-3);border:1px solid var(--border-gold);
  border-radius:7px;padding:12px 14px;color:var(--text-light);
  font-family:'Poppins';font-size:13.5px;outline:none;transition:.2s;
}
.field input:focus, .field textarea:focus, .field select:focus{border-color:var(--gold);}
.field textarea{resize:none;min-height:70px;}
.field small.error-msg{display:none;color:var(--error);font-size:11.5px;margin-top:6px;}
.field.invalid input, .field.invalid textarea{border-color:var(--error);}
.field.invalid small.error-msg{display:block;}

.address-type-row{display:flex;gap:12px;margin-bottom:20px;}
.addr-type{
  border:1px solid var(--border-gold);border-radius:6px;padding:8px 18px;
  font-size:13px;color:var(--text-muted);cursor:pointer;
}
.addr-type.active{border-color:var(--orange);color:var(--orange);background:rgba(229,129,31,.08);}

/* PAYMENT OPTIONS */
.payment-options{display:flex;flex-direction:column;gap:12px;}
.pay-option{
  border:1px solid var(--border-gold);border-radius:8px;padding:16px 18px;
  display:flex;align-items:center;gap:14px;cursor:pointer;transition:.2s;
}
.pay-option:hover{border-color:var(--gold);}
.pay-option.selected{border-color:var(--orange);background:rgba(229,129,31,.06);}
.pay-option input{accent-color:var(--orange);width:16px;height:16px;}
.pay-option .pay-ic{font-size:20px;color:var(--gold);}
.pay-option .pay-label{font-size:14px;color:var(--text-light);}
.pay-option .pay-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px;}
.card-fields{
  display:none;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;
  padding-top:14px;border-top:1px solid var(--border-gold);
}
.pay-option.selected .card-fields.show{display:grid;}

/* RIGHT: ORDER SUMMARY */
.summary-panel{position:sticky;top:24px;align-self:start;}
.summary-card{
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;
  padding:26px;
}
.summary-card h3{font-family:'Marcellus',serif;font-size:18px;color:var(--gold-light);margin-bottom:18px;}
.summary-item{
  display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-gold);
}
.summary-item:last-of-type{border-bottom:none;}
.pouch-sm{
  width:44px;height:60px;border-radius:5px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 0;
  box-shadow:inset 0 0 10px rgba(0,0,0,.25);
}
.pouch-sm .strip{background:rgba(0,0,0,.4);font-size:5px;color:var(--gold-light);letter-spacing:.5px;padding:1px 4px;border-radius:2px;font-weight:700;}
.pouch-sm .grains{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.15);position:relative;}
.pouch-sm .grains i{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;}
.item-info{flex:1;}
.item-info .name{font-size:13.5px;color:var(--text-light);}
.item-info .qty{font-size:12px;color:var(--text-muted);margin-top:2px;}
.item-price{font-size:13.5px;color:var(--gold);font-weight:600;}

.promo-row{display:flex;gap:10px;margin:20px 0 8px;}
.promo-row input{
  flex:1;background:var(--bg-black-3);border:1px solid var(--border-gold);border-radius:6px;
  padding:10px 12px;color:var(--text-light);font-family:'Poppins';font-size:13px;outline:none;
}
.promo-row button{
  background:transparent;border:1px solid var(--gold);color:var(--gold);
  padding:0 18px;border-radius:6px;cursor:pointer;font-family:'Poppins';font-size:13px;
}
.promo-row button:disabled{opacity:.6;cursor:wait;}
.promo-feedback{
  font-size:12.5px;margin:0 0 14px;padding:0;border:none;background:transparent;
}
.promo-feedback.is-ok{color:#86efac;}
.promo-feedback.is-error{color:#b91c1c;font-weight:500;}

.cost-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--text-muted);padding:7px 0;}
.cost-row.total{
  border-top:1px solid var(--border-gold);margin-top:10px;padding-top:14px;
  font-size:17px;color:var(--gold-light);font-weight:600;
}
.cost-row.total span:last-child{color:var(--gold);}
.cost-row .discount{color:var(--success);}

.btn-place-order{
  width:100%;background:var(--orange);border:none;color:#1a1204;font-weight:600;
  padding:15px;border-radius:8px;font-family:'Poppins';font-size:14.5px;letter-spacing:.4px;
  cursor:pointer;margin-top:20px;transition:.2s;
}
.btn-place-order:hover{background:var(--orange-dark);}
.secure-note{
  text-align:center;font-size:11.5px;color:var(--text-muted);margin-top:14px;display:flex;
  align-items:center;justify-content:center;gap:6px;
}

/* ===== ORDER CONFIRMATION VIEW ===== */
.confirmation-view{display:none;padding:60px 0 90px;}
.confirmation-view.show{display:block;}
.confirm-box{max-width:720px;margin:0 auto;text-align:center;}
.check-circle{
  width:84px;height:84px;border-radius:50%;background:rgba(143,208,106,.12);
  border:2px solid var(--success);color:var(--success);
  display:flex;align-items:center;justify-content:center;font-size:38px;margin:0 auto 26px;
}
.confirm-box h2{font-family:'Marcellus',serif;font-size:30px;color:var(--gold-light);margin-bottom:10px;}
.confirm-box .order-id{color:var(--orange);font-weight:600;}
.confirm-box p.sub{font-size:14px;color:var(--text-muted);margin-bottom:36px;}

.confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin-bottom:24px;}
.confirm-card{
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;padding:22px 24px;
}
.confirm-card h4{
  font-size:13px;letter-spacing:1px;color:var(--gold);margin-bottom:14px;text-transform:uppercase;
  display:flex;align-items:center;gap:8px;
}
.confirm-card p, .confirm-card div.line{font-size:13.5px;color:var(--text-light);line-height:1.8;}
.confirm-card .muted{color:var(--text-muted);font-size:12.5px;}

.order-items-box{
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;
  padding:22px 24px;text-align:left;margin-bottom:24px;
}
.order-items-box h4{font-size:13px;letter-spacing:1px;color:var(--gold);margin-bottom:14px;text-transform:uppercase;}

.confirm-actions{display:flex;gap:14px;justify-content:center;margin-top:10px;}
.btn-outline-c{
  border:1px solid var(--orange);color:var(--orange);background:transparent;
  padding:12px 26px;border-radius:7px;font-family:'Poppins';font-size:13.5px;cursor:pointer;transition:.2s;
}
.btn-outline-c:hover{background:var(--orange);color:#1a1204;}
.btn-solid-c{
  border:none;background:var(--orange);color:#1a1204;font-weight:600;
  padding:12px 26px;border-radius:7px;font-family:'Poppins';font-size:13.5px;cursor:pointer;transition:.2s;
}
.btn-solid-c:hover{background:var(--orange-dark);}

@media(max-width:960px){
  .checkout-layout{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .stepper .label{display:none;}
  .confirm-grid{grid-template-columns:1fr;}
}



/* gallery product details  */
:root{
  --bg-black:#0b0a09;
  --bg-black-2:#161412;
  --bg-black-3:#1e1b17;
  --gold:#dda23f;
  --gold-light:#f0c375;
  --orange:#e5811f;
  --orange-dark:#c96812;
  --text-light:#f6f1e7;
  --text-muted:#a39d90;
  --border-gold:rgba(221,162,63,.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg-black);color:var(--text-light);font-family:'Poppins',sans-serif;font-weight:300;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.font-display{font-family:'Marcellus',serif;}
.container{max-width:1300px;margin:0 auto;padding:0 32px;}

/* TOP BAR */
.topbar{background:var(--bg-black-2);border-bottom:1px solid var(--border-gold);font-size:12px;color:var(--text-muted);}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;}
.topbar .left span{margin-right:22px;}
.topbar .left span strong{color:var(--gold);}
.topbar .right{display:flex;align-items:center;gap:18px;}
.topbar .socials{display:flex;gap:12px;}
.topbar .socials a{width:22px;height:22px;border-radius:50%;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gold);}

/* HEADER */
header.main{background:var(--bg-black);border-bottom:1px solid var(--border-gold);position:sticky;top:0;z-index:100;}
header.main .container{display:flex;align-items:center;justify-content:space-between;height:82px;}
.logo{border:1px solid var(--gold);padding:8px 18px;text-align:center;line-height:1.1;}
.logo .name{font-family:'Marcellus',serif;font-size:20px;letter-spacing:2px;color:var(--gold-light);}
.logo .sub{font-size:9px;letter-spacing:3px;color:var(--text-muted);}
nav.primary ul{display:flex;gap:34px;font-size:14px;letter-spacing:.5px;}
nav.primary a{color:var(--text-light);position:relative;padding-bottom:6px;}
nav.primary a.active{color:var(--orange);}
nav.primary a.active::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);}
.header-icons{display:flex;align-items:center;gap:22px;font-size:16px;}
.header-icons .cart{background:var(--orange);color:#1a1204;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;}

/* BREADCRUMB */
.breadcrumb-bar{padding:20px 0;border-bottom:1px solid var(--border-gold);}
.breadcrumb{font-size:13px;color:var(--text-muted);}
.breadcrumb a{color:var(--gold);}
.breadcrumb span{margin:0 6px;color:var(--border-gold);}

/* PRODUCT DETAIL LAYOUT */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:50px 0;}

/* LEFT GALLERY (plain JS, no slider library) */
.gallery{position:relative;}
.main-image-box{
  background:var(--bg-black-2);
  border:1px solid var(--border-gold);
  border-radius:12px;
  overflow:hidden;
  height:460px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 30%, rgba(221,162,63,.08), transparent 65%);
  position:relative;
}
.main-image-box .badge{
  position:absolute;top:18px;left:18px;
  background:var(--orange);color:#1a1204;font-size:11px;font-weight:700;
  letter-spacing:.5px;padding:5px 12px;border-radius:5px;z-index:2;
}
.pouch-lg{
  width:210px;height:300px;border-radius:10px;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:20px 0;box-shadow:0 20px 50px rgba(0,0,0,.5), inset 0 0 30px rgba(0,0,0,.25);
  transition:background .25s;
}
.pouch-lg .brand-strip{background:rgba(0,0,0,.35);color:var(--gold-light);font-size:12px;letter-spacing:2px;font-weight:700;padding:4px 16px;border-radius:4px;}
.pouch-lg .grains{width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.12);position:relative;}
.pouch-lg .grains i{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;opacity:.85;}
.pouch-lg .label{background:rgba(0,0,0,.55);width:82%;border-radius:6px;text-align:center;padding:10px 0;}
.pouch-lg .label .pname{font-size:16px;color:#fff;font-weight:600;}
.pouch-lg .label .pprice{font-size:14px;color:var(--gold-light);margin-top:2px;}

/* Thumbnail row */
.thumb-row{margin-top:16px;display:flex;gap:14px;}
.thumb-slide{
  flex:1;height:90px;background:var(--bg-black-2);border:1px solid var(--border-gold);
  border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:.2s;
}
.thumb-slide:hover{border-color:var(--gold);}
.thumb-slide.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);}
.thumb-pouch{width:44px;height:62px;border-radius:4px;transition:background .2s;}

/* RIGHT DETAILS */
.product-info-panel h1{font-family:'Marcellus',serif;font-size:32px;color:var(--gold-light);}
.rating-row{display:flex;align-items:center;gap:10px;margin-top:12px;}
.rating-row .stars{color:var(--gold);letter-spacing:2px;}
.rating-row .rating-count{font-size:13px;color:var(--text-muted);}
.rating-row .sku{font-size:13px;color:var(--text-muted);margin-left:auto;}

.price-block{display:flex;align-items:baseline;gap:14px;margin-top:20px;padding-bottom:20px;border-bottom:1px solid var(--border-gold);}
.price-block .current{font-size:30px;font-weight:600;color:var(--gold);}
.price-block .original{font-size:18px;color:var(--text-muted);text-decoration:line-through;}
.price-block .discount-badge{background:rgba(229,129,31,.15);color:var(--orange);font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px;}

.short-desc{margin-top:18px;font-size:14px;color:var(--text-muted);line-height:1.9;}

.pack-options{margin-top:24px;}
.pack-options h4{font-size:13px;letter-spacing:1px;color:var(--gold-light);margin-bottom:10px;}
.pack-choices{display:flex;gap:10px;}
.pack-choices span{
  border:1px solid var(--border-gold);padding:8px 16px;border-radius:6px;font-size:13px;
  color:var(--text-muted);cursor:pointer;
}
.pack-choices span.active{border-color:var(--orange);color:var(--orange);background:rgba(229,129,31,.08);}

.buy-row{display:flex;gap:14px;margin-top:28px;align-items:center;}
.qty-row{display:flex;align-items:center;border:1px solid var(--border-gold);border-radius:6px;overflow:hidden;}
.qty-row button{background:transparent;border:none;color:var(--gold);width:40px;height:44px;cursor:pointer;font-size:16px;}
.qty-row button:disabled,
.qty-row button[aria-disabled="true"]{color:var(--gold);opacity:1;cursor:not-allowed;pointer-events:none;}
.qty-row span{width:44px;text-align:center;font-size:14px;}
.btn-cart{
  flex:1;background:var(--orange);border:none;color:#1a1204;font-weight:600;
  border-radius:6px;height:44px;font-family:'Poppins';font-size:14px;letter-spacing:.4px;
  display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s;
}
.btn-cart:hover{background:var(--orange-dark);}
.btn-wishlist{
  width:44px;height:44px;border-radius:6px;border:1px solid var(--border-gold);
  color:var(--gold);background:transparent;cursor:pointer;font-size:16px;
}

.trust-strip{display:flex;gap:26px;margin-top:26px;flex-wrap:wrap;}
.trust-strip div{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);}
.trust-strip div span.ic{color:var(--gold);font-size:16px;}

.meta-row{margin-top:24px;font-size:13px;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;}
.meta-row b{color:var(--gold-light);font-weight:500;}

/* TABS */
.tabs-section{padding:10px 0 60px;border-top:1px solid var(--border-gold);}
.tab-heads{display:flex;gap:36px;margin:36px 0 26px;border-bottom:1px solid var(--border-gold);}
.tab-heads button{
  background:none;border:none;color:var(--text-muted);font-family:'Poppins';font-size:14px;
  padding-bottom:14px;cursor:pointer;position:relative;letter-spacing:.3px;
}
.tab-heads button.active{color:var(--gold-light);}
.tab-heads button.active::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--orange);}
.tab-panel{display:none;color:var(--text-muted);font-size:14px;line-height:1.9;}
.tab-panel.active{display:block;}
.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px;}
.ingredient-card{
  background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:8px;
  padding:14px 16px;display:flex;align-items:center;gap:12px;
}
.ingredient-card .dot{width:10px;height:10px;border-radius:50%;background:var(--orange);flex-shrink:0;}
.ingredient-card b{color:var(--text-light);font-weight:500;font-size:13.5px;}
.nutri-table{width:100%;border-collapse:collapse;margin-top:14px;}
.nutri-table td{padding:10px 14px;border-bottom:1px solid var(--border-gold);font-size:13.5px;}
.nutri-table td:last-child{text-align:right;color:var(--gold-light);}

/* SIMILAR PRODUCTS */
.similar-section{padding:20px 0 80px;border-top:1px solid var(--border-gold);}
.section-head{text-align:center;margin-bottom:36px;}
.section-head .eyebrow{color:var(--orange);font-size:13px;letter-spacing:3px;font-weight:600;}
.section-head .eyebrow::after{content:'';display:block;width:46px;height:2px;background:var(--orange);margin:10px auto 0;}
.section-head h2{font-family:'Marcellus',serif;font-size:30px;color:var(--gold-light);margin-top:14px;}

.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.product-card{background:var(--bg-black-2);border:1px solid var(--border-gold);border-radius:10px;overflow:hidden;transition:.25s;display:flex;flex-direction:column;}
.product-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 14px 30px rgba(0,0,0,.4);}
.product-media{background:var(--bg-black-3);padding:22px 0 10px;display:flex;justify-content:center;position:relative;}
.badge-sm{position:absolute;top:10px;left:10px;background:var(--orange);color:#1a1204;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 9px;border-radius:4px;}
.pouch{width:100px;height:140px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;box-shadow:inset 0 0 20px rgba(0,0,0,.25);}
.pouch .brand-strip{background:rgba(0,0,0,.35);color:var(--gold-light);font-size:8px;letter-spacing:1.5px;font-weight:700;padding:2px 10px;border-radius:3px;}
.pouch .grains{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);position:relative;}
.pouch .grains i{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;opacity:.85;}
.pouch .label{background:rgba(0,0,0,.55);width:86%;border-radius:4px;text-align:center;padding:5px 0;}
.pouch .label .pname{font-size:9.5px;color:#fff;font-weight:600;}
.pouch .label .pprice{font-size:9.5px;color:var(--gold-light);}
.product-info{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.product-info h4{font-size:14.5px;font-weight:500;color:var(--text-light);}
.product-info .price{color:var(--gold);font-size:15px;font-weight:600;}
.view-btn{
  background:transparent;border:1px solid var(--orange);color:var(--orange);
  padding:9px;border-radius:6px;font-family:'Poppins';font-size:13px;font-weight:500;
  cursor:pointer;margin-top:auto;transition:.2s;
}
.view-btn:hover{background:var(--orange);color:#1a1204;}

/* FOOTER */
footer{background:var(--bg-black-2);border-top:1px solid var(--border-gold);padding:56px 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:34px;}
.footer-grid h4{color:var(--gold);font-size:13px;letter-spacing:1.5px;margin-bottom:16px;}
.footer-grid p, .footer-grid li{font-size:13px;color:var(--text-muted);line-height:1.9;}
.footer-socials{display:flex;gap:10px;margin-top:16px;}
.footer-socials a{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:13px;}
.newsletter-form{display:flex;margin-top:12px;border:1px solid var(--border-gold);border-radius:6px;overflow:hidden;}
.newsletter-form input{flex:1;background:transparent;border:none;padding:10px;color:var(--text-light);outline:none;font-family:'Poppins';font-size:13px;}
.newsletter-form button{background:var(--orange);border:none;padding:0 16px;color:#1a1204;cursor:pointer;}
.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-gold);display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);}

@media(max-width:980px){
  .product-detail{grid-template-columns:1fr;gap:34px;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .ingredient-grid{grid-template-columns:repeat(2,1fr);}
  nav.primary{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .products-grid{grid-template-columns:1fr;}
  .ingredient-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .gallery-slide{height:360px;}
}
  /* gallery product details  */