.logo-animated {
animation:odhFloat 3.2s ease-in-out infinite;
filter:drop-shadow(0 8px 18px rgba(245,158,11,.18))
}

.mobile-drawer {
display:none;
position:fixed;
inset:0;
background:rgba(15,23,42,.45);
z-index:3000
}

.mobile-drawer.active {
display:block
}

.mobile-panel {
width:min(330px,88vw);
height:100%;
background:#fff;
padding:24px;
display:flex;
flex-direction:column;
gap:16px;
box-shadow:20px 0 60px rgba(0,0,0,.15)
}

.mobile-head {
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:16px;
border-bottom:1px solid #e5e7eb
}

.mobile-head button {
border:0;
background:none;
font-size:20px
}

.site-footer {
background:#0b1220;
color:#cbd5e1;
padding:56px 0 20px;
margin-top:70px
}

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

.footer-grid h4 {
color:#fff;
margin:0 0 14px
}

.footer-grid a,.footer-grid span {
display:block;
color:#cbd5e1;
margin:8px 0
}

.footer-grid p {
max-width:480px;
line-height:1.7
}

.footer-brand {
margin-bottom:14px
}

.footer-brand .brand-name {
color:#fff
}

.footer-bottom {
border-top:1px solid #1f2937;
margin-top:30px;
padding-top:18px;
display:flex;
justify-content:space-between;
gap:16px;
font-size:13px
}

.dynamic-products {
margin-top:20px
}

.dynamic-card .product-thumb-wrap {
overflow:hidden
}

.dynamic-card .product-thumb-wrap img {
width:100%;
height:100%;
object-fit:cover
}

.empty-state {
text-align:center;
padding:60px 20px;
border:1px dashed #cbd5e1;
border-radius:16px;
color:#64748b
}

.category-mini-card {
display:block;
border:1px solid #e5e7eb;
border-radius:18px;
overflow:hidden;
background:#fff;
transition:.25s
}

.category-mini-card:hover {
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(15,23,42,.1)
}

.category-mini-card img {
width:100%;
height:170px;
object-fit:cover;
background:#f8fafc
}

.category-mini-card div {
padding:16px
}

.category-mini-card h3 {
margin:0 0 5px
}

.category-mini-card p {
margin:0;
color:#64748b;
font-size:13px
}

.detail-layout {
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:start
}

.detail-image {
width:100%;
aspect-ratio:1;
border-radius:22px;
background:#f8fafc;
object-fit:cover;
border:1px solid #e5e7eb
}

.detail-panel {
padding:10px
}

.detail-panel h1 {
font-size:clamp(2rem,4vw,3.2rem);
margin:8px 0 14px
}

.detail-meta {
display:flex;
gap:10px;
flex-wrap:wrap;
color:#64748b
}

.detail-actions {
display:grid;
gap:10px;
margin-top:24px
}

.btn-amazon,.btn-whatsapp,.btn-buy-now {
display:flex!important;
align-items:center;
justify-content:center;
gap:8px
}

.product-actions-stack {
display:grid;
gap:8px
}

.product-actions-stack svg {
flex:none
}

@keyframes odhFloat {
0%,100% {
transform:translateY(0) rotate(0)
}

50% {
transform:translateY(-4px) rotate(2deg)
}

}

@media(max-width:900px) {
.footer-grid {
grid-template-columns:1fr 1fr
}

.detail-layout {
grid-template-columns:1fr
}

}

@media(max-width:600px) {
.footer-grid {
grid-template-columns:1fr
}

.footer-bottom {
flex-direction:column
}

.announcement-right {
display:none
}

}

.page-header {
padding:70px 0 35px;
background:linear-gradient(135deg,#fffaf0,#f8fafc)
}

.page-header h1 {
font-size:clamp(2rem,4vw,3.6rem);
margin:8px 0 12px
}

.page-header p {
max-width:760px;
color:#64748b;
line-height:1.75
}

.card {
background:#fff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:26px;
box-shadow:0 8px 30px rgba(15,23,42,.05)
}

.btn-soft {
background:#f1f5f9;
color:#0f172a
}

.input {
font:inherit
}

.amazon-icon {
display:inline-grid;
place-items:center;
width:20px;
height:20px;
border-radius:50%;
background:#ff9900;
color:#111;
font-weight:900;
font-size:13px
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
}

@media(max-width:1000px) {
.categories-grid {
grid-template-columns:repeat(3,1fr)
}

}

@media(max-width:700px) {
.categories-grid {
grid-template-columns:repeat(2,1fr)
}

}

@media(max-width:460px) {
.categories-grid {
grid-template-columns:1fr
}

}

/* Homepage refresh: header, dynamic hero, circular categories, best sellers */
.home-site-header {
position:static;
top:0;
z-index:1100;
background:rgba(255,255,255,.96);
backdrop-filter:blur(16px);
border-bottom:1px solid #e5e7eb;
box-shadow:0 4px 20px rgba(15,23,42,.04)
}

.home-header-main {
min-height:82px;
display:grid;
grid-template-columns:minmax(220px,1fr) minmax(320px,1.8fr) auto;
align-items:center;
gap:28px
}

.home-brand {
display:flex;
align-items:center;
gap:11px;
min-width:0
}

.home-brand img {
width:52px;
height:52px;
object-fit:contain
}

.home-brand span {
font-family:var(--font-heading);
font-size:1.25rem;
font-weight:900;
letter-spacing:.04em;
white-space:nowrap
}

.home-search {
height:48px;
border:1px solid #d7dce4;
border-radius:999px;
background:#f8fafc;
display:flex;
align-items:center;
padding:4px 5px 4px 17px;
box-shadow:inset 0 1px 2px rgba(15,23,42,.02);
transition:.25s
}

.home-search:focus-within {
background:#fff;
border-color:#94a3b8;
box-shadow:0 0 0 4px rgba(15,23,42,.06)
}

.home-search-icon {
font-size:25px;
color:#64748b;
line-height:1
}

.home-search input {
width:100%;
border:0!important;
background:transparent;
outline:0;
padding:0 12px;
font:inherit;
color:#0f172a
}

.home-search button {
height:40px;
border:0;
border-radius:999px;
padding:0 20px;
font-weight:800;
cursor:pointer
}

.home-whatsapp {
height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:0 18px;
border-radius:999px;
background:#25d366;
color:#fff;
font-weight:800;
white-space:nowrap;
box-shadow:0 8px 18px rgba(37,211,102,.18)
}

.home-whatsapp:hover {
background:#1ebd5a;
color:#fff;
transform:translateY(-1px)
}

.home-mobile-toggle {
display:none;
border:0;
font-size:24px
}

.home-quick-links {
min-height:48px;
display:flex;
align-items:center;
justify-content:center;
gap:34px;
border-top:1px solid #f0f2f5
}

.home-quick-links a {
font-size:.9rem;
font-weight:700;
color:#475569;
padding:13px 4px;
position:relative
}

.home-quick-links a:hover,.home-quick-links a.active {
color:#0f172a
}

.home-quick-links a.active:after {
content:"";
position:absolute;
left:0;
right:0;
bottom:6px;
height:2px;
border-radius:2px;
background:#d97706
}

.home-hero {
background:#0f172a
}

.hero-slider {
position:relative;
overflow:hidden;
background:#0f172a
}

.hero-track {
position:relative;
min-height:clamp(360px,34vw,610px)
}

.hero-slide {
position:absolute;
inset:0;
opacity:0;
visibility:hidden;
transition:opacity .65s ease;
overflow:hidden
}

.hero-slide.is-active {
opacity:1;
visibility:visible;
z-index:1
}

.hero-slide picture,.hero-slide img {
display:block;
width:100%;
height:100%
}

.hero-slide img {
object-fit:cover;
min-height:clamp(360px,34vw,610px)
}

.hero-overlay {
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(2,6,23,.76) 0%,rgba(2,6,23,.42) 42%,rgba(2,6,23,.05) 75%);
display:flex;
align-items:center
}

.hero-copy {
width:min(650px,90%);
margin-left:max(20px,calc((100vw - 1320px)/2 + 20px));
color:#fff;
padding:40px 0
}

.hero-eyebrow {
display:inline-flex;
color:#fbbf24;
font-size:.78rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
margin-bottom:14px
}

.hero-copy h1 {
color:#fff;
font-size:clamp(2rem,4vw,4.5rem);
line-height:1.05;
margin:0 0 16px
}

.hero-copy p {
color:#e2e8f0;
max-width:590px;
font-size:clamp(1rem,1.5vw,1.2rem);
line-height:1.7;
margin-bottom:24px
}

.hero-copy .btn {
box-shadow:0 12px 28px rgba(0,0,0,.18)
}

.hero-control {
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:4;
width:46px;
height:46px;
border-radius:50%;
border:1px solid rgba(255,255,255,.28);
background:rgba(15,23,42,.35);
backdrop-filter:blur(8px);
color:#fff;
font-size:32px;
line-height:1;
display:grid;
place-items:center
}

.hero-control:hover {
background:rgba(15,23,42,.65)
}

.hero-prev {
left:22px
}

.hero-next {
right:22px
}

.hero-dots {
position:absolute;
z-index:5;
left:50%;
bottom:18px;
transform:translateX(-50%);
display:flex;
gap:8px
}

.hero-dot {
width:9px;
height:9px;
padding:0;
border:0;
border-radius:50%;
background:rgba(255,255,255,.45);
cursor:pointer
}

.hero-dot.is-active {
width:26px;
border-radius:999px;
background:#fff
}

.hero-fallback {
background:linear-gradient(120deg,#0f172a,#1e293b);
color:#fff;
min-height:440px;
display:flex;
align-items:center
}

.hero-fallback-inner {
min-height:440px;
display:grid;
grid-template-columns:1.15fr .85fr;
align-items:center;
gap:40px
}

.hero-fallback h1 {
color:#fff;
font-size:clamp(2.4rem,5vw,4.8rem);
line-height:1.05;
margin:10px 0 16px
}

.hero-fallback h1 span {
color:#fbbf24
}

.hero-fallback p {
color:#cbd5e1;
max-width:650px;
font-size:1.08rem;
line-height:1.7
}

.hero-fallback-art {
display:flex;
justify-content:center
}

.hero-fallback-art img {
width:min(420px,80%);
filter:drop-shadow(0 30px 45px rgba(0,0,0,.3))
}

.hero-fallback-actions {
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:24px
}

.home-category-section,.home-best-section {
padding:64px 0;
background:#fff
}

.home-best-section {
background:#f8fafc
}

.home-section-heading {
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
margin-bottom:30px
}

.home-section-heading h2 {
margin:5px 0 0
}

.text-link {
font-weight:800;
color:#0f172a
}

.text-link:hover {
color:#d97706
}

.circle-category-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:28px;
max-width:980px;
margin:0 auto
}

.circle-category {
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
gap:14px
}

.circle-category-image {
width:min(170px,100%);
aspect-ratio:1;
border-radius:50%;
overflow:hidden;
background:#f8fafc;
border:8px solid #fff;
box-shadow:0 12px 34px rgba(15,23,42,.10);
transition:transform .3s ease,box-shadow .3s ease
}

.circle-category:hover .circle-category-image {
transform:translateY(-6px);
box-shadow:0 18px 42px rgba(15,23,42,.16)
}

.circle-category-image img {
width:100%;
height:100%;
object-fit:cover
}

.circle-category strong {
font-size:.98rem;
line-height:1.35;
max-width:180px
}

.home-best-grid {
margin-top:0
}

.hero-preview {
width:240px;
max-width:100%;
aspect-ratio:3/1;
object-fit:cover
}

.hero-thumb {
width:86px;
height:52px;
border-radius:8px
}

.optional {
font-weight:500;
color:#98a2b3
}

@media(max-width:1000px) {
.home-header-main {
grid-template-columns:1fr auto;
gap:14px
}

.home-search {
grid-column:1/-1;
grid-row:2
}

.home-whatsapp {
grid-column:2;
grid-row:1
}

.home-brand {
grid-column:1;
grid-row:1
}

.circle-category-grid {
gap:20px
}

.hero-copy {
margin-left:28px
}

}

@media(max-width:700px) {
.home-header-main {
min-height:70px;
grid-template-columns:1fr auto
}

.home-brand img {
width:44px;
height:44px
}

.home-brand span {
font-size:1rem
}

.home-whatsapp span {
display:none
}

.home-whatsapp {
width:44px;
height:44px;
padding:0
}

.home-mobile-toggle {
display:block
}

.home-search {
grid-column:1/-1;
grid-row:2;
margin-bottom:10px
}

.home-quick-links {
display:none
}

.home-site-header {
position:static;
}

.hero-track {
min-height:470px
}

.hero-slide img {
min-height:470px;
object-fit:cover
}

.hero-overlay {
background:linear-gradient(180deg,rgba(2,6,23,.28),rgba(2,6,23,.78))
}

.hero-copy {
margin:0 auto;
padding:30px 22px;
align-self:flex-end;
width:100%
}

.hero-copy h1 {
font-size:2.2rem
}

.hero-copy p {
font-size:.95rem;
margin-bottom:16px
}

.hero-control {
width:38px;
height:38px;
font-size:26px
}

.hero-prev {
left:12px
}

.hero-next {
right:12px
}

.hero-dots {
bottom:12px
}

.hero-fallback-inner {
grid-template-columns:1fr;
min-height:560px;
padding:55px 0 30px
}

.hero-fallback-art {
order:-1
}

.hero-fallback-art img {
width:220px
}

.circle-category-grid {
grid-template-columns:repeat(4,1fr);
gap:14px
}

.circle-category-image {
width:100%;
border-width:4px
}

.circle-category strong {
font-size:.78rem
}

.home-category-section,.home-best-section {
padding:48px 0
}

.home-section-heading {
align-items:flex-start
}

.home-section-heading .text-link {
font-size:.8rem
}

.home-best-grid {
grid-template-columns:repeat(2,minmax(0,1fr))!important
}

}

@media(max-width:420px) {
.home-brand span {
font-size:.9rem
}

.circle-category-grid {
gap:9px
}

.circle-category strong {
font-size:.7rem
}

.hero-copy h1 {
font-size:1.95rem
}

.hero-copy .btn {
width:100%
}

}

/* --------------------------------------------------------------------------
Global public-page theme alignment
The homepage header is now the single visual system across all public pages.
-------------------------------------------------------------------------- */
.universal-site-header .home-quick-links a.active:after {
background:#d97706
}

.universal-site-header + .mobile-drawer + .page-header,
.universal-site-header + .mobile-drawer ~ .page-header {
background:linear-gradient(135deg,#fffaf0 0%,#f8fafc 55%,#ffffff 100%);
border-bottom:1px solid #edf0f4
}

.page-header {
padding:76px 0 42px;
background:linear-gradient(135deg,#fffaf0 0%,#f8fafc 55%,#ffffff 100%);
border-bottom:1px solid #edf0f4
}

.page-header .section-kicker {
display:inline-flex;
align-items:center;
gap:7px;
padding:7px 13px;
border:1px solid #e2e8f0;
border-radius:999px;
background:rgba(255,255,255,.82);
color:#0f172a;
font-size:.76rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
box-shadow:0 4px 14px rgba(15,23,42,.04)
}

.page-header h1 {
max-width:900px;
margin:14px 0 12px;
font-size:clamp(2.2rem,5vw,4.1rem);
line-height:1.03;
letter-spacing:-.045em
}

.page-header p {
max-width:760px;
font-size:1.04rem;
color:#64748b;
line-height:1.8
}

.page-header .container>a {
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 15px;
border-radius:12px;
background:#fff;
border:1px solid #e2e8f0;
font-weight:700;
box-shadow:0 5px 16px rgba(15,23,42,.05)
}
.page-header .container > a {
    color: #B37F30 !important;
    -webkit-text-fill-color: #B37F30 !important;
}

.products-section,.categories-section {
padding:64px 0;
background:#f8fafc
}

.products-section:nth-of-type(even),.categories-section:nth-of-type(even) {
background:#fff
}

.section-heading {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:30px
}

.section-heading h2 {
margin:5px 0 0;
font-size:clamp(1.7rem,3vw,2.5rem)
}

.card {
background:rgba(255,255,255,.96);
border:1px solid #e2e8f0;
border-radius:22px;
padding:28px;
box-shadow:0 12px 35px rgba(15,23,42,.055);
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}

.card:hover {
transform:translateY(-2px);
box-shadow:0 18px 42px rgba(15,23,42,.08);
border-color:#d8dee8
}

.category-mini-card {
border:1px solid #e2e8f0;
border-radius:22px;
background:#fff;
box-shadow:0 10px 28px rgba(15,23,42,.045)
}

.category-mini-card:hover {
border-color:#cbd5e1;
box-shadow:0 18px 42px rgba(15,23,42,.10)
}

.empty-state {
background:#fff;
border:1px dashed #cbd5e1;
border-radius:22px;
padding:70px 24px;
text-align:center;
color:#64748b;
box-shadow:0 8px 28px rgba(15,23,42,.035)
}

.detail-layout {
gap:46px
}

.detail-image {
border-radius:24px;
border:1px solid #e2e8f0;
box-shadow:0 16px 40px rgba(15,23,42,.07)
}

.detail-panel {
background:rgba(255,255,255,.65);
border:1px solid #e2e8f0;
border-radius:24px;
padding:30px;
box-shadow:0 12px 35px rgba(15,23,42,.045)
}

.input {
background:#fff!important;
border:1px solid #cbd5e1!important;
border-radius:14px!important;
min-height:50px
}

.input:focus {
border-color:#94a3b8!important;
box-shadow:0 0 0 4px rgba(15,23,42,.06)
}

.btn {
border-radius:14px!important
}

@media(max-width:700px) {
.universal-site-header .home-quick-links {
display:none
}

.page-header {
padding:52px 0 30px
}

.page-header h1 {
font-size:clamp(2rem,11vw,3rem)
}

.products-section,.categories-section {
padding:46px 0
}

.detail-panel {
padding:22px
}

.section-heading {
align-items:flex-start;
flex-direction:column
}

}

/* ============================================================
ON DA HOUSE — DARK LUXURY THEME
Black / Gold / Cream with restrained WhatsApp green
============================================================ */
:root {
--lux-bg:#0b0b0b;
--lux-bg-2:#121212;
--lux-card:#181818;
--lux-card-2:#1d1d1d;
--lux-gold:#c9963e;
--lux-gold-light:#e0c078;
--lux-cream:#f3ebdd;
--lux-muted:#b9ae9a;
--lux-border:#302a20;
--lux-text:#f3ebdd;
}

html {
background:var(--lux-bg)
}

body {
background:var(--lux-bg);
color:var(--lux-cream)
}

a {
color:var(--lux-cream)
}

a:hover {
color:var(--lux-gold-light)
}

::selection {
background:var(--lux-gold);
color:#0b0b0b
}

/* Header */
.home-site-header {
background:rgba(11,11,11,.96)!important;
border-bottom:1px solid var(--lux-border)!important;
box-shadow:0 10px 35px rgba(0,0,0,.28)!important;
}

.home-brand span {
color:var(--lux-cream)!important
}

.home-brand img {
filter:drop-shadow(0 8px 18px rgba(201,150,62,.18))
}

.home-search {
background:#151515!important;
border-color:#3a3328!important;
box-shadow:none!important;
}

.home-search:focus-within {
background:#181818!important;
border-color:var(--lux-gold)!important;
box-shadow:0 0 0 3px rgba(201,150,62,.12)!important;
}

.home-search input {
color:var(--lux-cream)!important
}

.home-search input::placeholder {
color:#8e8577!important
}

.home-search-icon {
color:var(--lux-gold)!important
}


.home-whatsapp {
box-shadow:0 8px 20px rgba(37,211,102,.12)!important
}

.home-quick-links {
border-top-color:var(--lux-border)!important
}

.home-quick-links a {
color:var(--lux-muted)!important
}

.home-quick-links a:hover,.home-quick-links a.active {
color:var(--lux-cream)!important
}

.home-quick-links a.active:after {
background:var(--lux-gold)!important
}

.home-mobile-toggle {
color:var(--lux-cream);
background:transparent
}

/* Mobile drawer */
.mobile-drawer {
background:rgba(0,0,0,.72)!important
}

.mobile-panel {
background:#111!important;
color:var(--lux-cream);
border-right:1px solid var(--lux-border);
}

.mobile-head {
border-bottom-color:var(--lux-border)!important
}

.mobile-head button {
color:var(--lux-cream)
}

.mobile-panel a {
color:var(--lux-cream)
}

.mobile-panel a:hover,.mobile-panel a.active {
color:var(--lux-gold-light)
}

/* Hero */
.home-hero,.hero-slider {
background:var(--lux-bg)!important
}

.hero-overlay {
background:linear-gradient(90deg,rgba(5,5,5,.84) 0%,rgba(5,5,5,.52) 45%,rgba(5,5,5,.10) 78%)!important;
}

.hero-eyebrow {
color:var(--lux-gold-light)!important
}

.hero-copy h1 {
color:var(--lux-cream)!important
}

.hero-copy p {
color:#d1c6b5!important
}

.hero-copy .btn {
background:var(--lux-gold)!important;
color:#111!important;
border-color:var(--lux-gold)!important;
}

.hero-copy .btn:hover {
background:var(--lux-gold-light)!important
}

.hero-control {
background:rgba(11,11,11,.55)!important;
border-color:rgba(201,150,62,.45)!important;
}

.hero-control:hover {
background:rgba(201,150,62,.2)!important
}

.hero-dot {
background:rgba(243,235,221,.38)!important
}

.hero-dot.is-active {
background:var(--lux-gold)!important
}

.hero-fallback {
background:linear-gradient(120deg,#080808,#17130e)!important
}

.hero-fallback h1,.hero-fallback h1 span {
color:var(--lux-cream)
}

.hero-fallback h1 span {
color:var(--lux-gold-light)
}

.hero-fallback p {
color:var(--lux-muted)
}

/* Homepage sections */
.home-category-section,.home-best-section {
background:var(--lux-bg)!important;
color:var(--lux-cream)!important;
}

.home-best-section {
background:var(--lux-bg-2)!important
}

.home-section-heading h2 {
color:var(--lux-cream)!important
}

.home-section-heading p {
color:var(--lux-muted)!important
}

.text-link {
color:var(--lux-gold-light)!important
}

.text-link:hover {
color:#f0d394!important
}

.circle-category-image {
background:var(--lux-card)!important;
border-color:var(--lux-gold)!important;
box-shadow:0 12px 34px rgba(0,0,0,.4)!important;
}

.circle-category:hover .circle-category-image {
box-shadow:0 18px 42px rgba(201,150,62,.18)!important;
}

.circle-category strong {
color:var(--lux-cream)!important
}

/* Generic page headers and content cards */
.page-header {
background:linear-gradient(135deg,#0b0b0b 0%,#15120e 58%,#0b0b0b 100%)!important;
border-bottom:1px solid var(--lux-border)!important;
}

.page-header h1 {
color:var(--lux-cream)!important
}

.page-header p {
color:var(--lux-muted)!important
}

.card {
background:var(--lux-card)!important;
border-color:var(--lux-border)!important;
color:var(--lux-cream)!important;
box-shadow:0 12px 36px rgba(0,0,0,.25)!important;
}

.card h1,.card h2,.card h3,.card h4,.card h5,.card strong {
color:var(--lux-cream)
}

.card p,.card li {
color:var(--lux-muted)
}

.btn-soft {
background:#252018!important;
color:var(--lux-cream)!important;
border-color:var(--lux-border)!important
}

.btn-soft:hover {
background:#30291e!important;
color:var(--lux-gold-light)!important
}

/* Generic sections */
section:not(.home-hero):not(.home-category-section):not(.home-best-section) {
background:var(--lux-bg);
}

main {
background:var(--lux-bg)
}

h1,h2,h3,h4,h5,h6 {
color:var(--lux-cream)
}

p {
color:var(--lux-muted)
}

hr {
border-color:var(--lux-border)
}

.input, input, textarea, select {
background:#151515!important;
color:var(--lux-cream)!important;
border-color:#3a3328!important;
}

.input::placeholder,input::placeholder,textarea::placeholder {
color:#837b6e!important
}

.input:focus,input:focus,textarea:focus,select:focus {
border-color:var(--lux-gold)!important;
outline:none;
box-shadow:0 0 0 3px rgba(201,150,62,.1)!important;
}

/* Product cards */
.product-card {
background:var(--lux-card)!important;
border-color:var(--lux-border)!important;
box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
}

.product-card:hover {
border-color:rgba(201,150,62,.55)!important;
box-shadow:0 18px 45px rgba(0,0,0,.42)!important;
}

.product-thumb-wrap {
background:#121212!important
}

.product-content {
background:var(--lux-card)!important
}

.product-sku {
color:#8e8577!important
}

.product-rating {
color:var(--lux-gold-light)!important
}

.product-title,.product-title a {
color:var(--lux-cream)!important
}

.product-title a:hover {
color:var(--lux-gold-light)!important
}

.product-desc {
color:var(--lux-muted)!important
}

.price-current {
color:var(--lux-gold-light)!important
}

.price-original {
color:#81786b!important
}

.moq-tag {
background:#252018!important;
color:var(--lux-gold-light)!important;
border-color:var(--lux-border)!important
}

.badge-tag.bestseller {
background:var(--lux-gold)!important;
color:#111!important
}

.discount-chip {
background:#2a1f12!important;
color:var(--lux-gold-light)!important
}

/* Product action buttons */
.btn-buy-now {
background:var(--lux-gold)!important;
color:#111!important;
border-color:var(--lux-gold)!important;
}

.btn-buy-now:hover {
background:var(--lux-gold-light)!important;
color:#111!important
}

.btn-amazon {
background:#242424!important;
color:var(--lux-cream)!important;
border-color:#3a3328!important;
}

.btn-amazon:hover {
background:#302d28!important;
color:var(--lux-gold-light)!important
}

.btn-whatsapp {
background:#25d366!important;
color:#fff!important
}

/* Category mini cards / category grids */
.category-mini-card {
background:var(--lux-card)!important;
border-color:var(--lux-border)!important;
color:var(--lux-cream)!important;
}

.category-mini-card:hover {
box-shadow:0 18px 40px rgba(0,0,0,.4)!important;
border-color:rgba(201,150,62,.45)!important;
}

.category-mini-card img {
background:#111!important
}

.category-mini-card h3 {
color:var(--lux-cream)!important
}

.category-mini-card p {
color:var(--lux-muted)!important
}

/* Product detail */
.detail-image {
background:#121212!important;
border-color:var(--lux-border)!important;
}

.detail-panel h1 {
color:var(--lux-cream)!important
}

.detail-meta {
color:var(--lux-muted)!important
}

.detail-panel .price-current {
color:var(--lux-gold-light)!important
}

/* Empty states */
.empty-state {
border-color:var(--lux-border)!important;
color:var(--lux-muted)!important;
background:#111!important;
}

/* Footer */
.site-footer {
background:#070707!important;
color:var(--lux-muted)!important;
border-top:1px solid var(--lux-border);
}

.footer-grid h4 {
color:var(--lux-gold-light)!important
}

.footer-grid a,.footer-grid span {
color:var(--lux-muted)!important
}

.footer-grid a:hover {
color:var(--lux-cream)!important
}

.footer-grid p {
color:var(--lux-muted)!important
}

.footer-brand .brand-name {
color:var(--lux-cream)!important
}

.footer-brand .brand-sub {
color:var(--lux-gold-light)!important
}

.footer-bottom {
border-top-color:var(--lux-border)!important
}

/* Amazon icon stays recognizable, but softened */
.amazon-icon {
background:var(--lux-gold)!important;
color:#111!important
}

/* Generic button accent */
.btn-primary,.btn:not(.btn-whatsapp):not(.btn-amazon):not(.btn-buy-now) {
border-color:var(--lux-gold);
}

.btn-primary {
background:var(--lux-gold)!important;
color:#111!important
}

.btn-primary:hover {
background:var(--lux-gold-light)!important;
color:#111!important
}

/* Ensure tables/lists in public pages fit dark theme */
table {
background:var(--lux-card)!important;
color:var(--lux-cream)!important
}

th {
background:#211c15!important;
color:var(--lux-gold-light)!important
}

td {
border-color:var(--lux-border)!important;
color:var(--lux-muted)!important
}

/* Keep WhatsApp brand green intentionally */
.home-whatsapp,.btn-whatsapp {
background:#25D366!important
}

.home-whatsapp:hover,.btn-whatsapp:hover {
background:#1ebd5a!important
}

/* Mobile */
@media(max-width:700px) {
.home-search button {
padding:0 14px
}

.home-search {
background:#151515!important
}

.page-header {
padding:58px 0 34px!important
}

}

/* ==========================================================================
ON DA HOUSE — DARK LUXURY THEME OVERRIDES
Dark editorial background / warm gold accents / cream typography
========================================================================== */
:root {
--bg-body:#0b0b0b;
--bg-surface:#181818;
--bg-surface-elevated:#1c1c1c;
--bg-subtle:#121212;
--bg-dark:#050505;
--bg-dark-surface:#181818;
--text-primary:#f3ebdd;
--text-secondary:#b9ae9a;
--text-muted:#8f8575;
--text-inverse:#111111;
--border-light:#302a20;
--border-medium:#4a4031;
--border-focus:#c9963e;
--primary:#111111;
--primary-hover:#24201a;
--primary-light:#f7f2e8;
--accent-gold:#c9963e;
--accent-gold-light:#e2c078;
}

html,body {
background:#0b0b0b;
color:#f3ebdd
}

body {
color:#f3ebdd
}

a {
color:inherit
}

h1,h2,h3,h4,h5,h6 {
color:#f3ebdd
}

p,.lead {
color:#b9ae9a
}

::selection {
background:#c9963e;
color:#111
}

.container {
color:#f3ebdd
}

.announcement-bar {
background:#050505;
color:#d8cdbb;
border-bottom:1px solid #302a20
}

.home-site-header,.universal-site-header {
background:#0b0b0b!important;
color:#f3ebdd!important;
border-bottom:1px solid #302a20!important;
box-shadow:0 8px 30px rgba(0,0,0,.35)
}

.home-header-main {
background:transparent
}

.home-brand {
color:#f3ebdd!important
}

.home-brand span {
color:#f3ebdd!important
}

.home-brand img {
filter:brightness(0) invert(1) sepia(.15) saturate(.5)
}

.home-search {
background:#181818!important;
border:1px solid #4a4031!important;
box-shadow:inset 0 0 0 1px rgba(201,162,39,.03)
}

.home-search input {
background:transparent!important;
color:#f3ebdd!important
}

.home-search input::placeholder {
color:#8f8575!important
}

.home-search-icon {
color:#c9963e!important
}


.home-whatsapp,.btn-header-whatsapp {
background:#25d366!important;
color:#07120b!important
}

.home-whatsapp:hover,.btn-header-whatsapp:hover {
background:#35e078!important;
color:#07120b!important
}

.home-quick-links {
background:#0b0b0b!important;
border-top:1px solid #1e1a15!important
}

.home-quick-links a {
color:#b9ae9a!important
}

.home-quick-links a:hover,.home-quick-links a.active {
color:#e2c078!important
}

.mobile-drawer {
background:rgba(0,0,0,.72)!important
}

.mobile-panel {
background:#121212!important;
color:#f3ebdd!important
}

.mobile-head {
border-bottom-color:#302a20!important
}

.mobile-head button {
color:#f3ebdd!important
}

.section-tag {
background:#181818!important;
color:#e2c078!important;
border-color:#4a4031!important
}

.section-header h2,.section-header h3 {
color:#f3ebdd!important
}

.hero-section {
background:linear-gradient(135deg,#0b0b0b 0%,#121212 55%,#0b0b0b 100%)!important;
border-bottom-color:#302a20!important
}

.hero-badge-wrap {
background:#181818!important;
border-color:#4a4031!important;
color:#e2c078!important;
box-shadow:0 8px 24px rgba(0,0,0,.35)
}

.hero-title,.hero-title * {
color:#f3ebdd!important
}

.hero-title .highlight {
color:#e2c078!important;
background:none!important;
-webkit-text-fill-color:#e2c078!important
}

.hero-desc {
color:#b9ae9a!important
}

.hero-stats {
border-top-color:#302a20!important
}

.stat-item h4 {
color:#e2c078!important
}

.stat-item p {
color:#8f8575!important
}

.page-header {
background:linear-gradient(135deg,#0b0b0b,#121212)!important;
border-bottom:1px solid #302a20
}

.page-header h1 {
color:#f3ebdd!important
}

.page-header p {
color:#b9ae9a!important
}

.category-card,.product-card,.category-mini-card,.dynamic-card {
background:#181818!important;
border-color:#302a20!important;
color:#f3ebdd!important;
box-shadow:0 8px 24px rgba(0,0,0,.28)
}

.category-card:hover,.product-card:hover,.category-mini-card:hover,.dynamic-card:hover {
border-color:#6a5531!important;
box-shadow:0 18px 40px rgba(0,0,0,.5)!important
}

.category-thumb-wrap,.product-thumb-wrap,.category-mini-card img {
background:#121212!important;
border-color:#302a20!important
}

.category-card-title,.category-mini-card h3,.product-title,.product-name {
color:#f3ebdd!important
}

.category-tagline,.category-mini-card p {
color:#9f9586!important
}

.category-card-footer {
color:#e2c078!important;
border-top-color:#302a20!important
}

.product-content {
background:#181818!important
}

.product-price,.price-current {
color:#e2c078!important
}

.price-original {
color:#756b5d!important
}

.product-meta,.product-description,.detail-meta {
color:#9f9586!important
}

.product-thumb-wrap {
border-bottom-color:#302a20!important
}

.discount-chip {
background:#8f2e2e!important
}

.badge-tag.bestseller {
background:#c9963e!important;
color:#111!important
}

.badge-tag.in-stock {
background:#3a3a3a!important
}

.badge-tag.popular {
background:#6a5130!important
}

.badge-tag.new {
background:#276447!important
}

.btn,.btn-primary {
background:#c9963e!important;
color:#111!important;
border-color:#c9963e!important
}

.btn-primary:hover,.btn-gold:hover {
background:#e2c078!important;
color:#111!important
}

.btn-outline {
background:transparent!important;
color:#e2c078!important;
border-color:#6a5531!important
}

.btn-outline:hover {
background:#181818!important;
border-color:#c9963e!important
}

.btn-gold {
background:#c9963e!important;
color:#111!important
}

.btn-whatsapp,.btn-header-whatsapp,.btn-whatsapp {
background:#25d366!important;
color:#07120b!important
}

.btn-amazon {
background:#d9a441!important;
color:#111!important
}

input,select,textarea,.search-input-wrap input,.sort-select {
background:#181818!important;
color:#f3ebdd!important;
border-color:#4a4031!important
}

.search-input-wrap input::placeholder,input::placeholder,textarea::placeholder {
color:#756b5d!important
}

.search-input-wrap input:focus,select:focus,textarea:focus,input:focus {
border-color:#c9963e!important;
box-shadow:0 0 0 3px rgba(201,150,62,.14)!important;
background:#1c1c1c!important
}

.empty-state {
background:#121212!important;
border-color:#4a4031!important;
color:#9f9586!important
}

.detail-image {
background:#121212!important;
border-color:#302a20!important
}

.detail-panel {
color:#f3ebdd!important
}

.detail-panel h1 {
color:#f3ebdd!important
}

.detail-actions {
color:#f3ebdd!important
}

.wholesale-cta-section {
background:linear-gradient(135deg,#181818,#080808)!important;
border-top:1px solid #302a20;
border-bottom:1px solid #302a20
}

.wholesale-content h2 {
color:#f3ebdd!important
}

.wholesale-content p {
color:#b9ae9a!important
}

.site-footer {
background:#050505!important;
color:#b9ae9a!important;
border-top-color:#302a20!important
}

.footer-heading,.footer-grid h4 {
color:#f3ebdd!important
}

.footer-brand p,.footer-links a,.footer-grid a,.footer-grid span {
color:#9f9586!important
}

.footer-links a:hover,.footer-grid a:hover {
color:#e2c078!important
}

.footer-category-pills a {
background:#121212!important;
color:#b9ae9a!important;
border-color:#302a20!important
}

.footer-bottom {
border-top-color:#302a20!important;
color:#756b5d!important
}

.footer-bottom a {
color:#9f9586!important
}

.footer-bottom a:hover {
color:#e2c078!important
}

.breadcrumb,.breadcrumbs {
color:#8f8575!important
}

.breadcrumb a,.breadcrumbs a {
color:#c9963e!important
}

hr {
border-color:#302a20!important
}

.hero-slider,.hero-banner,.hero-banner-track {
background:#0b0b0b!important
}

.hero-banner img,.hero-slide img {
background:#121212
}

@media(max-width:900px) {
.home-header-main {
background:#0b0b0b!important
}

.home-search {
background:#181818!important
}

.home-quick-links {
background:#0b0b0b!important
}

}

/* ==========================================================================
FINAL REPAIR LAYER — On Da House
Purpose:
- Stable horizontal hero slider
- No absolute-position image conflict
- Mobile-first product/category layout
- Dark luxury theme consistency
========================================================================== */

html,
body {
background: #0b0b0b;
}

body {
overflow-x: hidden;
}

/* ---------- HERO SLIDER ---------- */

.home-hero,
.hero-slider {
width: 100%;
position: relative;
overflow: hidden;
background: #080808;
}

.hero-track {
display: flex;
width: 100%;
min-height: 0;
position: relative;
transform: translate3d(0, 0, 0);
transition: transform 650ms cubic-bezier(.22,.61,.36,1);
will-change: transform;
}

.hero-track.no-transition {
transition: none;
}

.hero-slide {
position: relative;
inset: auto;
flex: 0 0 100%;
width: 100%;
min-width: 100%;
height: clamp(300px, 42vw, 650px);
min-height: 300px;
opacity: 1;
visibility: visible;
z-index: 1;
overflow: hidden;
display: block;
}

.hero-slide picture {
display: block;
width: 100%;
height: 100%;
}

.hero-slide img {
display: block;
width: 100%;
height: 100%;
min-height: 0;
max-width: none;
object-fit: cover;
object-position: center;
background: #111;
}

.hero-slide:not(.is-active) {
opacity: 1;
visibility: visible;
}

.hero-slide.is-active {
opacity: 1;
visibility: visible;
z-index: 2;
}

.hero-overlay {
z-index: 3;
}

.hero-control {
z-index: 20;
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 50%;
border: 1px solid rgba(201,150,62,.75);
background: rgba(5,5,5,.62);
color: #f3ebdd;
cursor: pointer;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

.hero-control:hover {
background: rgba(201,150,62,.24);
border-color: #e0c078;
}

.hero-control:active {
transform: translateY(-50%) scale(.94);
}

.hero-prev {
left: 22px;
}

.hero-next {
right: 22px;
}

.hero-dots {
z-index: 25;
}

.hero-dot {
cursor: pointer;
}

.hero-dot:focus-visible,
.hero-control:focus-visible {
outline: 2px solid #e0c078;
outline-offset: 3px;
}

/* ---------- CATEGORY / PRODUCT FALLBACK IMAGES ---------- */

.circle-category-image img,
.category-mini-card img,
.product-thumb-wrap img,
.detail-image {
background: #141414;
}

/* ---------- PRODUCTS ---------- */

.products-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 22px;
}

.product-card {
min-width: 0;
}

.product-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.product-desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.product-actions-stack {
margin-top: 18px;
}

.product-actions-stack a {
min-height: 42px;
}

/* ---------- CATEGORIES ---------- */

.categories-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}

.category-mini-card {
min-width: 0;
}

.category-mini-card img {
aspect-ratio: 1.35 / 1;
height: auto;
object-fit: contain !important;
}

/* ---------- MOBILE NAV ---------- */

.mobile-drawer {
z-index: 5000;
}

.mobile-panel {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

/* ---------- TABLET ---------- */

@media (max-width: 1100px) {
.products-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.categories-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-header-main {
gap: 16px;
}

}

/* ---------- MOBILE ---------- */

@media (max-width: 760px) {
.container {
padding-left: 16px;
padding-right: 16px;
}

.home-header-main {
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
min-height: 68px;
}

.home-brand {
min-width: 0;
}

.home-brand img {
width: 44px;
height: 44px;
flex: 0 0 44px;
}

.home-brand span {
font-size: .95rem;
overflow: hidden;
text-overflow: ellipsis;
}

.home-whatsapp {
width: 44px;
height: 44px;
padding: 0;
flex: 0 0 44px;
}

.home-whatsapp span {
display: none;
}

.home-mobile-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #302a20;
border-radius: 12px;
color: #f3ebdd;
background: #151515;
}

.home-search {
grid-column: 1 / -1;
grid-row: 2;
width: 100%;
margin-bottom: 10px;
}

.home-quick-links {
display: none;
}

.hero-slide {
height: 64vw;
min-height: 260px;
max-height: 520px;
}

.hero-slide img {
object-position: center center;
}

.hero-overlay {
background: linear-gradient(
180deg,
rgba(5,5,5,.08) 0%,
rgba(5,5,5,.28) 45%,
rgba(5,5,5,.88) 100%
) !important;
align-items: flex-end;
}

.hero-copy {
width: 100%;
margin: 0;
padding: 24px 20px 42px;
}

.hero-copy h1 {
font-size: clamp(1.7rem, 8vw, 2.7rem);
margin-bottom: 10px;
}

.hero-copy p {
font-size: .9rem;
line-height: 1.5;
margin-bottom: 14px;
}

.hero-copy .btn {
min-height: 44px;
padding: 11px 18px;
}

.hero-control {
width: 38px;
height: 38px;
font-size: 25px;
}

.hero-prev {
left: 10px;
}

.hero-next {
right: 10px;
}

.hero-dots {
bottom: 12px;
}

.products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.product-content {
padding: 13px;
}

.product-meta-row {
gap: 5px;
flex-wrap: wrap;
}

.product-title {
font-size: 1rem;
line-height: 1.3;
}

.product-desc {
font-size: .82rem;
line-height: 1.45;
-webkit-line-clamp: 2;
}

.product-price-row {
flex-wrap: wrap;
gap: 6px;
}

.price-current {
font-size: 1.05rem;
}

.product-actions-stack {
gap: 7px;
}

.product-actions-stack a {
min-height: 40px;
padding: 8px 7px;
font-size: .75rem;
}

.categories-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.category-mini-card img {
aspect-ratio: 1 / 1;
}

.category-mini-card div {
padding: 12px;
}

.category-mini-card h3 {
font-size: 1rem;
}

.category-mini-card p {
font-size: .75rem;
}

.circle-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 12px;
}

.circle-category-image {
width: min(145px, 100%);
}

.detail-layout {
grid-template-columns: 1fr;
gap: 22px;
}

.detail-panel {
padding: 20px;
}

.detail-actions {
gap: 8px;
}

.detail-actions .btn {
width: 100%;
}

.page-header {
padding: 48px 0 30px;
}

.page-header h1 {
font-size: clamp(2rem, 10vw, 3rem);
}

.section-heading,
.home-section-heading {
align-items: flex-start;
flex-direction: column;
}

.home-category-section,
.home-best-section,
.products-section,
.categories-section {
padding: 44px 0;
}

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

.footer-bottom {
flex-direction: column;
}

}

/* ---------- SMALL PHONES ---------- */

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

.product-thumb-wrap {
aspect-ratio: 1.12 / 1;
}

.circle-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hero-slide {
height: 70vw;
min-height: 240px;
}

.hero-copy {
padding-left: 16px;
padding-right: 16px;
}

}

/* Broken-image fallback should never show a browser icon */
img {
color: transparent;
}

/* ================================================================
HERO ALIGNMENT FINAL FIX
Keep the complete uploaded banner visible.
No fixed/clamped hero height and no forced vertical cropping.
================================================================ */

.home-hero,
.hero-slider {
width: 100% !important;
overflow: hidden !important;
position: relative !important;
background: #080808 !important;
}

.hero-track {
display: flex !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
position: relative !important;
align-items: stretch !important;
}

.hero-slide {
flex: 0 0 100% !important;
width: 100% !important;
min-width: 100% !important;
height: auto !important;
min-height: 0 !important;
position: relative !important;
inset: auto !important;
overflow: hidden !important;
display: block !important;
}

.hero-slide picture {
display: block !important;
width: 100% !important;
height: auto !important;
line-height: 0 !important;
}

.hero-slide img {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-width: 100% !important;
object-fit: contain !important;
object-position: center center !important;
background: #080808 !important;
}

.hero-overlay {
position: absolute !important;
inset: 0 !important;
z-index: 3 !important;
}

.hero-control {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 20 !important;
}

.hero-dots {
position: absolute !important;
z-index: 21 !important;
}

@media (max-width: 760px) {
.hero-slide,
.hero-slide img {
height: auto !important;
min-height: 0 !important;
}

.hero-slide img {
object-fit: contain !important;
}

}

/* ================================================================
NAV LOGO FINAL FIX
Keep the header logo completely stable: no bounce, jump, pulse,
transform, or layout shift.
================================================================ */

.home-brand,
.home-brand:hover,
.home-brand:focus,
.home-brand:active {
transform: none !important;
animation: none !important;
}

.home-brand .logo-animated,
.logo-animated {
display: block !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
animation: none !important;
transition: none !important;
translate: none !important;
scale: 1 !important;
rotate: 0deg !important;
}

.home-brand:hover .logo-animated,
.home-brand:focus .logo-animated,
.home-brand:active .logo-animated {
transform: none !important;
animation: none !important;
transition: none !important;
}

@media (max-width: 760px) {
.home-brand .logo-animated,
.logo-animated {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
}

}

/* Final production hardening: stable, responsive hero slider */
.hero-slider {
position:relative;
overflow:hidden;
background:var(--lux-bg)!important
}

.hero-track {
display:flex;
min-height:0;
height:auto;
transform:translate3d(0,0,0);
transition:transform .65s ease;
will-change:transform
}

.hero-track.no-transition {
transition:none!important
}

.hero-slide {
position:relative;
inset:auto;
flex:0 0 100%;
width:100%;
opacity:1;
visibility:visible;
overflow:hidden;
display:block
}

.hero-slide picture {
display:block;
width:100%;
line-height:0
}

.hero-slide img {
display:block;
width:100%;
height:auto;
min-height:0;
max-height:none;
object-fit:contain;
background:#0b0b0b
}

.hero-overlay {
pointer-events:none
}

.hero-overlay a,.hero-control,.hero-dot {
pointer-events:auto
}

@media(max-width:700px) {
.hero-track {
min-height:0
}

.hero-slide img {
min-height:0;
width:100%;
height:auto;
object-fit:cover
}

.hero-overlay {
min-height:100%;
align-items:flex-end
}

}

.site-logo {
display:block!important;
animation:none!important;
transform:none!important
}

.home-brand:hover .site-logo {
transform:none!important
}

/* ==========================================================================
PREMIUM HOMEPAGE EXPERIENCE
========================================================================== */
.section-intro {
margin:10px 0 0;
max-width:720px;
color:#9f9586!important;
line-height:1.7
}

.home-category-section {
background:#090909!important;
border-top:1px solid #201b15;
border-bottom:1px solid #201b15
}

.home-best-section {
background:linear-gradient(180deg,#11100e 0%,#090909 100%)!important
}

.home-section-heading.centered {
justify-content:center;
text-align:center
}

.home-section-heading.centered>div {
max-width:800px
}

.circle-category-grid {
grid-template-columns:repeat(4,minmax(0,1fr));
gap:36px 28px;
max-width:1120px
}

.circle-category-image {
width:min(185px,100%);
border:7px solid #c9963e;
background:#111;
box-shadow:0 0 0 1px rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.5);
position:relative
}

.circle-category-image:after {
content:"";
position:absolute;
inset:8px;
border:1px solid rgba(226,192,120,.35);
border-radius:50%;
pointer-events:none
}

.circle-category:hover .circle-category-image {
transform:translateY(-9px) scale(1.035);
box-shadow:0 20px 48px rgba(201,150,62,.16),0 0 0 1px rgba(226,192,120,.28)
}

.circle-category strong {
transition:color .25s ease
}

.circle-category:hover strong {
color:#e2c078!important
}

.home-about-section,.why-section,.journey-section,.testimonials-section,.instagram-section,.amazon-store-section {
padding:88px 0;
background:#0b0b0b!important;
border-top:1px solid #211d17
}

.home-about-section {
background:radial-gradient(circle at 15% 40%,rgba(201,150,62,.08),transparent 35%),#0b0b0b!important
}

.premium-split {
display:grid;
grid-template-columns:1.1fr .9fr;
gap:60px;
align-items:center
}

.premium-copy h2,.why-section h2,.journey-card h2,.testimonials-section h2,.instagram-section h2,.amazon-store-card h2 {
font-size:clamp(2rem,4vw,3.5rem);
color:#f3ebdd!important;
margin:8px 0 18px;
line-height:1.05
}

.premium-copy p,.journey-card p,.amazon-store-card p {
color:#b9ae9a!important;
line-height:1.85;
font-size:1.04rem;
max-width:720px
}

.btn-outline-gold {
display:inline-flex;
align-items:center;
gap:10px;
margin-top:14px;
border:1px solid #c9963e;
color:#e2c078!important;
background:transparent;
padding:12px 18px;
border-radius:10px;
font-weight:800
}

.btn-outline-gold:hover {
background:#c9963e;
color:#111!important
}

.about-stat-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px
}

.about-stat-grid>div {
padding:28px;
border:1px solid #302a20;
border-radius:18px;
background:linear-gradient(145deg,#181818,#101010);
box-shadow:0 16px 40px rgba(0,0,0,.25)
}

.about-stat-grid strong {
display:block;
font:800 2rem/1 var(--font-heading);
color:#e2c078
}

.about-stat-grid span {
display:block;
margin-top:9px;
color:#9f9586;
font-size:.86rem
}

.why-section {
background:#0d0c0a!important
}

.why-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px
}

.why-grid article {
padding:30px 24px;
border:1px solid #302a20;
border-radius:18px;
background:#151412;
transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease
}

.why-grid article:hover {
transform:translateY(-7px);
border-color:#6a5530;
box-shadow:0 20px 50px rgba(0,0,0,.35)
}

.why-icon {
display:grid;
place-items:center;
width:48px;
height:48px;
border-radius:14px;
background:#211b13;
color:#e2c078;
font-size:1.3rem;
margin-bottom:18px
}

.why-grid h3 {
color:#f3ebdd;
margin:0 0 9px;
font-size:1.08rem
}

.why-grid p {
color:#9f9586;
line-height:1.7;
margin:0
}

.journey-card {
display:grid;
grid-template-columns:1fr 320px;
gap:50px;
align-items:center;
padding:58px;
border-radius:28px;
border:1px solid #4a4031;
background:radial-gradient(circle at 80% 30%,rgba(201,150,62,.14),transparent 35%),linear-gradient(135deg,#191611,#0e0d0b);
box-shadow:0 28px 80px rgba(0,0,0,.38)
}

.journey-mark {
aspect-ratio:1;
border-radius:50%;
border:1px solid #c9963e;
display:grid;
place-items:center;
align-content:center;
background:radial-gradient(circle,#2b2113,#0d0c0a 68%);
box-shadow:0 0 0 12px rgba(201,150,62,.06),0 30px 80px rgba(0,0,0,.4)
}

.journey-mark span {
font:800 4.5rem/1 var(--font-heading);
color:#e2c078;
letter-spacing:.08em
}

.journey-mark small {
color:#9f9586;
letter-spacing:.22em;
margin-top:10px
}

.testimonials-section {
background:#090909!important
}

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

.testimonial-card {
padding:28px;
border:1px solid #302a20;
border-radius:20px;
background:linear-gradient(145deg,#171614,#10100f);
box-shadow:0 18px 45px rgba(0,0,0,.25);
transition:transform .3s ease,border-color .3s ease
}

.testimonial-card:hover {
transform:translateY(-6px);
border-color:#5b492d
}

.testimonial-stars {
color:#e2c078;
letter-spacing:2px;
font-size:.9rem
}

.testimonial-card blockquote {
margin:18px 0 24px;
color:#d7cebf;
line-height:1.8;
font-size:1rem
}

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

.testimonial-person img,.testimonial-avatar {
width:44px;
height:44px;
border-radius:50%;
object-fit:cover;
background:#211b13;
border:1px solid #4a4031;
display:grid;
place-items:center;
color:#e2c078;
font-weight:800
}

.testimonial-person strong {
display:block;
color:#f3ebdd
}

.testimonial-person small {
display:block;
color:#8f8575;
margin-top:3px
}

.instagram-section {
background:#0b0b0b!important
}

.reels-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px
}

.reel-card {
min-width:0
}

.reel-frame {
position:relative;
aspect-ratio:9/16;
overflow:hidden;
border-radius:18px;
border:1px solid #302a20;
background:#111;
box-shadow:0 18px 42px rgba(0,0,0,.35)
}

.reel-frame iframe {
width:100%;
height:100%;
border:0;
background:#111
}

.reel-open {
position:absolute;
left:12px;
right:12px;
bottom:12px;
text-align:center;
padding:10px 12px;
border-radius:999px;
background:rgba(5,5,5,.78);
backdrop-filter:blur(10px);
color:#f3ebdd!important;
border:1px solid rgba(226,192,120,.35);
font-size:.8rem;
font-weight:800
}

.reel-card h3 {
color:#e8dfd1;
font-size:.9rem;
margin:10px 4px
}

.empty-reels {
padding:70px 20px;
text-align:center;
border:1px dashed #4a4031;
border-radius:20px;
background:#111
}

.empty-reels span {
font-size:2.5rem;
color:#e2c078
}

.empty-reels h3 {
color:#f3ebdd
}

.empty-reels p {
color:#8f8575
}

.amazon-store-section {
padding-top:30px
}

.amazon-store-card {
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
padding:42px 48px;
border:1px solid #4a4031;
border-radius:24px;
background:linear-gradient(120deg,#17130e,#0e0e0d)
}

.amazon-store-card h2 {
font-size:clamp(1.8rem,3vw,2.7rem);
margin-bottom:10px
}

.amazon-store-card p {
margin:0
}

.btn-amazon-store {
display:inline-flex;
align-items:center;
gap:9px;
background:#c9963e!important;
color:#111!important;
border:1px solid #e2c078;
border-radius:10px;
font-weight:900;
padding:13px 20px;
white-space:nowrap
}

.btn-amazon-store:hover {
background:#e2c078!important;
transform:translateY(-2px)
}

.amazon-mini {
display:grid;
place-items:center;
width:22px;
height:22px;
border-radius:50%;
background:#111;
color:#e2c078;
font-weight:900;
font-size:.75rem
}

/* Premium product cards */
.home-best-grid .product-card {
position:relative;
overflow:hidden;
border-radius:20px!important;
background:linear-gradient(145deg,#1a1917,#101010)!important;
border:1px solid #302a20!important;
box-shadow:0 12px 34px rgba(0,0,0,.3)!important;
transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease
}

.home-best-grid .product-card:before {
content:"";
position:absolute;
top:-120%;
left:-30%;
width:45%;
height:300%;
transform:rotate(22deg);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
transition:left .7s ease;
pointer-events:none;
z-index:5
}

.home-best-grid .product-card:hover {
transform:translateY(-9px);
border-color:#6b5530!important;
box-shadow:0 28px 60px rgba(0,0,0,.5)!important
}

.home-best-grid .product-card:hover:before {
left:120%
}

.home-best-grid .product-thumb-wrap {
overflow:hidden
}

.home-best-grid .product-thumb-wrap img {
transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease
}

.home-best-grid .product-card:hover .product-thumb-wrap img {
transform:scale(1.055)
}

.home-best-grid .product-actions-stack a {
transition:transform .2s ease,filter .2s ease
}

.home-best-grid .product-actions-stack a:hover {
transform:translateY(-2px);
filter:brightness(1.05)
}

@media(max-width:1050px) {
.circle-category-grid {
grid-template-columns:repeat(4,1fr)
}

.why-grid {
grid-template-columns:repeat(2,1fr)
}

.reels-grid {
grid-template-columns:repeat(2,1fr)
}

.premium-split {
grid-template-columns:1fr
}

.journey-card {
grid-template-columns:1fr
}

.journey-mark {
width:240px;
margin:auto
}

.amazon-store-card {
flex-direction:column;
align-items:flex-start
}

}

@media(max-width:700px) {
.home-about-section,.why-section,.journey-section,.testimonials-section,.instagram-section {
padding:62px 0
}

.circle-category-grid {
grid-template-columns:repeat(2,1fr);
gap:28px 12px
}

.circle-category-image {
width:min(145px,100%)
}

.home-best-grid .product-card {
border-radius:16px!important
}

.about-stat-grid {
gap:10px
}

.about-stat-grid>div {
padding:20px
}

.about-stat-grid strong {
font-size:1.55rem
}

.why-grid,.testimonial-grid {
grid-template-columns:1fr
}

.journey-card {
padding:32px 24px;
border-radius:22px
}

.journey-mark {
width:190px
}

.journey-mark span {
font-size:3.5rem
}

.reels-grid {
grid-template-columns:repeat(2,1fr);
gap:12px
}

.amazon-store-card {
padding:30px 24px
}

.amazon-store-card .btn {
width:100%
}

}

@media(max-width:420px) {
.circle-category-grid {
gap:22px 8px
}

.circle-category strong {
font-size:.75rem
}

.reels-grid {
grid-template-columns:1fr 1fr
}

.reel-frame {
border-radius:14px
}

.premium-copy h2,.why-section h2,.journey-card h2,.testimonials-section h2,.instagram-section h2 {
font-size:2rem
}

}

/* PRODUCT VIEW — FINAL COLOR/CONTRAST ONLY */

/* PRODUCT VIEW — FINAL COLOR/CONTRAST ONLY */
.detail-layout .detail-panel,
.product-detail .detail-panel,
.detail-panel {
background: #171717 !important;
background-color: #171717 !important;
background-image: none !important;
color: #f4ecdf !important;
opacity: 1 !important;
filter: none !important;
mix-blend-mode: normal !important;
border-color: #3b3021 !important;
}

.detail-layout .detail-panel *,
.product-detail .detail-panel *,
.detail-panel * {
opacity: 1 !important;
filter: none !important;
text-shadow: none !important;
}

.detail-panel h1,
.detail-panel h2,
.detail-panel h3,
.detail-panel .product-title {
color: #fff7e8 !important;
}

.detail-panel p,
.detail-panel .product-description,
.detail-panel .hero-desc {
color: #d2c7b7 !important;
}

.detail-panel .detail-meta,
.detail-panel .detail-meta span,
.detail-panel .meta {
color: #a99d8c !important;
}

.detail-panel .price,
.detail-panel .price-current,
.detail-panel .product-price,
.detail-panel .selling-price {
color: #e4b95f !important;
}

.detail-panel .price-original,
.detail-panel .mrp,
.detail-panel del,
.detail-panel s {
color: #8e8477 !important;
}

.detail-panel label,
.detail-panel .moq,
.detail-panel .sku {
color: #bdb2a2 !important;
}

.detail-panel hr {
border-color: #3b3021 !important;
}

/* =================================================================
ON DA HOUSE — COMPLETE PREMIUM LIGHT THEME
Final visual override only.
No PHP, JS, database schema, product data or business logic changed.
Palette: Warm Ivory + White + Deep Navy + Champagne Gold.
================================================================= */

:root {
--odh-ivory:#FAF8F4;
--odh-white:#FFFFFF;
--odh-surface:#F5F3EF;
--odh-surface-2:#EEEAE3;
--odh-navy:#18243A;
--odh-navy-2:#24324A;
--odh-gold:#B8893E;
--odh-gold-2:#CDA45E;
--odh-text:#1C2738;
--odh-muted:#667085;
--odh-muted-2:#7B8492;
--odh-border:#DDD7CD;
}

/* ---------- GLOBAL ---------- */
html,
body {
background:var(--odh-ivory)!important;
background-image:none!important;
color:var(--odh-text)!important;
}

body {
min-height:100vh;
}

h1,h2,h3,h4,h5,h6 {
color:var(--odh-navy)!important;
}

p {
color:var(--odh-muted)!important;
}

/* ---------- HEADER ---------- */
.home-site-header,
.universal-site-header,
.home-header,
.home-header-main,
.header-main,
.navbar,
.site-header {
background:#fff!important;
background-image:none!important;
color:var(--odh-navy)!important;
border-color:var(--odh-border)!important;
box-shadow:0 5px 24px rgba(24,36,58,.07)!important;
}

.home-brand,
.home-brand span,
.home-site-header .home-brand span {
color:var(--odh-navy)!important;
}

.home-site-header a,
.universal-site-header a,
.home-header a,
.header-main a,
.navbar a {
color:#596579!important;
}

.home-site-header a:hover,
.universal-site-header a:hover,
.home-header a:hover,
.header-main a:hover,
.navbar a:hover,
.home-site-header a.active,
.universal-site-header a.active {
color:#9A6D25!important;
}

/* Keep logo artwork original and visible */
.site-logo,
.brand-logo img,
.home-brand img {
filter:none!important;
opacity:1!important;
}

/* ---------- SEARCH ---------- */
.home-search,
.header-search,
.search-box,
.search-wrap,
.search-input-wrap {
background:#F7F6F3!important;
background-image:none!important;
border-color:#D8D3CA!important;
color:var(--odh-text)!important;
box-shadow:inset 0 1px 2px rgba(24,36,58,.025)!important;
}

.home-search input,
.header-search input,
.search-box input,
.search-input-wrap input {
background:transparent!important;
color:var(--odh-text)!important;
}

.home-search input::placeholder,
.header-search input::placeholder,
.search-box input::placeholder,
.search-input-wrap input::placeholder {
color:#949BA6!important;
}


.header-search button,
.search-box button {
background:linear-gradient(135deg,#C79A4A,#AE7B2D)!important;
color:#fff!important;
}

/* ---------- MOBILE MENU ---------- */
.mobile-drawer {
background:rgba(24,36,58,.28)!important;
}

.mobile-panel {
background:#fff!important;
color:var(--odh-text)!important;
}

.mobile-head {
border-bottom-color:var(--odh-border)!important;
}

.mobile-head button {
color:var(--odh-navy)!important;
}

/* ---------- PAGE / HERO ---------- */
.page-header,
.hero-section,
.hero-slider,
.hero-banner,
.home-hero {
color:var(--odh-text)!important;
}

.page-header {
background:linear-gradient(135deg,#FFFDF8,#F3F5F7)!important;
border-bottom:1px solid var(--odh-border)!important;
}

.page-header h1,
.page-header h2,
.hero-title,
.hero-title * {
color:var(--odh-navy)!important;
}

.page-header p,
.hero-desc {
color:var(--odh-muted)!important;
}

.hero-section {
background:linear-gradient(135deg,#FFFDF8,#F2F4F7)!important;
border-bottom-color:var(--odh-border)!important;
}

.hero-badge-wrap,
.section-tag {
background:#F5F1E8!important;
border-color:#D9C7A5!important;
color:#9A6D25!important;
}

.hero-title .highlight {
color:#A87527!important;
-webkit-text-fill-color:#A87527!important;
}

.hero-slider,
.hero-banner,
.hero-banner-track {
background:#EEF1F4!important;
}

.hero-slide img,
.hero-banner img {
background:#EEF1F4!important;
}

/* ---------- HOMEPAGE SECTIONS ---------- */
.home-category-section {
background:#FFFFFF!important;
border-top:1px solid #EEE9E1!important;
border-bottom:1px solid #EEE9E1!important;
}

.home-best-section {
background:#F5F3EF!important;
}

.home-about-section,
.why-section,
.journey-section,
.testimonials-section,
.instagram-section,
.amazon-store-section {
background:#FFFFFF!important;
color:var(--odh-text)!important;
border-top:1px solid #EEE9E1!important;
}

.home-about-section {
background:radial-gradient(circle at 15% 40%,rgba(201,150,62,.07),transparent 35%),#FFFFFF!important;
}

.why-section {
background:#F7F5F1!important;
}

/* ---------- CATEGORY CARDS ---------- */
.category-card,
.category-mini-card,
.category-item,
.category-tile,
.dynamic-card {
background:#FFFFFF!important;
background-image:none!important;
color:var(--odh-text)!important;
border-color:#DDD8CF!important;
box-shadow:0 9px 26px rgba(24,36,58,.075)!important;
}

.category-card:hover,
.category-mini-card:hover,
.category-item:hover,
.category-tile:hover {
background:#FFFFFF!important;
border-color:#C9A15D!important;
box-shadow:0 18px 40px rgba(24,36,58,.13)!important;
}

.category-card-title,
.category-mini-card h3,
.category-card h3,
.category-item h3,
.category-tile h3 {
color:var(--odh-navy)!important;
}

.category-tagline,
.category-mini-card p,
.category-card p,
.category-item p,
.category-tile p {
color:#737D8C!important;
}

/* Do NOT wash out the colorful category artwork */
.category-thumb-wrap,
.category-mini-card img {
background:#FFFFFF!important;
border-color:#E2DDD5!important;
filter:none!important;
opacity:1!important;
}

/* ---------- PRODUCT CARDS ---------- */
.product-card,
.product-item,
.product-tile,
.home-best-grid .product-card {
background:#FFFFFF!important;
background-image:none!important;
color:var(--odh-text)!important;
border:1px solid #E0DBD2!important;
box-shadow:0 10px 30px rgba(24,36,58,.075)!important;
}

.product-card:hover,
.product-item:hover,
.product-tile:hover,
.home-best-grid .product-card:hover {
background:#FFFFFF!important;
border-color:#C9A15D!important;
box-shadow:0 20px 46px rgba(24,36,58,.13)!important;
}

.product-content {
background:#FFFFFF!important;
}

.product-title,
.product-name,
.product-card h2,
.product-card h3,
.product-card h4 {
color:var(--odh-navy)!important;
}

.product-meta,
.product-description,
.product-card p,
.product-item p {
color:#697486!important;
}

.product-price,
.price-current {
color:#9A6D25!important;
font-weight:800!important;
}

.price-original {
color:#9299A4!important;
}

.product-thumb-wrap {
background:#F5F4F1!important;
border-color:#E0DBD2!important;
}

.moq-tag {
background:#F5F1E8!important;
color:#9A6D25!important;
border-color:#D9C7A5!important;
}

.discount-chip {
background:#F2E4D8!important;
color:#9A4F2E!important;
}

.badge-tag.bestseller {
background:#C79A4A!important;
color:#fff!important;
}

.badge-tag.in-stock {
background:#E8F5EE!important;
color:#24704A!important;
}

.badge-tag.popular {
background:#EEE8F7!important;
color:#6B4A96!important;
}

/* ---------- PRODUCT DETAIL ---------- */
.detail-image {
background:#FFFFFF!important;
border-color:#E0DBD2!important;
box-shadow:0 12px 34px rgba(24,36,58,.08)!important;
}

.detail-panel {
background:#FFFFFF!important;
background-color:#FFFFFF!important;
color:var(--odh-text)!important;
border-color:#E0DBD2!important;
box-shadow:0 14px 38px rgba(24,36,58,.10)!important;
}

.detail-panel h1,
.detail-panel h2,
.detail-panel h3,
.detail-panel .product-title {
color:var(--odh-navy)!important;
}

.detail-panel p,
.detail-panel .product-description,
.detail-panel .hero-desc {
color:#667085!important;
}

.detail-panel .detail-meta,
.detail-panel .detail-meta span,
.detail-panel .meta {
color:#7B8492!important;
}

.detail-panel .price,
.detail-panel .price-current,
.detail-panel .product-price,
.detail-panel .selling-price {
color:#9A6D25!important;
}

.detail-panel .price-original,
.detail-panel .mrp,
.detail-panel del,
.detail-panel s {
color:#9299A4!important;
}

.detail-panel label,
.detail-panel .moq,
.detail-panel .sku {
color:#667085!important;
}

.detail-panel hr {
border-color:#E5E0D7!important;
}

/* ---------- BUTTONS ---------- */
.btn,
.btn-primary,
.btn-buy-now,
.btn-gold,
.btn-cta {
background:linear-gradient(135deg,#C79A4A,#AE7B2D)!important;
color:#fff!important;
border-color:transparent!important;
}

.btn-primary:hover,
.btn-buy-now:hover,
.btn-gold:hover,
.btn-cta:hover {
background:linear-gradient(135deg,#B8893E,#986B27)!important;
color:#fff!important;
}

.btn-soft {
background:#F1EEE8!important;
color:#24324A!important;
border:1px solid #D9D2C7!important;
}

.btn-soft:hover {
background:#E7E2D9!important;
color:#18243A!important;
}

.btn-amazon,
.btn-amazon-store {
background:#F0A43B!important;
color:#172238!important;
}

.btn-whatsapp,
.home-whatsapp {
background:#20C968!important;
color:#fff!important;
}

/* ---------- FORMS ---------- */
input,
select,
textarea,
.form-control,
.sort-select {
background:#FFFFFF!important;
color:var(--odh-text)!important;
border-color:#D7D1C7!important;
}

input::placeholder,
textarea::placeholder {
color:#969DA7!important;
}

/* ---------- ABOUT / CONTACT / CONTENT CARDS ---------- */
.odh-page-hero {
background:
radial-gradient(circle at 85% 15%,rgba(201,150,62,.12),transparent 32%),
linear-gradient(135deg,#FFFFFF,#F3F5F7)!important;
border-bottom-color:var(--odh-border)!important;
}

.odh-section {
background:#FFFFFF!important;
color:var(--odh-text)!important;
}

.odh-section-soft {
background:#F5F3EF!important;
border-top-color:#E7E2D9!important;
border-bottom-color:#E7E2D9!important;
}

.odh-section-dark {
background:#18243A!important;
}

.odh-section-dark h2,
.odh-section-dark h3 {
color:#FFFFFF!important;
}

.odh-section-dark p {
color:#CBD3DF!important;
}

.odh-feature-card,
.odh-contact-card,
.odh-contact-info,
.odh-faq-grid>div {
background:#FFFFFF!important;
color:var(--odh-text)!important;
border-color:#E0DBD2!important;
box-shadow:0 9px 28px rgba(24,36,58,.065)!important;
}

.odh-feature-card h3,
.odh-contact-card h3,
.odh-faq-grid h3 {
color:var(--odh-navy)!important;
}

.odh-feature-card p,
.odh-contact-card p,
.odh-faq-grid p {
color:#697486!important;
}

.odh-contact-info>div {
border-bottom-color:#E1DDD5!important;
}

.odh-cta {
background:linear-gradient(135deg,#FFFDF8,#F5F0E6)!important;
}

/* ---------- WHY / JOURNEY / TESTIMONIAL / REELS ---------- */
.why-grid article {
background:#FFFFFF!important;
border-color:#E0DBD2!important;
color:var(--odh-text)!important;
}

.why-grid article h3,
.journey-card h2,
.testimonials-section h2,
.instagram-section h2,
.amazon-store-card h2 {
color:var(--odh-navy)!important;
}

.why-grid article p,
.journey-card p,
.testimonial-card p {
color:#697486!important;
}

.journey-card,
.testimonial-card {
background:#FFFFFF!important;
border-color:#E0DBD2!important;
box-shadow:0 10px 30px rgba(24,36,58,.065)!important;
}

.reel-frame {
background:#EEF1F4!important;
border-color:#DDD8CF!important;
}

.amazon-store-card {
background:linear-gradient(135deg,#FFFDF8,#F6F0E4)!important;
border-color:#E2D2B5!important;
box-shadow:0 12px 35px rgba(24,36,58,.07)!important;
}

.amazon-store-card p {
color:#667085!important;
}

/* ---------- EMPTY STATES / TABLES ---------- */
.empty-state {
background:#FFFFFF!important;
border-color:#DCD7CE!important;
color:#667085!important;
}

table {
background:#FFFFFF!important;
color:var(--odh-text)!important;
}

th {
background:#F3EFE7!important;
color:#8E6528!important;
}

td {
color:#526073!important;
border-color:#E4DFD7!important;
}

/* ---------- FOOTER: NAVY PREMIUM CONTRAST ---------- */
.site-footer,
.footer,
.footer-section {
background:#18243A!important;
background-image:none!important;
color:#CBD3DF!important;
border-top-color:#2B3A52!important;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.footer h2,
.footer h3,
.footer h4 {
color:#FFFFFF!important;
}

.site-footer p,
.site-footer a,
.footer p,
.footer a {
color:#CBD3DF!important;
}

.site-footer a:hover,
.footer a:hover {
color:#E2C078!important;
}

/* ---------- LEGACY DARK OVERLAY / FILTER CLEANUP ---------- */
.hero-slide::before,
.hero-banner::before,
.hero-content::before {
background:transparent!important;
}

.home-site-header *,
.universal-site-header *,
.home-header *,
.detail-panel * {
text-shadow:none;
}

/* ---------- MOBILE ---------- */
@media(max-width:900px) {
.home-header-main,
.home-site-header,
.universal-site-header {
background:#FFFFFF!important;
}

.home-search {
background:#F7F6F3!important;
}

.home-quick-links {
background:#FFFFFF!important;
border-top-color:#EEE9E1!important;
}

}

@media(max-width:760px) {
.home-category-section,
.home-best-section,
.home-about-section,
.why-section,
.journey-section,
.testimonials-section,
.instagram-section {
background:#FFFFFF!important;
}

.detail-panel h1,
.detail-panel .product-title {
font-size:26px!important;
line-height:1.22!important;
}

}

/* ================================================================
ON DA HOUSE — FINAL LIGHT/TEXT CONTRAST FIX
User requested: premium light palette + black readable text.
This is a visual override only.
================================================================ */

/* Core page surfaces */
html, body,
main, .site-main, .page-content,
.products-section,
.catalogue-section,
.products-page,
.product-detail-page,
.detail-layout {
background:#FAF8F4 !important;
background-image:none !important;
color:#111111 !important;
}

/* Remove legacy dark section backgrounds */
section,
section.products-section,
.home-section,
.home-category-section,
.home-best-section,
.categories-section,
.featured-section,
.catalogue-section,
.home-about-section,
.why-section,
.journey-section,
.testimonials-section,
.instagram-section,
.amazon-store-section {
color:#111111 !important;
}

.home-category-section,
.home-about-section,
.testimonials-section,
.instagram-section,
.amazon-store-section {
background:#FFFFFF !important;
}

.home-best-section,
.why-section,
.journey-section {
background:#F5F3EF !important;
}

/* Header must stay clearly light */
.site-header,
.home-site-header,
.universal-site-header,
.home-header,
.home-header-main,
.header-main,
.navbar {
background:#FFFFFF !important;
color:#111111 !important;
border-color:#DDD7CD !important;
}

/* Navigation text */
.site-header a,
.home-site-header a,
.universal-site-header a,
.home-header a,
.header-main a,
.navbar a,
.home-brand,
.home-brand span {
color:#111111 !important;
}

/* Search text */
.home-search,
.header-search,
.search-box,
.search-wrap {
background:#F7F6F3 !important;
color:#111111 !important;
}

.home-search input,
.header-search input,
.search-box input,
.search-wrap input {
color:#111111 !important;
}

.home-search input::placeholder,
.header-search input::placeholder,
.search-box input::placeholder {
color:#777777 !important;
}

/* General headings and copy: black */
h1,h2,h3,h4,h5,h6,
section h1,section h2,section h3,section h4,section h5,section h6,
.home-section h1,.home-section h2,.home-section h3,
.home-about-section h1,.home-about-section h2,
.why-section h1,.why-section h2,
.journey-section h1,.journey-section h2,
.testimonials-section h1,.testimonials-section h2,
.instagram-section h1,.instagram-section h2 {
color:#111111 !important;
}

p,
section p,
.home-section p,
.home-about-section p,
.why-section p,
.journey-section p,
.testimonials-section p,
.instagram-section p {
color:#111111 !important;
}

/* Category cards */
.category-card,
.category-mini-card,
.category-item,
.category-tile,
.dynamic-card {
background:#FFFFFF !important;
color:#111111 !important;
border-color:#DDD8CF !important;
}

.category-card *,
.category-mini-card *,
.category-item *,
.category-tile * {
color:#111111 !important;
}

/* Preserve colorful category image artwork */
.category-card img,
.category-mini-card img,
.category-item img,
.category-tile img,
.circle-category-image {
filter:none !important;
opacity:1 !important;
}

/* Product cards */
.product-card,
.product-item,
.product-tile,
.home-best-grid .product-card {
background:#FFFFFF !important;
color:#111111 !important;
border-color:#E0DBD2 !important;
}

.product-card h1,.product-card h2,.product-card h3,.product-card h4,
.product-item h1,.product-item h2,.product-item h3,.product-item h4,
.product-tile h1,.product-tile h2,.product-tile h3,
.product-card p,.product-item p,.product-tile p,
.product-card .product-title,
.product-card .product-name,
.product-card .product-meta {
color:#111111 !important;
}

/* Product detail: remove the remaining black outer section */
.detail-layout,
.detail-layout > div,
.detail-image-wrap {
background:#FAF8F4 !important;
color:#111111 !important;
}

.detail-panel {
background:#FFFFFF !important;
background-color:#FFFFFF !important;
color:#111111 !important;
border-color:#E0DBD2 !important;
box-shadow:0 14px 38px rgba(24,36,58,.10) !important;
}

.detail-panel h1,
.detail-panel h2,
.detail-panel h3,
.detail-panel .product-title {
color:#111111 !important;
}

.detail-panel p,
.detail-panel .product-description,
.detail-panel .hero-desc {
color:#111111 !important;
}

.detail-panel .detail-meta,
.detail-panel .detail-meta span,
.detail-panel .meta,
.detail-panel label,
.detail-panel .moq,
.detail-panel .sku {
color:#111111 !important;
}

.detail-panel .price,
.detail-panel .price-current,
.detail-panel .product-price,
.detail-panel .selling-price {
color:#9A6D25 !important;
}

.detail-panel .price-original,
.detail-panel .mrp,
.detail-panel del,
.detail-panel s {
color:#666666 !important;
}

/* Product-page inline/legacy dark style gets overridden here */
#odh-product-view-color-final,
#odh-product-view-premium-light {
color:#111111 !important;
}

/* Keep CTA text readable on colored buttons.
Gold and green buttons use black text for the requested palette. */
.btn-primary,
.btn-buy-now,
.btn-gold,
.btn-cta,
.btn-soft,
.btn-amazon,
.btn-amazon-store,
.btn-whatsapp,
.home-whatsapp {
color:#111111 !important;
}

/* Forms */
input, select, textarea, .form-control {
background:#FFFFFF !important;
color:#111111 !important;
border-color:#D7D1C7 !important;
}

input::placeholder, textarea::placeholder {
color:#777777 !important;
}

/* About/contact */
.odh-page-hero {
background:linear-gradient(135deg,#FFFFFF,#F3F5F7) !important;
color:#111111 !important;
}

.odh-page-hero *,
.odh-section *,
.odh-section-soft * {
color:#111111 !important;
}

.odh-section-dark {
background:#FFFFFF !important;
color:#111111 !important;
}

.odh-section-dark *,
.odh-section-dark h2,
.odh-section-dark h3,
.odh-section-dark p {
color:#111111 !important;
}

.odh-feature-card,
.odh-contact-card,
.odh-contact-info,
.odh-faq-grid>div {
background:#FFFFFF !important;
color:#111111 !important;
}

.odh-feature-card *,
.odh-contact-card *,
.odh-contact-info *,
.odh-faq-grid>div * {
color:#111111 !important;
}

/* Journey/testimonial/reels cards */
.journey-card,
.testimonial-card,
.reel-card {
background:#FFFFFF !important;
color:#111111 !important;
}

.journey-card *,
.testimonial-card *,
.reel-card * {
color:#111111 !important;
}

/* Amazon storefront */
.amazon-store-card {
background:linear-gradient(135deg,#FFFDF8,#F6F0E4) !important;
color:#111111 !important;
}

.amazon-store-card * {
color:#111111 !important;
}

/* Footer is now light too, so black text is actually readable */
.site-footer,
.footer,
.footer-section {
background:#F1EEE8 !important;
color:#111111 !important;
border-top-color:#DDD7CD !important;
}

.site-footer h2,.site-footer h3,.site-footer h4,
.footer h2,.footer h3,.footer h4,
.site-footer p,.site-footer a,
.footer p,.footer a {
color:#111111 !important;
}

.site-footer a:hover,
.footer a:hover {
color:#9A6D25 !important;
}

/* Table text */
table, th, td {
color:#111111 !important;
}

th {
background:#F1EEE8 !important;
}

/* Do not alter images */
img {
opacity:1 !important;
filter:none !important;
}

/* ================================================================
HOMEPAGE FINAL CONTRAST FIX
Fixes legacy high-specificity dark-theme selectors that were
overriding the light theme on the homepage.
================================================================ */

/* Homepage section heading was still inheriting the old cream color */
.home-section-heading,
.home-section-heading h1,
.home-section-heading h2,
.home-section-heading h3 {
color:#111111 !important;
}

.home-section-heading p,
.home-section-heading .section-intro,
.home-section-heading .premium-copy {
color:#111111 !important;
}

/* "View All" link */
.home-section-heading .text-link,
.home-section-heading a.text-link,
.home-category-section .text-link {
color:#9A6D25 !important;
}

/* Category names under the circles */
.circle-category,
.circle-category strong,
.circle-category a,
.circle-category .category-name {
color:#111111 !important;
}

.circle-category strong {
text-shadow:none !important;
}

/* Category grid itself stays clean white */
.circle-category-grid {
background:transparent !important;
}

/* Homepage intro/kicker text */
.home-category-section .section-kicker,
.home-category-section .section-intro,
.home-category-section .premium-copy,
.home-best-section .section-kicker,
.home-best-section .section-intro,
.home-best-section .premium-copy {
color:#111111 !important;
}

/* Best-seller heading and supporting copy */
.home-best-section .home-section-heading h2,
.home-best-section .home-section-heading p {
color:#111111 !important;
}

/* Home About / Why / Journey / Testimonials / Instagram headings */
.home-about-section .home-section-heading h2,
.why-section .home-section-heading h2,
.journey-section .home-section-heading h2,
.testimonials-section .home-section-heading h2,
.instagram-section .home-section-heading h2 {
color:#111111 !important;
}

.home-about-section .home-section-heading p,
.why-section .home-section-heading p,
.journey-section .home-section-heading p,
.testimonials-section .home-section-heading p,
.instagram-section .home-section-heading p {
color:#111111 !important;
}

/* Remove any legacy dark gradient/overlay from homepage section wrappers */
.home-category-section::before,
.home-best-section::before,
.home-about-section::before,
.why-section::before,
.journey-section::before,
.testimonials-section::before,
.instagram-section::before,
.amazon-store-section::before {
background:transparent !important;
opacity:0 !important;
pointer-events:none !important;
}

/* Preserve category artwork */
.circle-category-image,
.circle-category-image img,
.circle-category img {
opacity:1 !important;
filter:none !important;
}

/* ================================================================
ON DA HOUSE — HOMEPAGE PREMIUM LIGHT V2
Match the approved light reference: white/ivory surfaces,
black/navy typography, champagne-gold accents, no black cards.
================================================================ */

/* ---------- HEADER: completely light ---------- */
body > header,
header.site-header,
.site-header,
.home-site-header,
.universal-site-header,
.home-header,
.home-header-main,
.header-main,
.home-nav,
.home-nav-wrap,
.home-navigation,
.navbar,
nav {
background:#FFFFFF !important;
background-color:#FFFFFF !important;
background-image:none !important;
color:#111111 !important;
border-color:#E5E0D7 !important;
box-shadow:0 4px 20px rgba(20,30,45,.06) !important;
}

header *,
.site-header *,
.home-site-header *,
.universal-site-header *,
.home-header *,
.home-header-main *,
.header-main *,
.home-nav *,
.home-navigation *,
.navbar * {
text-shadow:none !important;
}

header a,
.site-header a,
.home-site-header a,
.universal-site-header a,
.home-header a,
.home-header-main a,
.header-main a,
.home-nav a,
.home-navigation a,
.navbar a,
nav a {
color:#111111 !important;
}

header a:hover,
.site-header a:hover,
.home-site-header a:hover,
.universal-site-header a:hover,
.home-header a:hover,
.home-header-main a:hover,
.header-main a:hover,
.home-nav a:hover,
.home-navigation a:hover,
.navbar a:hover,
nav a:hover,
.home-site-header a.active,
.home-header a.active,
.navbar a.active {
color:#A87527 !important;
}

/* Search area */
.home-search,
.header-search,
.search-box,
.search-wrap,
.home-search-wrap {
background:#F7F6F3 !important;
background-color:#F7F6F3 !important;
border-color:#D8D1C6 !important;
color:#111111 !important;
}

.home-search input,
.header-search input,
.search-box input,
.search-wrap input {
color:#111111 !important;
background:transparent !important;
}

/* ---------- HOMEPAGE BASE ---------- */
.home-hero,
.home-category-section,
.home-best-section,
.home-about-section,
.why-section,
.journey-section,
.testimonials-section,
.instagram-section {
color:#111111 !important;
}

.home-category-section,
.home-about-section,
.testimonials-section,
.instagram-section {
background:#FFFFFF !important;
}

.home-best-section,
.why-section,
.journey-section {
background:#F7F5F1 !important;
}

/* ---------- SECTION HEADINGS ---------- */
.home-section-heading,
.home-section-heading > div {
color:#111111 !important;
}

.home-section-heading h1,
.home-section-heading h2,
.home-section-heading h3 {
color:#111111 !important;
-webkit-text-fill-color:#111111 !important;
}

.home-section-heading p,
.home-section-heading .section-intro,
.home-category-section .section-kicker,
.home-best-section .section-kicker {
color:#111111 !important;
-webkit-text-fill-color:#111111 !important;
}

.home-section-heading .text-link,
.home-category-section .text-link,
.home-best-section .text-link {
color:#A87527 !important;
}

/* ---------- CATEGORIES: clean circles + black names ---------- */
.circle-category-grid {
background:transparent !important;
}

.circle-category,
.circle-category *,
.circle-category strong,
.circle-category .category-name {
color:#111111 !important;
-webkit-text-fill-color:#111111 !important;
text-shadow:none !important;
}

.circle-category-image {
background:#FFFFFF !important;
border-color:#D2A24C !important;
box-shadow:0 12px 28px rgba(24,36,58,.12) !important;
}

.circle-category-image img,
.circle-category img {
opacity:1 !important;
filter:none !important;
}

/* ---------- ABOUT STATS: remove black cards ---------- */
.about-stat-grid {
background:transparent !important;
}

.about-stat-grid > div {
background:#FFFFFF !important;
background-color:#FFFFFF !important;
color:#111111 !important;
border:1px solid #E0DBD2 !important;
box-shadow:0 10px 28px rgba(24,36,58,.08) !important;
}

.about-stat-grid > div strong {
color:#B37B24 !important;
-webkit-text-fill-color:#B37B24 !important;
}

.about-stat-grid > div span {
color:#667085 !important;
}

/* ---------- WHY CHOOSE US: white premium cards + gold icons ---------- */
.why-grid {
background:transparent !important;
}

.why-grid article {
background:#FFFFFF !important;
background-color:#FFFFFF !important;
color:#111111 !important;
border:1px solid #E0DBD2 !important;
box-shadow:0 10px 28px rgba(24,36,58,.07) !important;
}

.why-grid article h3 {
color:#111111 !important;
-webkit-text-fill-color:#111111 !important;
}

.why-grid article p {
color:#667085 !important;
}

.why-grid .why-icon {
background:#C7953E !important;
background-color:#C7953E !important;
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF !important;
border-color:#B78330 !important;
}

/* ---------- JOURNEY: no black ODH medallion ---------- */
.journey-card {
background:#FFFFFF !important;
background-color:#FFFFFF !important;
color:#111111 !important;
border:1px solid #E0DBD2 !important;
box-shadow:0 12px 34px rgba(24,36,58,.07) !important;
}

.journey-card h2,
.journey-card p,
.journey-card .section-kicker {
color:#111111 !important;
-webkit-text-fill-color:#111111 !important;
}

.journey-card p {
color:#111111 !important;
}

.journey-mark {
background:linear-gradient(145deg,#FFFDF8,#F5EFE2) !important;
background-color:#FFFDF8 !important;
color:#111111 !important;
border:2px solid #C7953E !important;
box-shadow:0 16px 36px rgba(24,36,58,.12) !important;
}

.journey-mark span {
color:#111111 !important;
-webkit-text-fill-color:#111111 !important;
}

.journey-mark small {
color:#A87527 !important;
-webkit-text-fill-color:#A87527 !important;
}

/* ---------- TESTIMONIALS ---------- */
.testimonial-card {
background:#FFFFFF !important;
color:#111111 !important;
border-color:#E0DBD2 !important;
box-shadow:0 10px 28px rgba(24,36,58,.07) !important;
}

.testimonial-card blockquote,
.testimonial-card p,
.testimonial-card strong {
color:#111111 !important;
}

.testimonial-card small {
color:#667085 !important;
}

.testimonial-stars {
color:#C7953E !important;
}

/* ---------- INSTAGRAM ---------- */
.instagram-section .reel-card {
background:#FFFFFF !important;
color:#111111 !important;
border-color:#E0DBD2 !important;
}

.instagram-section .reel-card h3,
.instagram-section .reel-card p {
color:#111111 !important;
}

/* ---------- BUTTONS ---------- */
.home-about-section .btn-outline-gold,
.journey-section .btn-primary {
background:#C7953E !important;
color:#111111 !important;
border-color:#C7953E !important;
}

.home-about-section .btn-outline-gold:hover,
.journey-section .btn-primary:hover {
background:#B78330 !important;
color:#FFFFFF !important;
}

/* ---------- MOBILE ---------- */
@media(max-width:760px) {
.about-stat-grid > div {
background:#FFFFFF !important;
}

.journey-mark {
background:linear-gradient(145deg,#FFFDF8,#F5EFE2) !important;
}

}

/* FINAL HEADER LOCK V3 */
header.home-site-header.universal-site-header {
background:#fff!important;
background-color:#fff!important;
color:#111!important
}

header.home-site-header .home-header-main {
background:#fff!important;
color:#111!important
}

header.home-site-header nav.home-quick-links {
background:#fff!important;
background-color:#fff!important;
color:#111!important;
border-top:1px solid #eee9e1!important
}

header.home-site-header nav.home-quick-links a {
color:#111!important;
background:transparent!important
}

header.home-site-header nav.home-quick-links a:hover,
header.home-site-header nav.home-quick-links a.active {
color:#a87527!important;
background:transparent!important
}

/* ================================================================
ON DA HOUSE — FINAL SELECTIVE GOLD TEXT FIX
Requested color: #B37F30
Only the specifically requested light-text areas are changed.
================================================================ */


/* 2) Homepage product names/titles */
.product-card .product-title,
.product-card .product-name,
.product-card h2,
.product-card h3,
.product-card h4,
.dynamic-card .product-title,
.dynamic-card .product-name,
.dynamic-card h2,
.dynamic-card h3,
.product-item .product-title,
.product-item .product-name {
color:#000000 !important;
}

/* 3) Product page top card/title area */
.detail-panel h1,
.detail-panel .product-title {
color:#000000 !important;
}

/* Keep the small product-page top metadata in the same requested tone */
.detail-panel .detail-meta,
.detail-panel .detail-meta span,
.detail-panel .meta {
color:#B37F30 !important;
}

/* 4) Footer brand name + caption beside logo */
.site-footer .footer-brand .brand-name,
.footer .footer-brand .brand-name,
.site-footer .footer-brand .brand-sub,
.footer .footer-brand .brand-sub {
color:#B37F30 !important;
}

/* FINAL V5: product title anchor was still controlled by legacy
.product-title a {
...
}

!important. Target the actual clickable text. */
.product-card .product-title > a,
.product-card .product-title a,
.product-item .product-title > a,
.product-item .product-title a,
.dynamic-card .product-title > a,
.dynamic-card .product-title a,
.product-title > a {
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
text-decoration:none !important;
}

.product-card .product-title > a:hover,
.product-card .product-title a:hover,
.product-item .product-title > a:hover,
.product-item .product-title a:hover,
.dynamic-card .product-title > a:hover,
.dynamic-card .product-title a:hover,
.product-title > a:hover {
color:#000000 !important;
-webkit-text-fill-color:#000000 !important;
}

/* ================================================================
CATEGORY PAGE — FINAL LIGHT BACKGROUND FIX
================================================================ */
body:has(.products-section) {
background:#FAF8F4 !important;
}

section.products-section,
.products-section {
background:#FAF8F4 !important;
background-color:#FAF8F4 !important;
background-image:none !important;
color:#111111 !important;
}

section.products-section .container,
.products-section .container,
.products-grid {
background:transparent !important;
background-color:transparent !important;
color:#111111 !important;
}

section.products-section .section-heading,
section.products-section .section-heading h2,
section.products-section .section-heading .section-kicker {
color:#111111 !important;
}

section.products-section .section-heading a.btn-soft {
background:#FFFFFF !important;
color:#B37F30 !important;
border:1px solid #DED7CB !important;
}

/* ================================================================
CATEGORY PAGE V2 — MAIN WRAPPER BACKGROUND
The legacy theme sets main {
background:#0b0b0b!important
}

, which
sits behind the transparent product grid and creates the black
band visible on category.php.
================================================================ */
main:has(.products-section) {
background:#FAF8F4 !important;
background-color:#FAF8F4 !important;
background-image:none !important;
color:#111111 !important;
}

main:has(.products-section) > section.products-section {
background:#FAF8F4 !important;
background-color:#FAF8F4 !important;
}

main:has(.products-section) .products-grid {
background:transparent !important;
}

/* ================================================================
   FINAL HERO ARROW ALIGNMENT
   Keeps previous/next buttons exactly in the vertical center
   of the hero slider on desktop and mobile.
   ================================================================ */

.hero-slider,
.home-hero {
    position: relative !important;
}

.hero-control,
.hero-prev,
.hero-next {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 50 !important;
}

.hero-prev {
    left: 22px !important;
    right: auto !important;
}

.hero-next {
    right: 22px !important;
    left: auto !important;
}

@media (max-width: 760px) {
    .hero-control,
    .hero-prev,
    .hero-next {
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
    }

    .hero-prev {
        left: 10px !important;
    }

    .hero-next {
        right: 10px !important;
    }
    }

/* ================================================================
   HOME PAGE CATEGORY GRID - FINAL UX
   14 categories: 7 per row on desktop.
   Category image changes from circle to premium rounded rectangle.
   ================================================================ */

.home-category-section .circle-category-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-items: start !important;
}

.home-category-section .circle-category {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    color: inherit !important;
    background: #FFFFFF !important;
    border: 1px solid #E6DED1 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(31, 27, 22, 0.08) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.home-category-section .circle-category:hover {
    transform: translateY(-4px) !important;
    border-color: #D5B06A !important;
    box-shadow: 0 14px 30px rgba(31, 27, 22, 0.12) !important;
}

.home-category-section .circle-category-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    display: block !important;
    border-radius: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    background: #F7F5F1 !important;
    box-shadow: none !important;
    position: relative !important;
    flex: none !important;
}

.home-category-section .circle-category-image:after {
    display: none !important;
    content: none !important;
}

.home-category-section .circle-category-image img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
}

.home-category-section .circle-category strong {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 54px !important;
    padding: 13px 10px 14px !important;
    box-sizing: border-box !important;
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #B37F30 !important;
    background: #FFFFFF !important;
}

/* Tablet */
@media (max-width: 1200px) {
    .home-category-section .circle-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .home-category-section .circle-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .home-category-section .circle-category {
        border-radius: 14px !important;
    }

    .home-category-section .circle-category strong {
        min-height: 48px !important;
        padding: 10px 7px 11px !important;
        font-size: 0.82rem !important;
    }
}



/* =========================================================
   ON DA HOUSE - PRODUCT IMAGE NO-CROP FINAL FIX
   Keep the complete product visible regardless of aspect ratio.
   ========================================================= */

.product-card .product-thumb-wrap {
    overflow: hidden !important;
    background: #FFFFFF !important;
}

.product-card .product-thumb-wrap img,
.product-card .product-thumb-wrap svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

.product-card:hover .product-thumb-wrap img,
.product-card:hover .product-thumb-wrap svg {
    transform: none !important;
}

/* Homepage product cards */
.home-best-grid .product-card .product-thumb-wrap img,
.home-best-grid .product-card .product-thumb-wrap svg {
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

.home-best-grid .product-card:hover .product-thumb-wrap img,
.home-best-grid .product-card:hover .product-thumb-wrap svg {
    transform: none !important;
}

/* Dynamic/category/search product cards */
.dynamic-card .product-thumb-wrap img {
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}



/* =========================================================
   ON DA HOUSE — PRODUCT IMAGE BACKGROUND ONLY
   Preserve the existing image, aspect ratio and no-crop behavior.
   Only the empty area around the image is white.
   ========================================================= */
.product-card .product-thumb-wrap,
.dynamic-card .product-thumb-wrap,
.home-best-grid .product-thumb-wrap {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.product-card .product-thumb-wrap img,
.product-card .product-thumb-wrap svg,
.dynamic-card .product-thumb-wrap img,
.dynamic-card .product-thumb-wrap svg,
.home-best-grid .product-thumb-wrap img,
.home-best-grid .product-thumb-wrap svg {
    object-fit: contain !important;
    object-position: center center !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    transform: none !important;
}

/* ================================================================
   ON DA HOUSE - FINAL PRODUCT IMAGE NO-CROP FIX
   CSS only. Do NOT modify or regenerate product image files.
   dynamic.css loads after style.css, so this final rule wins.
   ================================================================ */

.product-card.dynamic-card .product-thumb-wrap {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    overflow: hidden !important;
}

.product-card.dynamic-card .product-thumb-wrap img,
.product-card.dynamic-card .product-thumb-wrap svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    transform: none !important;
}

/* Keep the complete original image visible on hover */
.product-card.dynamic-card:hover .product-thumb-wrap img,
.product-card.dynamic-card:hover .product-thumb-wrap svg {
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}


/* ---------- MOBILE HEADER: SINGLE TOP ROW ---------- */
@media (max-width: 760px) {
    .home-header-main {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-rows: auto auto;
        align-items: center;
        column-gap: 8px;
        row-gap: 8px;
        min-height: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .home-brand {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .home-whatsapp-icon {
        grid-column: 2;
        grid-row: 1;
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
    }

    .home-whatsapp-icon img {
        width: 34px !important;
        height: 34px !important;
    }

    .home-mobile-toggle {
        grid-column: 3;
        grid-row: 1;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin: 0;
    }

    .home-search {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin-bottom: 0;
    }
}

.page-header .container > a {
    color: #B37F30 !important;
    -webkit-text-fill-color: #B37F30 !important;
}

.page-header .container > a:hover {
    color: #9A6D25 !important;
    -webkit-text-fill-color: #9A6D25 !important;
}

@media (min-width: 1101px) {
    .categories-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1101px) {
    .categories-grid .category-mini-card h3 {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
}

.home-site-header,
.home-site-header.universal-site-header {
    position: static !important;
    top: auto !important;
}


/* ================================================================
   ON DA HOUSE - UNIVERSAL CATEGORIES SIDEBAR
   Header button + Amazon-style category drawer.
   ================================================================ */

.home-header-main {
    grid-template-columns: auto minmax(190px, 1fr) minmax(320px, 1.8fr) auto !important;
    gap: 18px !important;
}

.home-header-main > .odh-category-menu-toggle { grid-column: 1; }
.home-header-main > .home-brand { grid-column: 2; }
.home-header-main > .home-search { grid-column: 3; }
.home-header-main > .home-whatsapp-icon { grid-column: 4; }

.odh-category-menu-toggle {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    margin-left: 2px;
    border: 1px solid #D8D1C6;
    border-radius: 12px;
    background: #FFFFFF;
    color: #111111;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(20,30,45,.05);
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.odh-category-menu-toggle:hover,
.odh-category-menu-toggle[aria-expanded="true"] {
    background: #F7F2E8;
    border-color: #C9963E;
    color: #A87527;
}

.odh-category-menu-toggle:active {
    transform: translateY(1px);
}

.odh-category-menu-icon {
    font-size: 19px;
    line-height: 1;
}

.odh-category-overlay {
    position: fixed;
    inset: 0;
    z-index: 5900;
    background: rgba(15, 23, 42, .46);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}

.odh-category-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.odh-category-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: min(390px, 90vw);
    height: 100dvh;
    z-index: 6000;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    color: #111827;
    box-shadow: 18px 0 50px rgba(0,0,0,.18);
    transform: translateX(-105%);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    overflow: hidden;
}

.odh-category-sidebar.is-open {
    transform: translateX(0);
}

.odh-category-sidebar-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 20px 18px;
    border-bottom: 1px solid #E5E7EB;
    background: #FFFFFF;
}

.odh-category-kicker {
    display: block;
    margin-bottom: 3px;
    color: #B37F30;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.odh-category-sidebar-head h2 {
    margin: 0;
    color: #111827 !important;
    font-family: var(--font-heading, inherit);
    font-size: 24px;
    line-height: 1.15;
}

.odh-category-close {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D9DEE6;
    border-radius: 10px;
    background: #FFFFFF;
    color: #111827;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}

.odh-category-close:hover {
    background: #F7F2E8;
    border-color: #C9963E;
}

.odh-category-sidebar-body {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px 0 28px;
}

.odh-category-list,
.odh-category-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.odh-category-item {
    margin: 0;
}

.odh-category-row {
    min-height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F0F2F5;
}

.odh-category-link {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    padding: 14px 10px 14px 20px;
    color: #1F2937 !important;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    text-decoration: none !important;
    transition: background .2s ease, color .2s ease;
}

.odh-category-link:hover {
    background: #FAF8F4;
    color: #A87527 !important;
}

.odh-category-expand {
    flex: 0 0 46px;
    width: 46px;
    align-self: stretch;
    border: 0;
    border-left: 1px solid #F0F2F5;
    background: transparent;
    color: #667085;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.odh-category-expand:hover {
    background: #FAF8F4;
    color: #A87527;
}

.odh-category-item.is-open > .odh-category-row .odh-category-expand {
    transform: rotate(90deg);
    color: #A87527;
}

.odh-category-children {
    display: none;
    background: #FAFAF8;
}

.odh-category-item.is-open > .odh-category-children {
    display: block;
}

.odh-category-level-1 .odh-category-link {
    padding-left: 34px;
    font-size: 13.5px;
    font-weight: 600;
}

.odh-category-level-2 .odh-category-link {
    padding-left: 50px;
    font-size: 13px;
    font-weight: 550;
}

.odh-category-level-3 .odh-category-link {
    padding-left: 66px;
    font-size: 12.5px;
}

.odh-category-empty {
    padding: 24px 20px;
    color: #667085;
}

body.odh-category-menu-open {
    overflow: hidden;
}

@media (max-width: 1100px) {
    .home-header-main {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto;
        gap: 12px !important;
    }

    .home-header-main > .odh-category-menu-toggle {
        grid-column: 1;
        grid-row: 1;
    }

    .home-header-main > .home-brand {
        grid-column: 2;
        grid-row: 1;
    }

    .home-header-main > .home-whatsapp-icon {
        grid-column: 3;
        grid-row: 1;
    }

    .home-header-main > .home-search {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 760px) {
    .home-header-main {
        grid-template-columns: 42px minmax(0, 1fr) 42px 42px !important;
        grid-template-rows: auto auto !important;
        column-gap: 6px !important;
        row-gap: 8px !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .home-header-main > .odh-category-menu-toggle {
        grid-column: 1;
        grid-row: 1;
        width: 42px;
        min-height: 42px;
        height: 42px;
        padding: 0;
        margin-left: 0;
        border-radius: 10px;
    }

    .odh-category-menu-text {
        display: none;
    }

    .home-header-main > .home-brand {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    .home-header-main > .home-whatsapp-icon {
        grid-column: 3;
        grid-row: 1;
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
    }

    .home-header-main > .home-mobile-toggle {
        grid-column: 4;
        grid-row: 1;
    }

    .home-header-main > .home-search {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin-bottom: 0;
    }

    .odh-category-sidebar {
        width: min(360px, 92vw);
    }

    .odh-category-sidebar-head {
        padding: 18px 16px 15px;
    }

    .odh-category-link {
        padding-left: 16px;
    }

    .odh-category-level-1 .odh-category-link {
        padding-left: 30px;
    }

    .odh-category-level-2 .odh-category-link {
        padding-left: 44px;
    }

    .odh-category-level-3 .odh-category-link {
        padding-left: 58px;
    }
}

.home-site-header > .container,
.home-site-header .container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.home-site-header .header-search {
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 760px) {

    .mobile-drawer .mobile-panel a,
    .mobile-drawer .mobile-panel a:visited {
        color: #111111 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }
    
/* FINAL MOBILE MENU TEXT FIX */
.mobile-drawer .mobile-panel a,
.mobile-drawer .mobile-panel a:visited,
.mobile-drawer .mobile-panel a:hover,
.mobile-drawer .mobile-panel a:focus,
.mobile-drawer .mobile-panel a:active {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.mobile-drawer .mobile-panel a.active {
    color: #B37F30 !important;
    -webkit-text-fill-color: #B37F30 !important;
}

.mobile-drawer .mobile-panel strong {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.mobile-drawer .mobile-panel button {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

    .mobile-drawer .mobile-panel a.active {
        color: #C7953E !important;
    }

    .mobile-drawer .mobile-panel strong {
        color: #111111 !important;
    }

    .mobile-drawer .mobile-panel button {
        color: #111111 !important;
    }

}
.product-whatsapp-icon {
    width: 16px !important;
    height: 16px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 5px 0 0 !important;
}

/* FIX PRODUCT WHATSAPP BUTTON ICON */
.product-card .btn-whatsapp {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    overflow: hidden !important;
}

.product-card .btn-whatsapp .product-whatsapp-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
    display: inline-block !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Desktop/mobile hero images: each device uses only its own banner image. */
.hero-slide .hero-mobile-image {
    display: none !important;
}

@media (max-width: 700px) {
    .hero-slide .hero-desktop-image {
        display: none !important;
    }
    .hero-slide .hero-mobile-image {
        display: block !important;
    }
}

/* ================================================================
   ON DA HOUSE - CATEGORY PAGE HEADING SIZE FIX
   Keep category title compact on desktop and mobile.
   This final rule intentionally wins over all earlier page-header rules.
   ================================================================ */
body:has(.products-section) .page-header h1 {
    font-size: 40px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
}

@media (max-width: 700px) {
    body:has(.products-section) .page-header h1 {
        font-size: 30px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
    }
}

/* FINAL CATEGORY PAGE TITLE SIZE */
html body .page-header h1 {
    font-size: 24px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}

@media (max-width: 700px) {
    html body .page-header h1 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }
}


/* ================================================================
   PRODUCT OUT OF STOCK STATE
   Missing price or inactive/hidden products remain visible on category pages.
   ================================================================ */
.product-card.is-out-of-stock .price-out-of-stock {
    display: inline-flex;
    align-items: center;
    color: #b42318 !important;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: .01em;
}

.product-card.is-out-of-stock .out-of-stock-action {
    background: #ece7df !important;
    border-color: #d8d0c4 !important;
    color: #8b8173 !important;
    cursor: not-allowed;
}

.product-card.is-out-of-stock .out-of-stock-action:hover {
    background: #ece7df !important;
    color: #8b8173 !important;
}

/* ================================================================
   FINAL SEARCH BUTTON - ANIMATED GOLD GRADIENT ONLY
   This is the only final color/gradient rule for the homepage search button.
   ================================================================ */
header.home-site-header .home-header-main .home-search button {
    background: linear-gradient(270deg,
        #8F641F,
        #B8893E,
        #D4A853,
        #F0C96A,
        #D4A853,
        #B8893E,
        #8F641F
    ) !important;
    background-size: 400% 400% !important;
    background-position: 0% 50% !important;
    background-image: linear-gradient(270deg,
        #8F641F,
        #B8893E,
        #D4A853,
        #F0C96A,
        #D4A853,
        #B8893E,
        #8F641F
    ) !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(184,137,62,.28) !important;
    animation: odhPureGoldGradient 4s ease infinite !important;
}

@keyframes odhPureGoldGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

header.home-site-header .home-header-main .home-search button:hover {
    animation-duration: 2.5s !important;
}

/* =========================================================
   FLOATING CATEGORY BUTTON
   Bottom-left fixed position
   ========================================================= */

.odh-category-menu-toggle {
    position: fixed !important;
    left: 24px !important;
    bottom: 24px !important;

    width: 54px !important;
    height: 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #D8B56A !important;
    border-radius: 14px !important;

    background: #FFFFFF !important;
    color: #18243A !important;

    box-shadow: 0 8px 24px rgba(24,36,58,.18) !important;

    z-index: 9998 !important;

    cursor: pointer;
}

.odh-category-menu-toggle:hover {
    background: #F8F1E4 !important;
    border-color: #B8893E !important;
    transform: translateY(-2px);
}

.odh-category-menu-icon {
    font-size: 25px !important;
    line-height: 1 !important;
    color: #18243A !important;
}

/* Hide text completely */
.odh-category-menu-text {
    display: none !important;
}

/* Mobile */
@media (max-width: 760px) {
    .odh-category-menu-toggle {
        left: 16px !important;
        bottom: 18px !important;
        width: 50px !important;
        height: 50px !important;
        border-radius: 13px !important;
    }

    .odh-category-menu-icon {
        font-size: 23px !important;
    }
}

/* ================================================================
   FINAL WHATSAPP BUTTON FIX
   One real image only. No pseudo-elements, no generated dots/icons.
   Applies to product cards and product detail buttons.
================================================================ */

/* Product cards: one real WhatsApp image from product-card.php */
.product-card .btn-whatsapp {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    overflow: hidden !important;
    font-size: 15px !important;
    color: #FFFFFF !important;
}

.product-card .btn-whatsapp::before,
.product-card .btn-whatsapp::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

.product-card .btn-whatsapp .product-whatsapp-icon,
.product-card .btn-whatsapp .product-whatsapp-icon-image {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    background: none !important;
    background-image: none !important;
}

/* Product detail: do NOT create a second icon with ::before/::after. */
.detail-actions .btn-whatsapp {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    color: #FFFFFF !important;
}

.detail-actions .btn-whatsapp::before,
.detail-actions .btn-whatsapp::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

.detail-actions .btn-whatsapp img,
.detail-actions .btn-whatsapp .product-whatsapp-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Never let an old empty icon span render as a white dot. */
.detail-actions .btn-whatsapp .product-whatsapp-icon-image {
    display: none !important;
}
/* Product Page WhatsApp Button */
.whatsapp-product-btn {
    width: auto;
    min-width: 180px;
    height: 48px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.whatsapp-product-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.category-mini-card h3 {
    font-size: 15px !important;
    line-height: 1.2 !important;
}

/* =========================================================
   HOMEPAGE BEST SELLERS - IMAGE + TITLE ONLY
   Scoped ONLY to homepage .home-best-grid product cards.
   Product/category pages remain unchanged.
   ========================================================= */
.home-best-grid .product-card .product-rating,
.home-best-grid .product-card .product-meta,
.home-best-grid .product-card .product-meta-row,
.home-best-grid .product-card .product-sku,
.home-best-grid .product-card .product-description,
.home-best-grid .product-card .product-desc,
.home-best-grid .product-card .product-price-row,
.home-best-grid .product-card .product-price,
.home-best-grid .product-card .price-current,
.home-best-grid .product-card .price-original,
.home-best-grid .product-card .product-actions-stack,
.home-best-grid .product-card .discount-chip,
.home-best-grid .product-card .badge-tag,
.home-best-grid .product-card .moq-tag {
    display: none !important;
}

.home-best-grid .product-card .product-content {
    padding: 14px !important;
}

.home-best-grid .product-card .product-title,
.home-best-grid .product-card .product-name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin: 0 !important;
}
/* =========================================================
   PRODUCT DETAIL IMAGE - NO CROP
   Same image behavior as homepage product cards
   ========================================================= */

.detail-image {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #FFFFFF !important;
    border-radius: 22px !important;
    border: 1px solid #e5e7eb !important;
    display: block !important;
}
/* =========================================================
   FINAL FIX - RESTORE DESKTOP HERO BANNER
   ========================================================= */

.home-hero,
.hero-slider {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

.hero-track {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

.hero-slide {
    display: block !important;
    position: relative !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.hero-slide .hero-desktop-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Mobile: desktop image hide, mobile image show */
.hero-slide .hero-mobile-image {
    display: none !important;
}

@media (max-width: 700px) {

    .hero-slide .hero-desktop-image {
        display: none !important;
    }

    .hero-slide .hero-mobile-image {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

}
/* =========================================================
   ON DA HOUSE - DESKTOP HERO BANNER RESTORE
   ========================================================= */

.hero-slider {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.hero-track {
    display: flex !important;
    width: 100% !important;
    position: relative !important;
}

.hero-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    position: relative !important;
}

.hero-desktop-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.hero-mobile-image {
    display: none !important;
}

/* Mobile */
@media (max-width: 768px) {

    .hero-desktop-image {
        display: none !important;
    }

    .hero-mobile-image {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

}

/* ================================================================
   ODH MOBILE HEADER DEFINITIVE OVERRIDE - 2026-10-17
   Keep category access as a fixed bottom-left button, and keep the
   brand / WhatsApp / hamburger on one row with search below. This
   deliberately overrides earlier conflicting grid declarations.
   ================================================================ */
@media (max-width: 760px) {
  header.home-site-header .container {
    width: 100% !important; max-width: 100% !important;
    padding-left: 12px !important; padding-right: 12px !important;
  }
  header.home-site-header .home-header-main {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 42px 42px !important;
    grid-template-rows: 42px auto !important;
    align-items: center !important;
    column-gap: 8px !important; row-gap: 9px !important;
    width: 100% !important; min-width: 0 !important;
    padding: 8px 0 !important; margin: 0 !important;
    position: relative !important; transform: none !important;
  }
  header.home-site-header .home-header-main > .home-brand {
    grid-column: 1 !important; grid-row: 1 !important;
    display: flex !important; min-width: 0 !important; max-width: 100% !important;
    align-items: center !important; justify-self: start !important;
    overflow: hidden !important; white-space: nowrap !important;
  }
  header.home-site-header .home-header-main > .home-brand .site-logo {
    width: 34px !important; height: 34px !important; flex: 0 0 34px !important;
    object-fit: contain !important; margin-right: 7px !important;
  }
  header.home-site-header .home-header-main > .home-brand span {
    display: block !important; min-width: 0 !important;
    overflow: hidden !important; text-overflow: ellipsis !important;
    font-size: clamp(14px,4vw,18px) !important; line-height: 1.15 !important;
  }
  header.home-site-header .home-header-main > .home-whatsapp-icon {
    grid-column: 2 !important; grid-row: 1 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 42px !important; height: 42px !important; min-width: 42px !important;
    margin: 0 !important; padding: 0 !important; justify-self: center !important;
  }
  header.home-site-header .home-header-main > .home-whatsapp-icon img {
    width: 32px !important; height: 32px !important; object-fit: contain !important;
  }
  header.home-site-header .home-header-main > .home-mobile-toggle {
    grid-column: 3 !important; grid-row: 1 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important;
    margin: 0 !important; padding: 0 !important; justify-self: end !important;
    border: 1px solid #D8D1C6 !important; border-radius: 11px !important;
    background: #FFFFFF !important; color: #18243A !important;
    font-size: 23px !important; line-height: 1 !important;
    visibility: visible !important; opacity: 1 !important;
  }
  header.home-site-header .home-header-main > .home-search {
    grid-column: 1 / -1 !important; grid-row: 2 !important;
    position: relative !important; inset: auto !important; transform: none !important;
    display: flex !important; width: 100% !important; max-width: none !important;
    min-width: 0 !important; margin: 0 !important;
    box-sizing: border-box !important;
  }
  header.home-site-header .home-header-main > .home-search input {
    min-width: 0 !important; width: 100% !important; font-size: 14px !important;
  }
  header.home-site-header nav.home-quick-links { display: none !important; }
}

/* Mobile navigation drawer must cover the viewport and sit above all widgets. */
#mobileNavDrawer.mobile-drawer {
  display: block !important; position: fixed !important; inset: 0 !important;
  width: 100vw !important; height: 100dvh !important;
  padding: 0 !important; margin: 0 !important;
  background: rgba(0,0,0,.58) !important;
  z-index: 2147483000 !important;
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
  transition: opacity .2s ease, visibility .2s ease !important;
}
#mobileNavDrawer.mobile-drawer.active {
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
#mobileNavDrawer .mobile-panel {
  display: flex !important; flex-direction: column !important; gap: 0 !important;
  position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important;
  width: min(360px, 88vw) !important; max-width: 88vw !important; height: 100% !important;
  overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important;
  padding: 18px 18px 28px !important; margin: 0 !important;
  background: #FFFFFF !important; color: #18243A !important;
  box-shadow: 18px 0 50px rgba(0,0,0,.22) !important;
  transform: translateX(-102%) !important; transition: transform .24s ease !important;
  box-sizing: border-box !important;
}
#mobileNavDrawer.active .mobile-panel { transform: translateX(0) !important; }
#mobileNavDrawer .mobile-head {
  flex: 0 0 auto !important; display: flex !important; align-items: center !important;
  justify-content: space-between !important; gap: 12px !important;
  padding: 0 0 16px !important; margin: 0 0 12px !important;
  border-bottom: 1px solid #E5E7EB !important;
}
#mobileNavDrawer .mobile-head strong { color: #18243A !important; font-size: 19px !important; }
#mobileNavDrawer .mobile-head button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 40px !important; height: 40px !important; flex: 0 0 40px !important;
  border: 1px solid #E5E7EB !important; border-radius: 10px !important;
  background: #FFFFFF !important; color: #18243A !important; font-size: 22px !important;
}
#mobileNavDrawer .mobile-panel > a {
  display: flex !important; align-items: center !important; flex: 0 0 auto !important;
  min-height: 48px !important; width: 100% !important; box-sizing: border-box !important;
  padding: 12px 10px !important; margin: 0 !important;
  border-bottom: 1px solid #F0F2F5 !important; border-radius: 0 !important;
  background: transparent !important; color: #18243A !important;
  font-size: 15px !important; line-height: 1.4 !important; text-decoration: none !important;
  white-space: normal !important;
}
#mobileNavDrawer .mobile-panel > a:hover,
#mobileNavDrawer .mobile-panel > a.active { color: #A87527 !important; background: #FAF8F4 !important; }
#mobileNavDrawer .mobile-panel > a.btn-whatsapp {
  justify-content: center !important; margin-top: 14px !important; border: 0 !important;
  border-radius: 10px !important; background: #20C968 !important; color: #111111 !important;
}
body.odh-mobile-nav-open { overflow: hidden !important; }
@media (min-width: 761px) { #mobileNavDrawer.mobile-drawer { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  #mobileNavDrawer.mobile-drawer, #mobileNavDrawer .mobile-panel { transition: none !important; }
}


/* On Da House: clean two-row header layout */
header.home-site-header.universal-site-header { position:relative; z-index:100; background:#fff; }
.odh-header-container { width:min(100% - 32px, 1440px); margin-inline:auto; }
.odh-header-row-one { display:grid !important; grid-template-columns:minmax(190px, 270px) minmax(240px, 1fr) auto !important; align-items:center !important; gap:24px !important; padding:16px 0 !important; }
.odh-header-row-one .home-brand { min-width:0; display:flex; align-items:center; gap:10px; text-decoration:none; }
.odh-header-row-one .home-brand .site-logo { width:auto; max-width:54px; max-height:54px; object-fit:contain; }
.odh-header-row-one .home-brand span { font-weight:800; color:#18243a; font-size:clamp(16px,1.5vw,22px); line-height:1.2; }
.odh-header-row-one .odh-main-search { width:100% !important; min-width:0; grid-column:auto !important; grid-row:auto !important; margin:0 !important; }
.odh-header-row-one .odh-login-button { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding:12px 18px; border-radius:8px; background:#18243a; color:#fff !important; font-weight:700; text-decoration:none; }
.odh-header-row-two { display:flex !important; align-items:center; justify-content:space-between; gap:8px 20px; flex-wrap:nowrap; border-top:1px solid #e8ebef; padding:12px 0 14px !important; }
.odh-header-row-two a { flex:0 1 auto; white-space:nowrap; color:#18243a; font-weight:600; font-size:14px; text-decoration:none; padding:7px 0; }
.odh-header-row-two a:hover, .odh-header-row-two a.active { color:#b37f30 !important; }
.odh-header-row-two .odh-amazon-link-disabled { opacity:.65; }
/* Old menu controls are intentionally not part of this header design. */
.home-mobile-toggle, .odh-floating-category-button, .odh-category-overlay, .odh-category-sidebar, #mobileNavDrawer { display:none !important; }
@media (max-width: 900px) {
 .odh-header-container { width:calc(100% - 24px); }
 .odh-header-row-one { grid-template-columns:minmax(130px, 0.8fr) minmax(180px, 1.5fr) auto !important; gap:12px !important; }
 .odh-header-row-one .home-brand .site-logo { max-width:42px; max-height:42px; }
 .odh-header-row-one .odh-login-button { padding:10px 12px; font-size:13px; }
 .odh-header-row-two { justify-content:flex-start; overflow-x:auto; scrollbar-width:thin; gap:18px; }
 .odh-header-row-two a { font-size:13px; }
}
@media (max-width: 600px) {
 .odh-header-row-one { grid-template-columns:1fr auto !important; gap:10px !important; padding:12px 0 !important; }
 .odh-header-row-one .home-brand { grid-column:1; grid-row:1; }
 .odh-header-row-one .odh-login-button { grid-column:2; grid-row:1; }
 .odh-header-row-one .odh-main-search { grid-column:1 / -1 !important; grid-row:2 !important; }
 .odh-header-row-one .home-brand span { font-size:17px; }
 .odh-header-row-two { gap:16px; padding:10px 0 12px !important; }
 .odh-header-row-two a { font-size:12px; }
}


/* FINAL alignment guard for On Da House two-row header */
@media (min-width:601px){
header.home-site-header .home-header-main.odh-header-row-one>.home-search{position:relative!important;left:auto!important;top:auto!important;inset:auto!important;transform:none!important;grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important}
header.home-site-header .home-header-main.odh-header-row-one>.home-brand{grid-column:1!important;grid-row:1!important;position:static!important;transform:none!important}
header.home-site-header .home-header-main.odh-header-row-one>.odh-login-button{grid-column:3!important;grid-row:1!important;position:static!important;transform:none!important}
}


/* ON DA HOUSE HERO SLIDER RELIABLE VISIBILITY FIX 2026-10-17
   Overrides legacy rules that forced every slide visible at once. */
.home-hero { position: relative !important; width: 100% !important; }
.home-hero .hero-slider {
  position: relative !important; display: block !important; width: 100% !important;
  height: clamp(280px, 36vw, 620px) !important; min-height: 280px !important;
  overflow: hidden !important; isolation: isolate !important; background: #fff !important;
}
.home-hero .hero-track {
  position: relative !important; display: block !important; width: 100% !important;
  height: 100% !important; min-height: 0 !important; transform: none !important;
}
.home-hero .hero-slide {
  position: absolute !important; inset: 0 !important; display: block !important;
  width: 100% !important; min-width: 100% !important; height: 100% !important;
  min-height: 0 !important; margin: 0 !important; flex: none !important;
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
  z-index: 0 !important; transition: opacity .55s ease, visibility .55s ease !important;
}
.home-hero .hero-slide.is-active {
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; z-index: 1 !important;
}
.home-hero .hero-slide .hero-desktop-image,
.home-hero .hero-slide .hero-mobile-image {
  width: 100% !important; height: 100% !important; min-height: 0 !important;
  max-width: 100% !important; object-fit: contain !important; object-position: center center !important;
}
.home-hero .hero-slide .hero-overlay { z-index: 2 !important; }
.home-hero .hero-control { z-index: 5 !important; }
.home-hero .hero-dots { z-index: 6 !important; }
@media (max-width: 700px) {
  .home-hero .hero-slider { height: clamp(220px, 62vw, 420px) !important; min-height: 220px !important; }
  .home-hero .hero-slide .hero-desktop-image { display: none !important; }
  .home-hero .hero-slide .hero-mobile-image { display: block !important; }
}


/* ON DA HOUSE DEVICE-SPECIFIC HERO BANNERS — 700px breakpoint */
.home-hero .hero-slide.odh-device-hidden { display: none !important; }
.home-hero .hero-slide .hero-desktop-image { display: block; }
.home-hero .hero-slide .hero-mobile-image { display: none; }
.home-hero .hero-slide:not(.is-active) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.home-hero .hero-slide.is-active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
@media (max-width: 700px) {
  .home-hero .hero-track { height: auto !important; min-height: 0 !important; }
  .home-hero .hero-slide { position: absolute !important; }
  .home-hero .hero-slide.is-active { position: relative !important; inset: auto !important; }
  .home-hero .hero-slide .hero-desktop-image { display: none; }
  .home-hero .hero-slide .hero-mobile-image { display: block; }
  .home-hero .hero-slider { height: auto !important; min-height: 0 !important; }
  .home-hero .hero-slide { height: auto !important; min-height: 0 !important; }
  .home-hero .hero-slide .hero-mobile-image { height: auto !important; max-height: none !important; object-fit: contain !important; }
}
@media (min-width: 701px) {
  .home-hero .hero-slide .hero-desktop-image { display: block; }
  .home-hero .hero-slide .hero-mobile-image { display: none; }
}