body
    { 
    margin:0px;
    padding:0px;
    font-size:14px;
    background:#fff;
    font-family: 'Lato';

}
p, h1, h2, h3,h4, h5, h6, ul, li, a{
    margin: 0;
    padding: 0;
    text-decoration: none;
    
}
a:hover{
    text-decoration: none;
}
@font-face {
  font-family: 'lato-regular';
  src: url(../fonts/lato-regular-webfont.eot);
  src: url(../fonts/lato-regular-webfont.eot?#iefix) format('embedded-opentype'),
       url(../fonts/lato-regular.otf) format('otf'),
       url(../fonts/lato-regular-webfont.ttf) format('truetype'),
       url(../fonts/lato-regular-webfont.woff) format('woff'),
       url(../fonts/lato-regular-webfont.woff2) format('woff2');
}
*{
     font-family: 'lato-regular';
}
.container {
    max-width: 1320px;
}
.row{
    margin-left: 0px;
    margin-right: 0px;
}
:root {
    --white: #ffffff;
    --cream: #fff8ec;
    --gold: #c59a5b;
    --gold-2: #f1cf8c;
    --gold-deep: #7b5731;
    --ink: #282326;
    --soft-ink: #4f464b;
    --muted: #736a70;
    --line: #eee1d7;
    --blush: #fff0f6;
    --blush-2: #ffddea;
    --lav: #f3eeff;
    --sage: #eef8e9;
    --sky: #e9f8ff;
    --peach: #fff0e2;
    --mint: #ecfbf4;
    --lilac: #ebe7ff;
    --gold-grad: linear-gradient(105deg, #8a652d 0%, #c59a5b 38%, #f0d28a 72%, #b88236 100%);
    --soft-shadow: 0 16px 48px rgba(95, 58, 32, 0.1);
    --card-shadow: 0 10px 28px rgba(95, 58, 32, 0.08);
    --max: 1240px;
    /* --display: "Playfair Display", Georgia, serif; */
    /* --body: "Lato", Arial, sans-serif; */
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: var(--body);
    color: var(--ink);
    background: linear-gradient(180deg, #fff 0%, #fffaf8 52%, #fff 100%);
    overflow-x: hidden;
}
body.menu-open,
body.modal-open {
    overflow: hidden;
}
a {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
    display: block;
}
button,
input,
select,
textarea {
    font: inherit;
}
button {
    cursor: pointer;
}
.container {
    width: min(var(--max), calc(100% - 36px));
    margin: auto;
}
.gold-text {
    background: var(--gold-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--gold-deep);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.eyebrow:before {
    content: "";
    width: 32px;
    height: 1px;
    background: var(--gold-grad);
}
.section {
    padding: 82px 0;
    position: relative;
}
.section.compact {
    padding: 62px 0;
}
.section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 30px;
    margin-bottom: 28px;
}
.section-head h2 {
    font-family: var(--display);
    font-size: clamp(31px, 4.2vw, 56px);
    line-height: 1.02;
    letter-spacing: -0.035em;
    margin: 0;
}
.section-head p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
    font-size: 16px;
}
.section-head.center {
    display: block;
    text-align: center;
}
.section-head.center p {
    margin: 10px auto 0;
}
.tone-blush {
    background: linear-gradient(180deg, #fff, var(--blush));
}
.tone-lav {
    background: linear-gradient(180deg, #fff, var(--lav));
}
.tone-sage {
    background: linear-gradient(180deg, #fff, var(--sage));
}
.tone-sky {
    background: linear-gradient(180deg, #fff, var(--sky));
}
.tone-peach {
    background: linear-gradient(180deg, #fff, var(--peach));
}
.tone-mint {
    background: linear-gradient(180deg, #fff, var(--mint));
}
.tone-cream {
    background: linear-gradient(180deg, #fff, var(--cream));
}
.btns {
    border: 0;
    border-radius: 999px;
    min-height: 50px;
    padding: 14px 22px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.22s ease;
    white-space: nowrap;
    letter-spacing: 0.01em;
}
.btns.primarys {
    background: var(--gold-grad);
    color: #fff;
    box-shadow: 0 14px 32px rgba(136, 91, 45, 0.22);
}
.btns.primarys:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(136, 91, 45, 0.28);
}
.btns.dark {
    background: #252326;
    color: #fff;
}
.btns.ghost {
    background: #fff;
    border: 1px solid var(--line);
    color: var(--ink);
}
.btns.ghost:hover {
    border-color: rgba(197, 154, 91, 0.6);
    transform: translateY(-1px);
}
.shine {
    position: relative;
    overflow: hidden;
}
.shine:after {
    content: "";
    position: absolute;
    inset: -90% -45%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.38), transparent);
    transform: translateX(-110%) rotate(14deg);
    animation: shine 4.2s ease-in-out infinite;
}
@keyframes shine {
    0%,
    55% {
        transform: translateX(-110%) rotate(14deg);
    }
    100% {
        transform: translateX(120%) rotate(14deg);
    }
}
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}
.reveal.visible {
    opacity: 1;
    transform: none;
}
.icon-svg {
    width: 72px;
    height: 72px;
    color: var(--gold);
}
.mini-icon {
    width: 24px;
    height: 24px;
    color: var(--gold-deep);
}
.marquee {
    overflow: hidden;
    background: linear-gradient(90deg, #fff6e5, #ffeef6, #eef9ff, #f2ffe9);
    border-bottom: 1px solid rgba(238, 225, 215, 0.9);
    color: #3b2c21;
}
.marquee-track {
    display: flex;
    width: max-content;
    gap: 44px;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 900;
    animation: marquee 30s linear infinite;
}
.marquee-track span {
    white-space: nowrap;
}
.marquee-track b {
    color: var(--gold-deep);
}
@keyframes marquee {
    to {
        transform: translateX(-50%);
    }
}
header {
    position: relative;
    z-index: 60;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(238, 225, 215, 0.9);
}
.site-header.sticky{
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    box-shadow: 0px 0px 4px #ccc;
    z-index: 99;
}
.quickbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(238, 225, 215, 0.85);
    font-size: 13px;
    color: var(--soft-ink);
}
.quickbar .left,
.quickbar .right {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.quickbar a {
    font-weight: 900;
}
.nav {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 13px 0;
}
.logo img {
    width: 152px;
    height: auto;
}
.main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.menu-item {
    position: relative;
}
.mega-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 9px;
    border-radius: 999px;
    color: #382f33;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.08em;
}
.mega-trigger:hover {
    background: #fff6e5;
    color: var(--gold-deep);
}
.chev {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-top: -5px;
    opacity: 0.72;
}
.mega {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    width: min(1010px, calc(100vw - 34px));
    padding: 22px;
    background: rgba(255, 255, 255, 0.99);
    border: 1px solid var(--line);
    border-radius: 28px;
    box-shadow: var(--soft-shadow);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.22s ease;
}
.menu-item:hover .mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.mega-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.mega-col {
    border: 1px solid rgba(238, 225, 215, 0.78);
    border-radius: 18px;
    background: linear-gradient(180deg, #fff, #fffaf6);
    padding: 14px;
}
.mega-col.wide {
    grid-column: 1/-1;
}
.mega-col h4 {
    margin: 0 0 10px;
    color: var(--gold-deep);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.mega-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.mega-chips a {
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: #554b51;
    font-size: 12px;
}
.mega-chips a:hover {
    background: var(--blush);
    border-color: #f4c5d6;
    color: #71304b;
}
.header-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}
.search {
    position: relative;
    width: 232px;
}
.search input {
    height: 44px;
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fffafc;
    padding: 0 44px 0 16px;
    outline: none;
}
.search button {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: var(--gold-grad);
    color: #fff;
}
.round-btn {
    width: 44px;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: #fff;
    display: grid;
    place-items: center;
    transition: 0.2s;
    position: relative;
}
.round-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
}
.bag-count {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ef6f99;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    display: grid;
    place-items: center;
}
.dropdown_sec {
    display: inline-block;
    position: relative;
}
.dropdown_sec a {
    color: #474747;
    font-size:12px;
    letter-spacing: 0;
}
.dropdown_content {
    display: none;
    position: absolute;
    width: auto;
    /* overflow: auto; */
    box-shadow: 0px 0px 5px #ccc;
    background-color:#fff;
    padding:10px;
    z-index: 9;
}
.dropdown_sec:hover .dropdown_content {
    display: block;
}
.dropdown_content a {
    display: block;
    color: #000000;
    padding: 8px 12px;
    text-decoration: none;
    text-align:left;
    font-size:14px;
}
.dropdown_content a:hover {
    color: #FFFFFF;
    background-color: #8e6d3b;
}
.hamburger {
    display: none;
}
.drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(33, 31, 32, 0.42);
    z-index: 120;
    display: none;
}
.drawer-backdrop.active {
    display: block;
}
.drawer {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: min(430px, 92vw);
    background: #fff;
    box-shadow: -20px 0 70px rgba(0, 0, 0, 0.18);
    padding: 18px;
    overflow: auto;
}
.drawer-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.drawer-logo {
    width: 122px;
}
.close-drawer {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 50%;
    width: 42px;
    height: 42px;
}
.mobile-search {
    margin: 10px 0 18px;
}
.mobile-search input {
    width: 100%;
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 0 16px;
}
.mobile-search input:focus{
    outline:none;
}

.mobile-search md-autocomplete-wrap{ 
    box-shadow: inherit;
     border: 1px solid var(--line);
     box-shadow: 0 8px 20px rgba(95, 58, 32, 0.045);
     border-radius: 999px;
     height: 48px;
    width: 100%;
}
md-autocomplete input:not(.md-input){
    height: 48px;
}
md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar{
    background-color: rgba(197, 154, 91, 0.75);
}
.mobile-search md-autocomplete-wrap input:focus {
    border-color: rgba(197, 154, 91, 0.75);
    box-shadow: 0 0 0 4px rgba(197, 154, 91, 0.12);
}

.acc {
    border-bottom: 1px solid var(--line);
}
.acc-btn {
    width: 100%;
    background: #fff;
    border: 0;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 900;
}
.acc-panel {
    display: none;
    padding-bottom: 14px;
}
.acc.open .acc-panel {
    display: block;
}
.mobile-chips {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}
.mobile-chips a {
    font-size: 12px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fffafc;
}
.hero {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 14% 16%, rgba(255, 220, 236, 0.9), transparent 26%),
        radial-gradient(circle at 90% 8%, rgba(224, 246, 255, 0.95), transparent 22%),
        linear-gradient(135deg, #fff 0%, #fff8ed 50%, #fff0f6 100%);
    min-height: 620px;
    display: flex;
    align-items: center;
}
.hero-slide {
    display: none;
    width: 100%;
    padding: 54px 0 72px;
}
.hero-slide.active {
    display: block;
    animation: fadeIn 0.55s ease;
}
@keyframes fadeIn {
    from {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}
.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.95fr);
    gap: 42px;
    align-items: center;
}
.hero-copy h1 {
    font-family: var(--display);
    font-size: clamp(42px, 7.5vw, 86px);
    line-height: 0.95;
    margin: 0 0 18px;
    letter-spacing: -0.05em;
}
.hero-copy p {
    font-size: 18px;
    line-height: 1.72;
    color: var(--soft-ink);
    max-width: 620px;
    margin: 0 0 24px;
}
.hero-actions {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.hero-mini {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.hero-mini span {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 9px 12px;
    font-size: 13px;
    font-weight: 900;
    color: #5d5056;
    box-shadow: 0 8px 20px rgba(95, 58, 32, 0.05);
}
.hero-art {
    position: relative;
    min-height: 420px;
    border-radius: 42px;
    background: linear-gradient(135deg, #fff, #fff7f1);
    box-shadow: var(--soft-shadow);
    overflow: hidden;
    border: 1px solid rgba(238, 225, 215, 0.9);
}
.hero-art:before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border: 24px solid rgba(197, 154, 91, 0.32);
    border-radius: 50%;
    right: -80px;
    top: -55px;
}
.hero-art:after {
    content: "";
    position: absolute;
    inset: auto 30px 30px auto;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9), rgba(255, 229, 240, 0.9));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}
.jewel-svg {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%);
    width: min(330px, 78%);
    height: auto;
    color: var(--gold);
}
.floating-card {
    position: absolute;
    z-index: 3;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(16px);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: var(--card-shadow);
    font-weight: 900;
}
.floating-card small {
    display: block;
    color: var(--muted);
    font-weight: 700;
    margin-top: 4px;
}
.float-1 {
    left: 22px;
    top: 24px;
}
.float-2 {
    right: 26px;
    bottom: 28px;
}
.hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--card-shadow);
    font-size: 26px;
    color: var(--gold-deep);
}
.hero-arrow.prev {
    left: 18px;
}
.hero-arrow.next {
    right: 18px;
}
.hero-dots {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    display: flex;
    gap: 9px;
    z-index: 12;
}
.hero-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0;
    background: rgba(123, 87, 49, 0.25);
}
.hero-dot.active {
    width: 34px;
    border-radius: 999px;
    background: var(--gold-grad);
}
.trust-strip {
    padding: 30px 0 36px;
    background: #fff;
    border-bottom: 1px solid var(--line);
}
.trust-panel {
    border-radius: 34px;
    background: linear-gradient(135deg, #fff8ec 0%, #fff 45%, #fff0f6 100%);
    border: 1px solid var(--line);
    box-shadow: var(--soft-shadow);
    padding: 28px;
}
.trust-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.trust-head h2 {
    font-family: var(--display);
    font-size: clamp(28px, 3vw, 44px);
    margin: 0;
    line-height: 1.05;
}
.trust-head p {
    max-width: 560px;
    color: var(--muted);
    line-height: 1.65;
    margin: 0;
}
.trust-grids {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
.trust-cards {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 18px 12px;
    text-align: center;
    box-shadow: 0 8px 18px rgba(95, 58, 32, 0.05);
    transition: 0.22s;
}
.trust-cards:hover {
    transform: translateY(-4px);
}
.trust-cards svg {
    width: 34px;
    height: 34px;
    color: var(--gold);
    margin: auto auto 10px;
}
.trust-cards b {
    display: block;
    font-size: 14px;
}
.trust-cards small {
    display: block;
    color: var(--muted);
    font-size: 12px;
    margin-top: 4px;
    line-height: 1.4;
}
.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}
.card {
    border: 1px solid var(--line);
    border-radius: 28px;
    background: #fff;
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: 0.25s ease;
    position: relative;
}
.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 50px rgba(95, 58, 32, 0.13);
}
.visual {
    min-height: 178px;
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
}
/* .visual:before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border: 18px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    right: -30px;
    top: -30px;
} */
.visual.blush {
    background: linear-gradient(135deg, #fff0f6, #fff);
}
.visual.sky {
    background: linear-gradient(135deg, #e9f8ff, #fff);
}
.visual.sage {
    background: linear-gradient(135deg, #eef8e9, #fff);
}
.visual.lav {
    background: linear-gradient(135deg, #f3eeff, #fff);
}
.visual.peach {
    background: linear-gradient(135deg, #fff0e2, #fff);
}
.card-body {
    padding: 20px;
}
.card h3 {
    margin: 0 0 8px;
    font-size: 20px;
}
.card p {
    margin: 0 0 14px;
    color: var(--muted);
    line-height: 1.6;
}
.card-link {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    color: var(--gold-deep);
    font-weight: 900;
}
.card-link:after {
    content: "→";
}
.product-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.tab {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 900;
    color: #5f5358;
}
.tab.active {
    background: var(--gold-grad);
    color: #fff;
    border-color: transparent;
}
.tab:focus{
    outline:none;
}
.product-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 26px;
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: 0.25s;
}
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 48px rgba(95, 58, 32, 0.13);
}
.badge {
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 2;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 900;
    color: var(--gold-deep);
}
.wishlist:focus{
    outline: none;
}
.wishlist {
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    color: #7c6e75;
    font-size: 18px;
}
.wishlist.active {
    background: #ffe4ee;
    color: #ef4f86;
    border-color: #ffc0d4;
}
.product-img {
    height: 230px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #fff, #fff5f8);
}
.product-info {
    padding: 18px;
}
.product-info h3 {
    font-size: 17px;
    margin: 0 0 8px;
}
.price-row {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.price.price-home {
    font-size: 19px;
    font-weight: 900;
}
.mrp.mrp-home {
    color: #918991;
    text-decoration: line-through;
    font-size: 13px;
}
.product-meta {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 16px;
}
.product-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 9px;
}
.tiny {
    font-size: 12px;
    color: var(--muted);
}
.finder-box,
.appointment-box,
.monthly-box,
.seo-box,
.newsletter-box {
    border: 1px solid var(--line);
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--soft-shadow);
    padding: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
    align-items: center;
}
.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.form-grid .full {
    grid-column: 1/-1;
}
.input,
select,
textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    padding: 14px 15px;
    outline: none;
    color: var(--ink);
}
textarea {
    min-height: 96px;
    resize: vertical;
}
.input:focus,
select:focus,
textarea:focus {
    border-color: rgba(197, 154, 91, 0.75);
    box-shadow: 0 0 0 3px rgba(197, 154, 91, 0.12);
}
.quiz-options,
.mood-options {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 14px;
}
.option-chip {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 900;
}
.option-chip.active {
    background: #ffe4ee;
    border-color: #f0b3c8;
    color: #813650;
}
.look-board {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.look-card {
    border-radius: 26px;
    border: 1px solid var(--line);
    background: #fff;
    padding: 18px;
    box-shadow: var(--card-shadow);
}
.look-list {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
    display: grid;
    gap: 10px;
}
.look-list li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #e8d8cd;
    padding-bottom: 10px;
    color: var(--soft-ink);
}
.video-card {
    min-height: 360px;
    border-radius: 34px;
    background: linear-gradient(135deg, #1f1d20, #564231 45%, #fff0f6);
    color: #fff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    box-shadow: var(--soft-shadow);
}
.video-card:before {
    content: "▶";
    position: absolute;
    left: 32px;
    top: 32px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: grid;
    place-items: center;
    font-size: 22px;
}
.video-card:after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    border: 24px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    right: -70px;
    top: -70px;
}
.video-card h3 {
    font-size: 36px;
    font-family: var(--display);
    margin: 0 0 8px;
}
.video-card p {
    margin: 0;
    max-width: 520px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.86);
}
.store-result {
    margin-top: 14px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 14px;
    display: none;
}
.store-result.show {
    display: block;
}
.review {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 28px;
    padding: 22px;
    box-shadow: var(--card-shadow);
}
.stars {
    color: #d9a64d;
    letter-spacing: 2px;
    font-size: 18px;
}
.review p {
    color: var(--soft-ink);
    line-height: 1.65;
}
.avatar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}
.avatar span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--gold-grad);
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
}
.guide-card {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 14px;
    align-items: start;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
}
.social-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 0.8fr 1.2fr;
    gap: 14px;
}
.social-tile {
    min-height: 220px;
    border-radius: 28px;
    background: linear-gradient(135deg, #fff0f6, #e9f8ff);
    border: 1px solid #fff;
    box-shadow: var(--card-shadow);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.social-tile:nth-child(2) {
    background: linear-gradient(135deg, #eef8e9, #fff);
}
.social-tile:nth-child(3) {
    background: linear-gradient(135deg, #f3eeff, #fff);
}
.social-tile:nth-child(4) {
    background: linear-gradient(135deg, #fff0e2, #fff);
}
.social-tile b {
    font-size: 20px;
}
.faq {
    display: grid;
    gap: 10px;
}
.faq-item {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 18px;
}
.faq-item h3 {
    margin: 0 0 8px;
    font-size: 18px;
}
.faq-item p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}
.link-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}
.link-cloud a,
.link-cloud span {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 13px;
    font-size: 13px;
    font-weight: 900;
    color: #5b4c52;
}
.newsletter-box {
    grid-template-columns: 1.1fr 0.9fr;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
}
.footer {
    background: #262326;
    color: #fff;
    padding: 54px 0 34px;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.3fr repeat(4, 1fr);
    gap: 28px;
}
.footer img {
    width: 144px;
    background: #fff;
    border-radius: 14px;
    padding: 8px;
}
.footer h4 {
    margin: 0 0 12px;
    color: #f1cf8c;
}
.footer a,
.footer p {
    display: block;
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 8px;
}
.footer-bottom {
    margin-top: 34px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    display: flex;
    justify-content: space-between;
    gap: 18px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
}
.float-actions {
    position: fixed;
    right: 18px;
    bottom: 18px;
    display: grid;
    gap: 10px;
    z-index: 90;
}
.float-btn {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 0;
    background: var(--gold-grad);
    color: #fff;
    box-shadow: 0 14px 34px rgba(95, 58, 32, 0.25);
    font-size: 22px;
    display: grid;
    place-items: center;
}
.float-btn.top {
    background: #fff;
    color: var(--gold-deep);
    border: 1px solid var(--line);
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: 0.2s;
}
.float-btn.top.show {
    opacity: 1;
    pointer-events: auto;
    transform: none;
}
.support-panel {
    position: fixed;
    right: 84px;
    bottom: 20px;
    width: min(320px, calc(100vw - 112px));
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 24px;
    box-shadow: var(--soft-shadow);
    padding: 18px;
    z-index: 92;
    display: none;
}
.support-panel.show {
    display: block;
    animation: fadeIn 0.2s;
}
.support-panel h3 {
    margin: 0 0 8px;
}
.support-panel p {
    margin: 0 0 14px;
    color: var(--muted);
    line-height: 1.55;
}
.mobile-sticky {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--line);
    padding: 10px 12px;
    z-index: 88;
    gap: 8px;
}
.toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%) translateY(20px);
    background: #252326;
    color: #fff;
    padding: 13px 18px;
    border-radius: 999px;
    box-shadow: var(--soft-shadow);
    z-index: 150;
    opacity: 0;
    pointer-events: none;
    transition: 0.25s;
}
.toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.lead-modal {
    position: fixed;
    inset: 0;
    background: rgba(38, 35, 38, 0.42);
    z-index: 160;
    display: none;
    place-items: center;
    padding: 18px;
}
.lead-modal.show {
    display: grid;
}
.lead-card {
    width: min(520px, 100%);
    background: #fff;
    border-radius: 30px;
    border: 1px solid var(--line);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.25);
    padding: 28px;
    position: relative;
    overflow: hidden;
}
.lead-card:before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: #fff0f6;
    right: -80px;
    top: -80px;
}
.lead-card > * {
    position: relative;
}
.lead-close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    z-index: 2;
}
.lead-card h2 {
    font-family: var(--display);
    font-size: 34px;
    margin: 0 42px 8px 0;
    line-height: 1.05;
}
.lead-card p {
    color: var(--muted);
    line-height: 1.6;
    margin: 0 0 18px;
}
.lead-benefits {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.lead-benefits span {
    font-size: 12px;
    font-weight: 900;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff8ec;
    padding: 8px 10px;
}


/* real lifestyle and product photography */
.hero-art.photo-art {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 460px;
}
.photo-stack {
    position: relative;
    width: min(100%, 560px);
    padding: 18px 18px 0 0;
}
.hero-photo-main {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 34px;
    box-shadow: 0 26px 54px rgba(62, 38, 24, 0.18);
}
.hero-photo-sub {
    position: absolute;
    right: 0;
    bottom: -14px;
    width: 42%;
    height: 180px;
    object-fit: cover;
    border-radius: 24px;
    border: 8px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 18px 40px rgba(62, 38, 24, 0.16);
}
.product-img.photo {
    padding: 0;
    height: 290px;
    background: #fff;
    overflow: hidden;
}
.product-img.photo.new_tabs{
    height:auto;
}
.product-img.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photo-badge {
    position: absolute;
    left: 14px;
    bottom: 14px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(6px);
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    color: var(--gold-deep);
    box-shadow: 0 6px 18px rgba(33, 31, 32, 0.08);
}
.video-gallery {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 18px;
    align-items: stretch;
}
.video-main {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--soft-shadow);
    min-height: 430px;
}
.video-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-main .overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 28px;
    background: linear-gradient(180deg, transparent, rgba(22, 18, 21, 0.68));
    color: #fff;
}
.video-main h3 {
    margin: 0 0 8px;
    font-family: var(--display);
    font-size: 34px;
    line-height: 1.05;
}
.video-main p {
    margin: 0;
    max-width: 440px;
    color: rgba(255, 255, 255, 0.9);
}
.video-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.photo-card {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: var(--card-shadow);
    position: relative;
    min-height: 205px;
}
.photo-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photo-card span {
    position: absolute;
    left: 14px;
    bottom: 14px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--ink);
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}
.review-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.review-card {
    background: #fff;
    border: 1px solid rgba(238, 225, 215, 0.85);
    border-radius: 28px;
    box-shadow: var(--card-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.review-photo {
    height: 210px;
    overflow: hidden;
}
.review-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review-body {
    padding: 20px;
}
.review-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}
.review-body h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-family: var(--display);
}
.review-body p {
    margin: 0 0 14px;
    color: var(--soft-ink);
    line-height: 1.7;
}
.review-user {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}
.review-user .mini-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--blush);
    display: grid;
    place-items: center;
    font-weight: 900;
    color: var(--gold-deep);
}
.social-gallery {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 18px;
}
.social-shot {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    min-height: 240px;
    box-shadow: var(--card-shadow);
}
.social-shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.social-shot .social-copy {
    position: absolute;
    inset: auto 0 0 0;
    padding: 18px;
    background: linear-gradient(180deg, transparent, rgba(20, 18, 20, 0.58));
    color: #fff;
}
.social-shot .social-copy b {
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}
.muted {
    color: var(--muted);
    font-size: 13px;
}


/* Final Glow menu, utility header, mobile navigation and footer update */
.top-trust-bar {
    background: linear-gradient(90deg, #fff7e9, #fff0f6, #eef9ff, #effde9);
    border-bottom: 1px solid rgba(238, 225, 215, 0.95);
    position: relative;
    z-index: 70;
}
.trust-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 9px 0;
}
.trust-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid rgba(197, 154, 91, 0.22);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    color: #3f3028;
}
.trust-links a span {
    font-size: 14px;
}
.site-header {
    position: relative;
    z-index: 65;
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid rgba(238, 225, 215, 0.9);
    box-shadow: 0 8px 30px rgba(95, 58, 32, 0.04);
}
.utility-header {
    display: grid;
    grid-template-columns: 210px minmax(300px, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 13px 0;
}
.brand-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.brand-link img {
    width: 112px;
    height: auto;
    object-fit: contain;
}
.brand-link span {
    font-family: var(--display);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--gold-deep);
    white-space: nowrap;
}
.header-search {
    position: relative;
    max-width: 610px;
    width: 100%;
    justify-self: center;
}
.header-search md-autocomplete-wrap{ 
    box-shadow: inherit;
     border: 1px solid var(--line);
     box-shadow: 0 8px 20px rgba(95, 58, 32, 0.045);
     border-radius: 999px;
     height: 48px;
    width: 100%;
}
md-autocomplete input:not(.md-input){
    height: 48px;
}
md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar{
    background-color: rgba(197, 154, 91, 0.75);
}
.header-search md-autocomplete-wrap input:focus {
    border-color: rgba(197, 154, 91, 0.75);
    box-shadow: 0 0 0 4px rgba(197, 154, 91, 0.12);
}
.header-search input {
    height: 48px;
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fffdfd;
    padding: 0 54px 0 20px;
    outline: none;
    box-shadow: 0 8px 20px rgba(95, 58, 32, 0.045);
}
.header-search input:focus {
    border-color: rgba(197, 154, 91, 0.75);
    box-shadow: 0 0 0 4px rgba(197, 154, 91, 0.12);
}
.header-search button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: var(--gold-grad);
    color: #fff;
    font-size: 20px;
}
.search-suggestions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
    justify-content: center;
}
.search-suggestions a {
    font-size: 11px;
    font-weight: 900;
    color: #6b5b51;
    background: #fff8ec;
    border: 1px solid rgba(197, 154, 91, 0.22);
    border-radius: 999px;
    padding: 5px 9px;
}
.utility-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.utility-icon {
    height: 46px;
    min-width: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 900;
    color: #3d3337;
    position: relative;
    transition: 0.2s ease;
}
.utility-icon:hover {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
    border-color: rgba(197, 154, 91, 0.45);
}
.utility-icon .uico {
    font-size: 17px;
    line-height: 1;
}
.utility-icon em {
    position: absolute;
    right: -4px;
    top: -5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ef6f99;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    display: grid;
    place-items: center;
}
.utility-icon.whatsapp {
    background: #f2fff8;
}
.main-nav-wrap {
    padding: 0 0 12px;
}
.main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
}
.mega-trigger {
    padding: 11px 12px;
    font-size: 12px;
    letter-spacing: 0.055em;
}
.mega-trigger.nav-highlight {
    background: linear-gradient(90deg, #fff4dd, #ffe7f1);
    border: 1px solid rgba(197, 154, 91, 0.36);
    color: #754a19;
    box-shadow: 0 8px 20px rgba(197, 154, 91, 0.12);
}
.mega-trigger.nav-highlight:hover {
    background: var(--gold-grad);
    color: #fff;
}
.chev {
    width: 7px;
    height: 7px;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    margin-top: -4px;
    transition: 0.2s;
}
.menu-item:hover .chev {
    transform: rotate(225deg);
    margin-top: 4px;
}
.mega {
    width: min(1120px, calc(100vw - 32px));
    padding: 20px;
    max-height: 72vh;
    overflow: auto;
    top: calc(100% + 1px);
    border-radius: 26px;
}
.mega-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.mega-col {
    padding: 13px;
}
.mega-col.wide {
    grid-column: auto;
}
.mega-chips {
    gap: 6px;
}
.mega-chips a {
    font-size: 11.5px;
    padding: 6px 9px;
}
.drawer-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}
.drawer-brand span {
    font-family: var(--display);
    font-weight: 800;
    color: var(--gold-deep);
    font-size: 20px;
}
.mobile-utility-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 10px 0 16px;
}
.mobile-utility-row a {
    border: 1px solid var(--line);
    background: #fffafc;
    border-radius: 16px;
    padding: 10px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    color: #4b3d41;
}
.acc-btn span {
    font-size: 18px;
    color: var(--gold-deep);
}
/* .acc.open .acc-btn span {
    transform: rotate(45deg);
} */
.acc.open .acc-btn span.acc-plus{
    transform: rotate(45deg);
}
.mobile-menu-v3 .acc-btn:focus{
    outline:none;
}
span.titles{
    transform: rotate(0deg);
}
.acc-panel h4 {
    margin: 12px 0 8px;
    font-size: 12px;
    color: var(--gold-deep);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.drawer-cta-card {
    margin: 18px 0 8px;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    border: 1px solid var(--line);
}
.drawer-cta-card h3 {
    font-family: var(--display);
    margin: 0 0 8px;
    font-size: 24px;
}
.drawer-cta-card p {
    margin: 0 0 12px;
    color: var(--muted);
    line-height: 1.55;
}
.drawer-cta-card div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.mobile-bottom-nav {
    display: none;
}
.footer-menu-final {
    grid-template-columns: 1.25fr repeat(5, 1fr);
    align-items: start;
}
.footer-brand-block p {
    margin-top: 14px;
}
.footer-menu-final h4 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.footer-menu-final a {
    font-size: 13.5px;
    line-height: 1.55;
}
.footer-menu-final img {
    width: 142px;
}


/* Final requested refinements: marquee, concise menu, no real-photo dependency */
.marquee {
    overflow: hidden;
    background: linear-gradient(90deg, #fff6e5, #ffeef6, #eef9ff, #f2ffe9);
    border-bottom: 1px solid rgba(238, 225, 215, 0.9);
    color: #3b2c21;
    position: relative;
    z-index: 8;
}
.marquee-track {
    display: flex;
    width: max-content;
    gap: 44px;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 900;
    animation: marquee 34s linear infinite;
}
.marquee-track span {
    white-space: nowrap;
}
.marquee-track b {
    color: var(--gold-deep);
}
.header-search {
    margin-bottom: 0;
}
.search-suggestions {
    display: none !important;
}
.header-search input {
    padding-left: 22px;
    font-weight: 700;
    color: #463835;
}
.header-search input::placeholder {
    color: #8b756a;
    font-weight: 800;
    opacity: 0.86;
}
.mobile-search input::placeholder {
    color: #8b756a;
    font-weight: 800;
    opacity: 0.86;
}
.main-menu {
    gap: 7px;
}
.mega-trigger {
    gap: 7px;
    padding: 11px 13px;
}
.mega {
    width: min(980px, calc(100vw - 34px));
    padding: 18px;
}
.mega-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.mega-col {
    padding: 14px 14px 12px;
}
.mega-chips a {
    font-size: 12px;
    padding: 7px 10px;
    background: #fff;
}
.mega-col.wide {
    grid-column: auto;
}
.chev {
    border-width: 0 1.8px 1.8px 0;
    transform: rotate(45deg);
}
.menu-item:hover .chev {
    transform: rotate(225deg);
    margin-top: 4px;
}
.mega-trigger.nav-highlight {
    font-size: 11.5px;
    padding-inline: 14px;
}
.hero-photo-main,
.hero-photo-sub,
.product-img.photo,
.video-main img,
.social-shot img {
    background: #fff;
    border: 1px solid rgba(238, 225, 215, 0.72);
}


/* Final header/menu refinement */
.marquee {
    background: linear-gradient(90deg, #fff8e8, #fff0f6, #eef9ff, #f4ffef);
}
.marquee-track {
    gap: 14px;
    padding: 9px 0;
    animation-duration: 34s;
}
.marquee-track span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border: 1px solid rgba(197, 154, 91, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: 0 4px 14px rgba(95, 58, 32, 0.04);
}
.marquee:hover .marquee-track {
    animation-play-state: paused;
}
.brand-link {
    gap: 0;
    min-width: auto;
}
.brand-link img {
    width: 118px;
}
.brand-link span {
    display: none !important;
}
.drawer-logo {
    width: 104px !important;
}
.header-search,
.mobile-search {
    position: relative;
    z-index: 80;
}
.header-search input,
.mobile-search input {
    padding-right: 54px;
}
.search-helper {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 10px);
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--soft-shadow);
    padding: 14px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: 0.2s ease;
    z-index: 120;
    pointer-events: none;
}
.header-search:focus-within .search-helper,
.mobile-search:focus-within .search-helper {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
}
.helper-title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-weight: 900;
    color: var(--gold-deep);
    margin-bottom: 9px;
}
.helper-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.helper-chips a {
    font-size: 12px;
    font-weight: 900;
    color: #513f38;
    background: linear-gradient(135deg, #fff8ec, #fff);
    border: 1px solid rgba(197, 154, 91, 0.22);
    border-radius: 999px;
    padding: 8px 10px;
}
.helper-chips a:hover {
    background: #fff0f6;
    color: #743551;
}
.helper-chips li{
    list-style: none;
        display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
/* .md-whiteframe-1dp, .md-whiteframe-z1{
    box-shadow: inherit;
} */
.mega {
    padding: 18px 20px;
    border-radius: 26px;
}
.mega-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
}
.mega-col {
    padding: 13px 13px 11px;
    background: linear-gradient(180deg, #fff, #fffdfb);
    border-radius: 18px;
}
.mega-col.wide {
    grid-column: auto;
}
.mega-col h4 {
    margin-bottom: 8px;
}
.mega-list,
.mobile-list {
    display: grid;
    gap: 3px;
}
.mega-list a,
.mobile-list a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 9px;
    border-radius: 12px;
    color: #4f4545;
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.25;
    border: 1px solid transparent;
    background: transparent;
}
.mega-list a:hover,
.mobile-list a:hover {
    background: linear-gradient(90deg, #fff8ec, #fff0f6);
    border-color: rgba(197, 154, 91, 0.22);
    color: #7b5731;
    transform: translateX(2px);
}
.sub-icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #fff7ed;
    color: #9b6d31;
    border: 1px solid rgba(197, 154, 91, 0.22);
    font-size: 13px;
    font-weight: 900;
}
.chev {
    width: 7px;
    height: 7px;
    border-right: 1.7px solid currentColor;
    border-bottom: 1.7px solid currentColor;
    margin-top: -4px;
}
.mega-trigger:hover .chev {
    transform: rotate(45deg) translate(1px, 1px);
}
.chat-prompts {
    display: grid;
    gap: 8px;
    margin: 14px 0;
}
.chat-prompts button {
    border: 1px solid rgba(197, 154, 91, 0.22);
    background: linear-gradient(135deg, #fff8ec, #fff);
    border-radius: 14px;
    padding: 10px 12px;
    text-align: left;
    color: #4b3d41;
    font-weight: 900;
    font-size: 13px;
}
.chat-prompts button:hover {
    background: #fff0f6;
    border-color: #f2bed1;
}
.support-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.support-actions .btn {
    min-height: 44px;
    padding: 11px 16px;
}




.audience-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: 22px;
    align-items: start;
}
.audience-infographic,
.audience-insight {
    padding: 22px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--soft-shadow);
    border: 1px solid rgba(238, 225, 215, 0.9);
}
.audience-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}
.audience-card-head.compact {
    display: block;
}
.audience-card-head h3 {
    margin: 0 0 8px;
    font-size: 28px;
    font-family: var(--display);
    line-height: 1.05;
}
.audience-card-head p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}
.routine-map {
    position: relative;
    display: grid;
    gap: 12px;
    padding: 8px 0 6px;
}
.routine-map:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 14px;
    bottom: 14px;
    width: 2px;
    background: linear-gradient(180deg, #e6d7c1, #f0e4d3, #e9dff1);
}
.routine-step {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 14px 16px 14px 10px;
    border: 1px solid rgba(238, 225, 215, 0.95);
    border-radius: 20px;
    background: linear-gradient(135deg, #fff, #fffdf9);
    cursor: pointer;
    transition: 0.22s ease;
}
.routine-step:hover,
.routine-step.active {
    transform: translateX(4px);
    border-color: rgba(197, 154, 91, 0.45);
    box-shadow: 0 12px 28px rgba(95, 58, 32, 0.08);
}
.step-icon {
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--gold-grad);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 6px 16px rgba(136, 91, 45, 0.22);
}
.step-copy {
    display: grid;
    gap: 2px;
}
.step-copy b {
    font-size: 15px;
}
.step-copy span {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.5;
}
.routine-step small {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold-deep);
    background: #fff8ec;
    border: 1px solid rgba(197, 154, 91, 0.18);
    padding: 7px 10px;
    border-radius: 999px;
}
.audience-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 18px;
}
.stat-pill {
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(238, 225, 215, 0.95);
    background: linear-gradient(180deg, #fff, #fff8f2);
}
.stat-pill strong {
    display: block;
    margin-bottom: 6px;
    color: var(--gold-deep);
    font-size: 20px;
    font-family: var(--display);
}
.stat-pill span {
    display: block;
    font-size: 13px;
    line-height: 1.55;
    color: var(--muted);
}
.segment-switch {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.segment-btn {
    border: 1px solid rgba(197, 154, 91, 0.18);
    background: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5a4d53;
    transition: 0.2s ease;
}
.segment-btn.active,
.segment-btn:hover {
    background: var(--gold-grad);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(136, 91, 45, 0.18);
}
.segment-panel {
    display: none;
}
.segment-panel.active {
    display: block;
    animation: fadeIn 0.25s ease;
}
.segment-hero {
    padding: 18px;
    border-radius: 24px;
    margin-bottom: 14px;
    border: 1px solid rgba(238, 225, 215, 0.88);
}
.segment-hero.blush {
    background: linear-gradient(135deg, #fff0f6, #fff);
}
.segment-hero.sky {
    background: linear-gradient(135deg, #e9f8ff, #fff);
}
.segment-hero.peach {
    background: linear-gradient(135deg, #fff1e6, #fff);
}
.segment-badge {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(197, 154, 91, 0.22);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold-deep);
    margin-bottom: 10px;
}
.segment-hero h4 {
    margin: 0;
    font-size: 24px;
    line-height: 1.18;
    font-family: var(--display);
}
.segment-highlights {
    display: grid;
    gap: 10px;
}
.segment-highlights div {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid rgba(238, 225, 215, 0.88);
    border-radius: 18px;
    background: #fff;
}
.segment-highlights b {
    font-size: 13px;
    color: var(--gold-deep);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.segment-highlights span {
    font-size: 14px;
    line-height: 1.6;
    color: var(--soft-ink);
}
.segment-cta-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
}


.mega-title-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.mega-title-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(238, 225, 215, 0.9);
    background: linear-gradient(135deg, #fff, #fffaf5);
    font-weight: 900;
    color: #43383d;
    min-height: 62px;
}
.mega-title-link span:last-child {
    font-size: 18px;
    color: var(--gold);
}
.mega-title-link:hover {
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    border-color: rgba(197, 154, 91, 0.32);
    transform: translateY(-1px);
}
.mega-price-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.mega-price-card {
    display: grid;
    gap: 5px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, #fff8ec, #fff);
    border: 1px solid rgba(197, 154, 91, 0.24);
    min-height: 86px;
}
.mega-price-card b {
    font-size: 18px;
    color: #3b2c21;
}
.mega-price-card span {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.5;
}
.mega-price-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
}
.audience-premium {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) 330px;
    gap: 20px;
}
.audience-premium-main,
.audience-premium-side {
    padding: 24px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(238, 225, 215, 0.9);
    box-shadow: var(--soft-shadow);
}
.audience-premium-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 18px;
}
.audience-premium-head h3 {
    margin: 0;
    font-family: var(--display);
    font-size: 30px;
    line-height: 1.05;
}
.audience-premium-head p {
    margin: 0;
    max-width: 420px;
    color: var(--muted);
    line-height: 1.7;
}
.premium-mode-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.premium-mode {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 22px;
    padding: 16px 12px;
    display: grid;
    gap: 8px;
    text-align: left;
    transition: 0.22s ease;
}
.premium-mode.active,
.premium-mode:hover {
    border-color: rgba(197, 154, 91, 0.42);
    box-shadow: 0 12px 26px rgba(95, 58, 32, 0.08);
    transform: translateY(-2px);
}
.premium-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--gold-grad);
    color: #fff;
    font-weight: 900;
}
.premium-mode strong {
    font-size: 15px;
}
.premium-mode small {
    color: var(--muted);
    line-height: 1.45;
}
.premium-panel-wrap {
    margin-top: 8px;
}
.premium-panel {
    display: none;
    grid-template-columns: 1fr auto;
    gap: 14px;
    align-items: end;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff, #fff8f1);
    border: 1px solid rgba(238, 225, 215, 0.88);
}
.premium-panel.active {
    display: grid;
}
.premium-panel-copy b {
    display: block;
    margin-bottom: 7px;
    color: var(--gold-deep);
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.premium-panel-copy p {
    margin: 0;
    color: var(--soft-ink);
    line-height: 1.65;
}
.premium-panel-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.premium-panel-links a {
    padding: 9px 11px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--line);
    font-size: 12px;
    font-weight: 900;
    color: #5a4b50;
}
.audience-premium-side {
    display: grid;
    gap: 16px;
    align-content: start;
}
.mini-stat-card {
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fff0f6, #fff8ec);
    border: 1px solid rgba(238, 225, 215, 0.9);
}
.mini-stat-card span {
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold-deep);
    margin-bottom: 6px;
}
.mini-stat-card strong {
    font-family: var(--display);
    font-size: 28px;
    line-height: 1.15;
}
.mini-stat-grid {
    display: grid;
    gap: 10px;
}
.mini-stat-grid div {
    padding: 14px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(238, 225, 215, 0.88);
}
.mini-stat-grid b {
    display: block;
    margin-bottom: 4px;
}
.mini-stat-grid small {
    color: var(--muted);
    line-height: 1.55;
}
.quiz-box {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    gap: 24px;
    align-items: start;
}
.quiz-question-block {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--card-shadow);
    margin-bottom: 14px;
}
.quiz-question-block h3 {
    margin: 0 0 12px;
    font-size: 18px;
}
.quiz-filter-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.quiz-filter-row.compact .option-chip {
    padding: 9px 12px;
}
.quiz-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.quiz-result-card {
    padding: 24px;
    border-radius: 30px;
    background: linear-gradient(135deg, #fff, #fff6f9);
}
.quiz-result-top h3 {
    margin: 8px 0 10px;
    font-size: 28px;
    font-family: var(--display);
    line-height: 1.1;
}
.quiz-result-top p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}
.quiz-result-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 18px 0;
}
.quiz-result-grid div {
    padding: 14px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(238, 225, 215, 0.88);
}
.quiz-result-grid b {
    display: block;
    margin-bottom: 5px;
    color: var(--gold-deep);
}
.quiz-result-grid span {
    color: var(--soft-ink);
    line-height: 1.55;
}
.quiz-result-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.quiz-result-links a {
    padding: 10px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--line);
    font-size: 12px;
    font-weight: 900;
    color: #5d5056;
}



/*menu v3 start */
.main-menu {
    gap: 8px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.menu-v3-item {
    position: relative;
}
.menu-v3-trigger {
    min-height: 42px;
    padding: 11px 14px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #3b3035;
    transition: 0.22s ease;
}
.menu-v3-trigger:hover {
    background: #fff7e9;
    color: var(--gold-deep);
}
.menu-v3-trigger.highlight {
    background: linear-gradient(90deg, #fff5da, #fff0f6);
    border: 1px solid rgba(197, 154, 91, 0.32);
    color: #71491f;
    box-shadow: 0 8px 18px rgba(197, 154, 91, 0.1);
}
.menu-v3-trigger.highlight:hover {
    background: var(--gold-grad);
    color: #fff;
}
.menu-v3-trigger .chev-v3 {
    width: 7px;
    height: 7px;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(45deg);
    margin-top: -4px;
    transition: 0.2s ease;
}
.menu-v3-item:hover .chev-v3 {
    transform: rotate(225deg);
    margin-top: 4px;
}
.mega-v3 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    width: min(1040px, calc(100vw - 36px));
    max-height: 72vh;
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(238, 225, 215, 0.95);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0 22px 70px rgba(95, 58, 32, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.22s ease;
    z-index: 150;
}
.menu-v3-item:hover .mega-v3 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.menu-v3-item:first-child .mega-v3 {
    left: 0;
    transform: translateX(0) translateY(12px);
    width: 650px;
}
.menu-v3-item:first-child:hover .mega-v3 {
    transform: translateX(0) translateY(0);
}
.menu-v3-item:nth-last-child(1) .mega-v3,
.menu-v3-item:nth-last-child(2) .mega-v3 {
    right: 0;
    left: auto;
    transform: translateY(12px);
    width: 680px;
}
.menu-v3-item:nth-last-child(1):hover .mega-v3,
.menu-v3-item:nth-last-child(2):hover .mega-v3 {
    transform: translateY(0);
}
.mega-v3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
}
.mega-v3-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 6px 8px 16px;
    border-bottom: 1px solid rgba(238, 225, 215, 0.88);
    margin-bottom: 14px;
}
.mega-v3-head h3 {
    margin: 0;
    font-family: var(--display);
    font-size: 26px;
    letter-spacing: -0.025em;
    color: #2d2528;
}
.mega-v3-head p {
    margin: 4px 0 0;
    color: var(--muted);
    line-height: 1.55;
    font-size: 13px;
    max-width: 460px;
}
.mega-v3-tag {
    padding: 8px 11px;
    border-radius: 999px;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    border: 1px solid rgba(197, 154, 91, 0.22);
    color: var(--gold-deep);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    white-space: nowrap;
}
.mega-v3-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.mega-v3-col {
    border: 1px solid rgba(238, 225, 215, 0.78);
    background: linear-gradient(180deg, #fff, #fffdfb);
    border-radius: 20px;
    padding: 14px;
}
.mega-v3-col h4 {
    margin: 0 0 12px;
    color: var(--gold-deep);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.mega-v3-list {
    display: grid;
    gap: 5px;
}
.mega-v3-list a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 9px;
    border-radius: 13px;
    color: #51464c;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    border: 1px solid transparent;
    transition: 0.18s ease;
}
.mega-v3-list a:hover {
    background: linear-gradient(90deg, #fff8ec, #fff0f6);
    border-color: rgba(197, 154, 91, 0.2);
    transform: translateX(2px);
    color: #7b5731;
}
.mega-v3-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff7ec;
    border: 1px solid rgba(197, 154, 91, 0.22);
    color: #9a6c33;
    font-size: 13px;
}
.menu-card-v3-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.menu-card-v3 {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
    padding: 16px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fff, #fff9f2);
    border: 1px solid rgba(238, 225, 215, 0.95);
    transition: 0.22s ease;
    min-height: 88px;
}
.menu-card-v3:hover {
    transform: translateY(-3px);
    box-shadow: var(--card-shadow);
    border-color: rgba(197, 154, 91, 0.36);
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
}
.menu-card-v3 .menu-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: var(--gold-grad);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 18px;
    box-shadow: 0 10px 22px rgba(136, 91, 45, 0.15);
}
.menu-card-v3 b {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
    color: #2f272b;
}
.menu-card-v3 span {
    display: block;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.4;
}
.price-v3-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.price-v3-card {
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fff8ec, #fff);
    border: 1px solid rgba(197, 154, 91, 0.24);
    min-height: 110px;
    display: grid;
    align-content: space-between;
    transition: 0.22s ease;
}
.price-v3-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--card-shadow);
    background: linear-gradient(135deg, #fff0f6, #fff8ec);
}
.price-v3-card strong {
    font-family: var(--display);
    font-size: 25px;
    color: #33272a;
    letter-spacing: -0.02em;
}
.price-v3-card span {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.45;
}
.price-v3-card em {
    font-style: normal;
    font-size: 11px;
    font-weight: 900;
    color: var(--gold-deep);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.mega-v3-split {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 14px;
}
.mega-v3-promo {
    border-radius: 22px;
    background: radial-gradient(circle at 20% 10%, #fff0f6, transparent 38%), linear-gradient(135deg, #fff8ec, #eef9ff);
    border: 1px solid rgba(238, 225, 215, 0.9);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
}
.mega-v3-promo h4 {
    font-family: var(--display);
    font-size: 28px;
    margin: 0 0 8px;
    letter-spacing: -0.03em;
}
.mega-v3-promo p {
    margin: 0;
    color: var(--soft-ink);
    line-height: 1.6;
}
.mega-v3-promo .btn {
    margin-top: 16px;
    align-self: flex-start;
    min-height: 42px;
    padding: 10px 15px;
}
.mobile-menu-v3 {
    display: grid;
    gap: 8px;
}
.mobile-menu-v3 .acc-btn {
    padding: 15px 0;
}
.mobile-menu-v3 .mobile-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.mobile-menu-v3 .mobile-list a {
    border: 1px solid var(--line);
    background: #fffafc;
    border-radius: 14px;
    padding: 10px;
    display: flex;
    gap: 8px;
    align-items: center;
}
.mobile-menu-v3 .mobile-list a .mega-v3-icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    font-size: 12px;
}
.mobile-menu-v3 .mobile-card-list {
    display: grid;
    gap: 8px;
}
.mobile-menu-v3 .mobile-card-list a {
    padding: 12px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: linear-gradient(135deg, #fff, #fff8ec);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 900;
}
.mobile-menu-v3 .mobile-card-list small {
    display: block;
    font-weight: 400;
    color: var(--muted);
    line-height: 1.4;
    margin-top: 2px;
}

.mega-v3.jewlery_main{
    left: 0;
    transform: initial !important; 
}
.mega-v3.gifting_main{
    left: -140px;
    transform: initial !important; 
}


/* hero banner css start */
.home_banner_slider{
    margin-bottom: 0;
}
.home_banner_list .slick-prev:before,
.home_banner_list .slick-next:before {
color: black;
}

.home_banner_list .slick-dots {
text-align: center;
margin: 0px 0px;
bottom:-35px;
}

.home_banner_list .slick-dots li {
display: inline-block;
padding: 1px;
background: #ccc;
margin: 10px 5px;
width: 8px;
height: 5px;
transition: 0.5s;
}
/*.blog_slider .slick-dots li button*/
.home_banner_sec{
    width: 100%;
    /*padding-top: 112px;*/
}
.home_banner_list .slick-dots li.slick-active {
background: #613f50;
width:20px;
}

.home_banner_list .slick-dots button {
display: none;
}
.home_banner_list .slick-next.slick-arrow{
display: block!important;
}
.home_banner_list .slick-prev.slick-arrow{
display: block!important;
}
.home_banner_list .slick-next {
    right: 7px !important;
    top: 50%;
    padding: 12px;
    width: 40px;
    height: 40px;
    background-color: #40404080;
    border-radius: 50%;
}
.home_banner_list .slick-prev {
    left: 7px !important;
    /* right: 55px !important; */
    top: 50%;
    bottom: auto;
    padding: 12px;
    width: 40px;
    height: 40px;
    background-color: #40404080;
    border-radius: 50%;
}
.home_banner_list .slick-prev:before{
    content: "\f104";
    font-family: FontAwesome;
    font-size:30px;
    position: absolute;
    top: 3px;
    left: 13px;
    color: #fff;
    height: 22px;
}
.home_banner_list .slick-next:before{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px;
    position: absolute;
    top:3px;
    right: 13px;
    color: #fff;
    height: 22px;
}
.home_banner_list{
    position: relative;
}
.home_banner_list_img img{
    width: 100%;
}
.home_banner_slider .slider-dots {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
.home_banner_slider .slider-dots li {
    display: inline-block;
    /*width: calc(25% - 8px);*/
    width: calc(4% - 25px);
    margin: 0 2px;
}
.home_banner_slider .slider-dots button {
    position: relative;
    width: 100%;
    height:8px;
    border: 0;
    background-color: #7b573140;
    font-size: 0;
    outline: none;
    border-radius: 50px;
}
.home_banner_slider .slider-dots button:focus{
    outline: none;
}
.home_banner_slider .slider-dots button:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 0%;
    height: 100%;
}
.home_banner_slider .slick-active button:after{
    background: linear-gradient(105deg, #8a652d 0%, #c59a5b 38%, #f0d28a 72%, #b88236 100%);
    animation: progressbar_slider 5.5s linear forwards;
    border-radius: 50px;
}
@keyframes progressbar_slider {
  from {
  width: 0%;
  }
  to {
  width: 100%;
  }
}
.mobile_home_banner_sec{
    display: none;
}



.home_page_carousel .slick-prev:before, .slick-next:before{font-size: 0px;opacity: 1;color: #c4a881;}
.home_page_carousel .slick-prev {left: 15px!important;right: auto!important;top: 50%;bottom: auto;background-image: url(../images/homepage/slick_left_arr_white.png);background-repeat: no-repeat;background-position: 8px 6px;border: 2px solid #fff;background-size: 9px;
padding: 14px;border-radius: 50px;}
.home_page_carousel .slick-next { right: 15px!important;bottom: auto;top: 50%;background-image: url(../images/homepage/slick_right_arr_white.png);
background-repeat: no-repeat;background-position: 10px 6px;border: 2px solid #fff;background-size: 9px;padding: 14px;
border-radius: 50px;left: auto!important;}

/* new bannner css start*/
#ss_home_banner{
    /* min-height: 420px; 
    position: relative; */
        padding-top: 31.5%;
    position: relative;
}
.home_page_carousel{
    /* margin: 0px 0px 0px;
    height: 100%;
    min-height: auto; */
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    padding-bottom: 20px;
    padding-bottom: 0px !important;
}
.banner_slider.slick-dotted.slick-slider{
    /* height: 100%;
    min-height: auto;
    padding-bottom: 20px; */
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 100%;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.banner_slider.slick-dotted.slick-slider img{
    max-width:100%;
    height: 100%;
    border-radius: 12px;
    padding-bottom: 0;
}
.banner_slider .slick-slide{
    margin-left: 30px;
    margin-top: 10px;
}
.banner_slider .slick-dots {
    /* bottom:-24px; */
    bottom:-5px;
} 

.banner_slider.slick-dotted.slick-slider {
    margin-bottom: 0px;   
}

.banner_slider .slick-dots li {
    margin: 0 0;
    width: 30px;
}

.banner_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #D3AD67;
}

.banner_slider .slick-dots li button:before {
    opacity: 1;
    color: #F0EEED;
    font-size: 15px;
}

.banner_slider .slick-dots button{
    display: none;
}
.banner_slider .slick-dots li{
    border-radius: 0;
    height: 8px;
    width: 8px;
    background-color:transparent;
    opacity: 1;
    transition: width 0.8s ease-in-out, 0.4s ease-in-out;
    margin: 0 7px !important;
    transform: rotate(45deg) !important;
    border:2px solid #fae6cc;
}
.banner_slider .slick-dots li.slick-active{
    background-color: transparent;
    border:2px solid #845d29;
}
/*new banner css end*/

/* hero bananer css end */


/*shop by category css */
.shop_col_slider{
   /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:14px;*/
}
.shop_col_item {
    padding-right: 15px;
}
.shop_col_img {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.shop_col_img img{
    width: 100%;
}
.shop_col_cnt{
    background: #fff;
    padding: 15px;
    border-radius: 0 0 20px 20px;
}
.shop_col_cnt a:hover{
    text-decoration: none;
}
.shop_col_cnt p{
    color: #000;
    font-size: 17px;
}
.shop_col_cnt p span.float_right{
    float: right;
}
.shop_col_item .slick-next {
    right: -20px;
    width: 50px;
}

.shop_col_item .slick-prev {
    left: -20px;
    width: 50px;
}
.shop_col_slider .slick-next {
    /*background: url('/images/slider-arrow-next.svg') no-repeat center center #fff;*/
    background: url('../images/glow_image/right_arrow-2nA.svg') no-repeat center center #ffffffd1; 
    width: 30px;
    height: 30px;
    right: 0;
    border-radius: 50px;
    background-size: 30px;
}

.shop_col_slider .slick-prev {
    /*background: url('/images/slider-arrow-prev.svg') no-repeat center center #fff;*/
    background: url('../images/glow_image/left_arrow-eF3.svg') no-repeat center center #ffffffd1; 
    width: 30px;
    height: 30px;
    left: -15px;
    border-radius: 50px;
    background-size: 30px;
    z-index:5;
}
.shop_col_slider .slick-prev:before, .shop_col_slider .slick-next:before {
    color: #3a3a3a6b;
    font-size: 28px;
    display: none;
}
.shop_col_slider .slick-prev.slick-disabled,
.shop_col_slider .slick-next.slick-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
}
.shop_all_col{
    width: 100%;
    text-align:center;
    padding: 20px 0px;
}
.shop_all_col a{
    background: #EDE2D6;
    color: #000000;
    font-size: 16px;
    padding: 10px 14px;
    border-radius: 10px;
    display: inline-block;
}
.shop_all_col a:hover{
    text-decoration: none;
}
.cus_card{
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 3px 9px #5f3a2014;
}
.cus_card:hover{
    box-shadow: 0px 3px 9px #5f3a2014;
}
.new_card_bdy h3{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.text_overflow h3{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* css end */


/* new arrival css start */
.new_arrival_slider .slick-next {
    /*background: url('/images/slider-arrow-next.svg') no-repeat center center #fff;*/
    background: url('../images/glow_image/right_arrow-2nA.svg') no-repeat center center #ffffffd1; 
    width: 30px;
    height: 30px;
    right: 0;
    border-radius: 50px;
    background-size: 30px;
}

.new_arrival_slider .slick-prev {
    /*background: url('/images/slider-arrow-prev.svg') no-repeat center center #fff;*/
    background: url('../images/glow_image/left_arrow-eF3.svg') no-repeat center center #ffffffd1; 
    width: 30px;
    height: 30px;
    left: 0;
    border-radius: 50px;
    background-size: 30px;
    z-index:5;
}
.new_arrival_slider .slick-prev:before, .new_arrival_slider .slick-next:before {
    color: #3a3a3a6b;
    font-size: 28px;
    display: none;
}
.new_arrival_slider .slick-prev.slick-disabled,
.new_arrival_slider .slick-next.slick-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
}
/* css end */


/* spotlight css start */
.spot_item .slick-next {
    right: -20px;
    width: 50px;
}

.spot_item .slick-prev {
    left: -20px;
    width: 50px;
}
.spotlight_slider .slick-next {
    /*background: url('/images/slider-arrow-next.svg') no-repeat center center #fff;*/
    background: url('../images/glow_image/right_arrow-2nA.svg') no-repeat center center #ffffffd1; 
     /*border: 1px solid #e0e0e0;
   width: 40px;
    height: 40px;
    right: 0;
    border-radius: 50px;
    background-size: 18px;*/
    width: 30px;
    height: 30px;
    right: 0;
    border-radius: 50px;
    background-size: 30px;
}
.spotlight_slider .slick-prev {
    /*background: url('/images/slider-arrow-prev.svg') no-repeat center center #fff;*/
    background: url('../images/glow_image/left_arrow-eF3.svg') no-repeat center center #ffffffd1; 
   /* border: 1px solid #e0e0e0;
    width: 40px;
    height: 40px;
    left: 0;
    border-radius: 50px;
    background-size: 18px;*/
    width: 30px;
    height: 30px;
    left: 0;
    border-radius: 50px;
    background-size: 30px;
    z-index:5;
}
.spotlight_slider .slick-prev:before, .spotlight_slider .slick-next:before {
    color: #3a3a3a6b;
    font-size: 28px;
    display: none;
}
.spotlight_slider .slick-prev.slick-disabled,
.spotlight_slider .slick-next.slick-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
}

/* css end */

/* budget slider start */
.budget_slider .slick-next {
    /*background: url('/images/slider-arrow-next.svg') no-repeat center center #fff;*/
    background: url('../images/glow_image/right_arrow-2nA.svg') no-repeat center center #ffffffd1; 
     /*border: 1px solid #e0e0e0;
   width: 40px;
    height: 40px;
    right: 0;
    border-radius: 50px;
    background-size: 18px;*/
    width: 30px;
    height: 30px;
    right: 0;
    border-radius: 50px;
    background-size: 30px;
}
.budget_slider .slick-prev {
    /*background: url('/images/slider-arrow-prev.svg') no-repeat center center #fff;*/
    background: url('../images//glow_image/left_arrow-eF3.svg') no-repeat center center #ffffffd1; 
   /* border: 1px solid #e0e0e0;
    width: 40px;
    height: 40px;
    left: 0;
    border-radius: 50px;
    background-size: 18px;*/
    width: 30px;
    height: 30px;
    left: 0;
    border-radius: 50px;
    background-size: 30px;
    z-index:5;
}
.budget_slider .slick-prev:before, .budget_slider .slick-next:before {
    color: #3a3a3a6b;
    font-size: 28px;
    display: none;
}
.budget_slider .slick-prev.slick-disabled,
.budget_slider .slick-next.slick-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
}
/* css end */

/* custom fav slider */
.cus_fav_slider .slick-next {
    background: url('../images/glow_image/right_arrow-2nA.svg') no-repeat center center #ffffffd1; 
    width: 30px;
    height: 30px;
    right: 0;
    border-radius: 50px;
    background-size: 30px;
}
.cus_fav_slider .slick-prev {
    background: url('../images/glow_image/left_arrow-eF3.svg') no-repeat center center #ffffffd1; 
    width: 30px;
    height: 30px;
    left: 0;
    border-radius: 50px;
    background-size: 30px;
    z-index:5;
}
.cus_fav_slider .slick-prev:before, .cus_fav_slider .slick-next:before {
    color: #3a3a3a6b;
    font-size: 28px;
    display: none;
}
.cus_fav_slider .slick-prev.slick-disabled,
.cus_fav_slider .slick-next.slick-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
}
.bug_car_bdy p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.video_dflex_wrap{
    display:flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.everydays img{
    width: 100%;
}
/* css end */




/* PLP completeness additions */
.breadcrumbs {
    padding: 18px 0 0;
    color: var(--muted);
    font-size: 13px;
}
.breadcrumbs a {
    font-weight: 900;
    color: var(--gold-deep);
}
.plp-hero {
    padding: 28px 0 26px;
    background: radial-gradient(circle at 10% 10%, rgba(255, 224, 237, 0.75), transparent 26%),
    radial-gradient(circle at 90% 10%, rgba(233, 248, 255, 0.85), transparent 24%),
    linear-gradient(135deg, #fff 0%, #fff8ec 55%, #fff0f6 100%);
    border-bottom: 1px solid rgba(238, 225, 215, 0.9);
}
.plp-hero-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 28px;
    align-items: end;
}
.plp-title h1 {
    font-family: var(--display);
    font-size: clamp(38px, 5vw, 66px);
    line-height: 0.98;
    margin: 0 0 14px;
    letter-spacing: -0.045em;
}
.plp-title p {
    max-width: 760px;
    color: var(--soft-ink);
    line-height: 1.75;
    margin: 0;
    font-size: 16px;
}
.category-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.stat-card {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(238, 225, 215, 0.9);
    border-radius: 20px;
    padding: 14px;
    box-shadow: var(--card-shadow);
}
.stat-card b {
    display: block;
    font-size: 20px;
    font-family: var(--display);
    color: #33272a;
}
.stat-card span {
    display: block;
    font-size: 12px;
    color: var(--muted);
    margin-top: 4px;
    line-height: 1.4;
}
.quick-pills {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.quick-pills a {
    border: 1px solid rgba(197, 154, 91, 0.24);
    background: #fff;
    border-radius: 999px;
    padding: 10px 13px;
    font-size: 13px;
    font-weight: 900;
    color: #5a4d53;
}
.service-strip {
    padding: 22px 0;
    background: #fff;
}
.service-panel {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: linear-gradient(135deg, #fff, #fffaf7);
    box-shadow: var(--soft-shadow);
}
.service-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(238, 225, 215, 0.76);
}
.service-card span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff8ec;
    color: var(--gold-deep);
}
.service-card b {
    display: block;
    font-size: 12px;
    line-height: 1.25;
}
.service-card small {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-top: 2px;
}
.plp-main {
    padding: 30px 0 70px;
}
.plp-layout {
    display: grid;
    grid-template-columns: 292px 1fr;
    gap: 26px;
    align-items: start;
}
.filter-panel {
    position: sticky;
    top: 16px;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--card-shadow);
    overflow: hidden;
}
.filter-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 18px;
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
}
.filter-head h2 {
    margin: 0;
    font-size: 20px;
    font-family: var(--display);
}
.clear-btn {
    border: 0;
    background: transparent;
    color: var(--gold-deep);
    font-weight: 900;
    font-size: 12px;
}
.filter-group {
    border-bottom: 1px solid var(--line);
}
.filter-toggle {
    width: 100%;
    background: #fff;
    border: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 18px;
    font-weight: 900;
    color: #342b30;
}
.filter-toggle span:last-child {
    color: var(--gold-deep);
}
.filter-toggle:focus{
    outline:none;
}
.filter-content {
    display: grid;
    gap: 9px;
    padding: 0 18px 18px;
}
.check {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--soft-ink);
    font-size: 14px;
    line-height: 1.35;
    cursor: pointer;
}
.check input {
    accent-color: #b88236;
}
.price-slider {
    padding-top: 4px;
}
.price_field{
    display: flex;
    width: 100%;
    font-family: 'Roboto';
    justify-content: space-around;
    margin-bottom: 3px;
}
.input_price_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 8px;
    font-size: 16px;
    padding-left: 6px;
    font-family: 'Roboto';
    width: 48%;
    height: 40px!important;
    border: 1px solid #eee1d7!important;
}
.input_price_box input{
    border: none;
    height: 36px !important;
    border-radius: 8px;
    width: 100%;
}
.input_price_box input:focus-visible{
    outline: none;
}
.range-track {
    height: 7px;
    border-radius: 999px;
    background: linear-gradient(90deg, #c59a5b 10%, #f1cf8c 62%, #eee1d7 62%);
    margin: 10px 0;
}
.range-labels {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: 12px;
}
.slider-wrapper{
    position: relative;
    margin: 5px 0;
}
.range-input{
    width: 100%;
    appearance: none;
    background: transparent;
    position: relative;
    z-index: 2;
}
.range-input::-webkit-slider-thumb{
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #c59a5b;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.range-track{
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 7px;
    border-radius: 999px;
    background: #eee1d7;
    overflow: hidden;
}

.range-track::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--range-percent);
    background: linear-gradient(90deg, #c59a5b, #f1cf8c);
}

/* .range-labels{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #777;
} */

.active-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 16px;
}
.active-filters span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(197, 154, 91, 0.24);
    background: #fff8ec;
    border-radius: 999px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 900;
    color: #5a4634;
}
.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}
.toolbar-left h2 {
    font-size: 18px;
    margin: 0 0 4px;
}
.toolbar-left p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}
.toolbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.toolbar-actions select {
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    padding: 0 34px 0 14px;
    outline: none;
    font-weight: 900;
    color: #4d4146;
}
.view-toggle {
    display: flex;
    border: 1px solid var(--line);
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}
.view-toggle button {
    width: 42px;
    height: 42px;
    border: 0;
    background: #fff;
    color: var(--muted);
}
.view-toggle button.active {
    background: #fff8ec;
    color: var(--gold-deep);
}
.mobile-filterbar {
    display: none;
    position: sticky;
    top: 0;
    z-index: 40;
    margin-bottom: 14px;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(12px);
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--card-shadow);
    gap: 10px;
}
.mobile-filterbar button,
.mobile-filterbar select {
    flex: 1;
    height: 44px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: #fff;
    font-weight: 900;
    color: #3b3035;
    padding: 0 12px;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.grid-4.product-grid.home-pro-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.product-card {
    position: relative;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--card-shadow);
    overflow: hidden;
    transition: 0.25s ease;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 56px rgba(95, 58, 32, 0.14);
}
.badge-row {
    position: absolute;
    left: 12px;
    top: 12px;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    z-index: 2;
}
.badges {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 7px 10px;
    background: #fff;
    border: 1px solid rgba(197, 154, 91, 0.24);
    font-size: 11px;
    font-weight: 900;
    color: var(--gold-deep);
    box-shadow: 0 8px 18px rgba(95, 58, 32, 0.06);
}
.wish {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    display: grid;
    place-items: center;
    color: #7b5731;
    font-size: 18px;
}
.wish:focus{
    outline: none;
}
.wish.active {
    background: #fff0f6;
    color: #d35c88;
}
.compare-check {
    position: absolute;
    right: 12px;
    top: 58px;
    z-index: 2;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 7px 9px;
    font-size: 11px;
    font-weight: 900;
    color: #5d5056;
    display: flex;
    align-items: center;
    gap: 6px;
}
.product-media {
    height: 255px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    position: relative;
    overflow: hidden;
}
/* .product-media:before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    border: 18px solid rgba(255, 255, 255, 0.68);
    border-radius: 50%;
    right: -28px;
    top: -25px;
} */
.product-media img{
    width: 100%;
    height: 100%;
}
.product-svg {
    position: relative;
    z-index: 1;
    width: 72%;
    max-height: 190px;
    color: #b88236;
    transition: 0.3s ease;
}
.product-card:hover .product-svg {
    transform: scale(1.04) rotate(-2deg);
}
.angle-chip {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 900;
    color: #5a4d53;
}
.thumb-strip {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    gap: 5px;
    z-index: 3;
    opacity: 0;
    transform: translateY(8px);
    transition: 0.22s ease;
}
.product-card:hover .thumb-strip {
    opacity: 1;
    transform: none;
}
.thumb {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid rgba(197, 154, 91, 0.28);
    background: #fff;
    display: grid;
    place-items: center;
    font-size: 13px;
}
.product-body {
    padding: 16px;
}
.product-body h3 {
    margin: 0 0 9px;
    font-size: 17px;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight:bold;
}
.product-body h3 a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.product-body p {
    margin: 0 0 11px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}
.price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}
.price {
    font-size: 20px;
    font-weight: 900;
    color: #2e282b;
}
.price.plp_price{
    font-size: 20px;
}
.mrp {
    font-size: 13px;
    color: #9b8f95;
    text-decoration: line-through;
}
.mrp.plp_mrp{
    font-size: 13px;
}
.discount {
    font-size: 12px;
    font-weight: 900;
    color: #14905f;
    display: block;
    width: 100%;
}

.badge-flip {
   position: relative;
    min-width: max-content;
    height: 20px;
    transform-style: preserve-3d;
    animation: flipVertical 5s infinite;
}

.badge-front, .badge-back {
 position: absolute;
top: 0;
left: 0;
white-space: nowrap;
padding: 0 10px 0px 4px;
height: 18px;
line-height: 18px;
border-radius:0px;
font-size: 11px;
font-weight:600;
color: #fff;
backface-visibility: hidden;
box-sizing: border-box;
}

.express { 
  color: #14905f;
 }

.best-seller { 
  color: #14905f;
  transform: rotateX(180deg);  
}


@keyframes flipVertical {
  0%, 40% { transform: rotateX(0deg); }   
  50%, 90% { transform: rotateX(180deg); }
  100% { transform: rotateX(360deg); }    
}
.desktop_ads_banner_sec{
    display: block;
    padding-bottom: 10px;
}
.mobile_ads_banner_sec{
    display: none;
}
.meta-row {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin: 10px 0 14px;
}
.meta-row span {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 900;
    color: #5d5056;
    background: #fffafc;
}
.product-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 9px;
}
.quick-btn {
    width: 46px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    font-weight: 900;
    color: var(--gold-deep);
}
.delivery-line {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 11px;
    color: #5f6c45;
    font-size: 12px;
    font-weight: 900;
}
.load-row {
    display: flex;
    justify-content: center;
    margin: 28px 0 16px;
}
.pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}
.pagination a {
    width: 40px;
    height: 40px;
    border: 1px solid var(--line);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    font-weight: 900;
    color: #5d5056;
}
.pagination a.active {
    background: var(--gold-grad);
    color: #fff;
    border-color: transparent;
}
.info-band {
    margin-top: 38px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.info-card {
    border: 1px solid var(--line);
    border-radius: 26px;
    background: #fff;
    padding: 20px;
    box-shadow: var(--card-shadow);
}
.info-card h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-family: var(--display);
}
.info-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}
.recently {
    padding: 58px 0;
    background: linear-gradient(180deg, #fff, #fff8ec);
}
.section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 26px;
    margin-bottom: 22px;
}
.section-head h2 {
    font-family: var(--display);
    font-size: clamp(30px, 4vw, 48px);
    margin: 0;
    line-height: 1.02;
    letter-spacing: -0.035em;
}
.section-head p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}
.recent-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.mini-product {
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    padding: 14px;
    box-shadow: var(--card-shadow);
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 12px;
    align-items: center;
}
.mini-product .mini-art {
    height: 76px;
    border-radius: 18px;
    background: linear-gradient(135deg, #fff0f6, #fff8ec);
    display: grid;
    place-items: center;
    color: #b88236;
}
.mini-product b {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 4px;
}
.mini-product span {
    font-weight: 900;
    color: #2e282b;
}
.seo-section {
    padding: 62px 0;
    background: #fff;
}
.seo-box {
    border: 1px solid var(--line);
    border-radius: 34px;
    background: linear-gradient(135deg, #fff, #fffaf5);
    box-shadow: var(--soft-shadow);
    padding: 30px;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 28px;
}
.seo-box h2 {
    font-family: var(--display);
    font-size: clamp(32px, 4vw, 52px);
    margin: 0 0 12px;
    line-height: 1.05;
}
.seo-box p {
    color: var(--soft-ink);
    line-height: 1.75;
    margin: 0 0 14px;
}
.link-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 16px;
}
.link-cloud a {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 13px;
    font-size: 13px;
    font-weight: 900;
    color: #5b4c52;
}
.faq-list {
    display: grid;
    gap: 10px;
}
.faq-item {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 20px;
    padding: 16px;
}
.faq-item h3 {
    margin: 0 0 6px;
    font-size: 16px;
}
.faq-item p {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
    font-size: 14px;
}
.filter-drawer {
    position: fixed;
    inset: 0;
    z-index: 280;
    display: none;
}
.filter-drawer.active {
    display: block;
}
.filter-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(33, 31, 32, 0.42);
}
.filter-sheet {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 28px 28px 0 0;
    max-height: 86vh;
    overflow: auto;
    padding: 16px;
    box-shadow: 0 -20px 70px rgba(0, 0, 0, 0.18);
}
.filter-sheet .filter-panel {
    position: static;
    box-shadow: none;
    border-radius: 22px;
}
.quick-modal {
    position: fixed;
    inset: 0;
    background: rgba(33, 31, 32, 0.45);
    z-index: 320;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.quick-modal.active {
    display: flex;
}
.quick-card {
    width: min(900px, 100%);
    background: #fff;
    border-radius: 34px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    overflow: hidden;
    position: relative;
}
.modal-close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    z-index: 5;
}
.quick-media {
    min-height: 420px;
    /* background: linear-gradient(135deg, #fff8ec, #fff0f6); */
    display: grid;
    place-items: center;
    color: #b88236;
    background: #fff;
}
.quick-info {
    padding: 34px;
}
.quick-info h2 {
    font-family: var(--display);
    font-size: 40px;
    line-height: 1.05;
    margin: 0 0 12px;
}
.quick-info p {
    color: var(--soft-ink);
    line-height: 1.7;
}
.detail-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 18px 0;
}
.detail-list div {
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px;
    background: #fffafc;
}
.detail-list b {
    display: block;
    color: var(--gold-deep);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
}
.compare-bar {
    position: fixed;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%) translateY(120%);
    width: min(720px, calc(100% - 32px));
    background: #262326;
    color: #fff;
    border-radius: 999px;
    padding: 10px 12px;
    z-index: 250;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
    transition: 0.25s ease;
}
.compare-bar.show {
    transform: translateX(-50%) translateY(0);
}
.compare-bar b {
    font-size: 14px;
}
.compare-bar .btn {
    min-height: 40px;
    padding: 9px 14px;
}
.float-actions {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 240;
    display: grid;
    gap: 10px;
}
.float-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: var(--card-shadow);
    font-weight: 900;
    color: var(--gold-deep);
    display: grid;
    place-items: center;
}
.float-btn.top {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: 0.2s ease;
}
.float-btn.top.show {
    opacity: 1;
    visibility: visible;
    transform: none;
}
.mobile-bottom-nav {
    display: none;
}
.category-discovery {
    padding: 26px 0 8px;
    background: #fff;
}
.category-tile-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
}
.category-tile {
    position: relative;
    min-height: 132px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(135deg, #fff, #fff8ec);
    box-shadow: var(--card-shadow);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: 0.22s ease;
}
.category-tile:after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 96px;
    height: 96px;
    border: 14px solid rgba(197, 154, 91, 0.14);
    border-radius: 50%;
}
.category-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 42px rgba(95, 58, 32, 0.12);
    border-color: rgba(197, 154, 91, 0.35);
}
.category-tile .tile-icon {
    width: 40px;
    height: 40px;
    border-radius: 16px;
    background: var(--gold-grad);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 18px;
    box-shadow: 0 10px 22px rgba(136, 91, 45, 0.16);
}
.category-tile b {
    font-size: 14px;
    line-height: 1.25;
    color: #332a2f;
    position: relative;
    z-index: 1;
}
.category-tile small {
    font-size: 11px;
    color: var(--muted);
    font-weight: 900;
    position: relative;
    z-index: 1;
}
.plp-smart-tools {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 16px;
    margin: 0 0 24px;
}
.delivery-checker,
.save-search-box {
    border: 1px solid var(--line);
    border-radius: 28px;
    background: linear-gradient(135deg, #fff, #fffaf6);
    box-shadow: var(--card-shadow);
    padding: 18px;
    display: grid;
    gap: 14px;
}
.delivery-checker h3,
.save-search-box h3 {
    margin: 0;
    font-family: var(--display);
    font-size: 24px;
    line-height: 1.1;
}
.delivery-checker p,
.save-search-box p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
    font-size: 14px;
}
.checker-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}
.checker-row input,
.notify-row input {
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    padding: 0 16px;
    outline: none;
}
.checker-result {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.checker-result.show {
    display: grid;
}
.checker-result div {
    padding: 12px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(238, 225, 215, 0.9);
}
.checker-result b {
    display: block;
    font-size: 13px;
    color: var(--gold-deep);
    margin-bottom: 3px;
}
.checker-result span {
    font-size: 12px;
    color: var(--soft-ink);
    line-height: 1.4;
}
.notify-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}
.rating-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 9px;
    color: #7b5731;
    font-size: 12px;
    font-weight: 900;
}
.rating-row span:first-child {
    color: #d9a64d;
    letter-spacing: 1px;
}
.price-hint {
    margin: 8px 0 0;
    padding: 9px 10px;
    border: 1px dashed rgba(197, 154, 91, 0.32);
    border-radius: 14px;
    background: #fffaf3;
    color: #5d5056;
    font-size: 12px;
    line-height: 1.45;
}
.store-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    color: #6b5d3d;
    font-size: 12px;
    font-weight: 900;
}
.filter-search {
    height: 38px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    padding: 0 12px;
    margin-bottom: 4px;
    outline: none;
    font-size: 12px;
}
.check-count {
    margin-left: auto;
    color: #9a8d94;
    font-size: 12px;
}
.mid-grid-banner {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
    border: 1px solid rgba(197, 154, 91, 0.26);
    border-radius: 30px;
    background: radial-gradient(circle at 12% 20%, rgba(255, 240, 246, 0.95), transparent 30%),
        linear-gradient(135deg, #fff8ec, #eef9ff);
    box-shadow: var(--soft-shadow);
    padding: 26px;
    overflow: hidden;
    position: relative;
}
.mid-grid-banner:after {
    content: "";
    position: absolute;
    right: 18%;
    top: -52px;
    width: 180px;
    height: 180px;
    border: 22px solid rgba(197, 154, 91, 0.16);
    border-radius: 50%;
}
.mid-grid-banner h3 {
    margin: 0 0 8px;
    font-family: var(--display);
    font-size: 32px;
    line-height: 1.05;
    position: relative;
    z-index: 1;
}
.mid-grid-banner p {
    margin: 0;
    color: var(--soft-ink);
    line-height: 1.6;
    max-width: 680px;
    position: relative;
    z-index: 1;
}
.mid-grid-banner .hero-actions {
    position: relative;
    z-index: 1;
    margin: 0;
}
.no-results {
    display: none;
    margin: 24px 0;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    padding: 28px;
    text-align: center;
    box-shadow: var(--card-shadow);
}
.no-results h3 {
    margin: 0 0 8px;
    font-family: var(--display);
    font-size: 32px;
}
.no-results p {
    margin: 0 auto 18px;
    color: var(--muted);
    max-width: 620px;
    line-height: 1.65;
}
.no-results.show {
    display: block;
}
.wishlist-combo {
    padding: 58px 0;
    background: linear-gradient(180deg, #fff, #fff0f6);
}
.wishlist-tabs {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.wishlist-tabs button {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 900;
    color: #5d5056;
}
.wishlist-tabs button.active {
    background: var(--gold-grad);
    color: #fff;
    border-color: transparent;
}
.compare-modal {
    position: fixed;
    inset: 0;
    background: rgba(33, 31, 32, 0.48);
    z-index: 330;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.compare-modal.active {
    display: flex;
}
.compare-card {
    width: min(980px, 100%);
    max-height: 88vh;
    overflow: auto;
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
    position: relative;
    padding: 28px;
}
.compare-card h2 {
    font-family: var(--display);
    font-size: 38px;
    line-height: 1.05;
    margin: 0 0 8px;
}
.compare-card p {
    color: var(--muted);
    line-height: 1.6;
    margin: 0 0 18px;
}
.compare-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}
.compare-table th,
.compare-table td {
    text-align: left;
    padding: 14px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: #fffafc;
    font-size: 13px;
}
.compare-table th:first-child,
.compare-table td:first-child {
    border-left: 1px solid var(--line);
    border-radius: 16px 0 0 16px;
    font-weight: 900;
    color: var(--gold-deep);
}
.compare-table th:last-child,
.compare-table td:last-child {
    border-right: 1px solid var(--line);
    border-radius: 0 16px 16px 0;
}
.modal-close.compare-close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
}
#mobileFilterContent{
        overflow: auto;
    height: 100vh;
}
.p12{
    padding: 12px;
}
#dropdown{
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-appearance: menulist !important;
}
.lazy_hidden {
    display: none;
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.blinking-logo 
{   
    animation: blink 1.5s infinite;
}
/* css end */


/*pdp css start */

/* PDP */
.breadcrumb_pdp {
    padding: 18px 0 0;
    color: var(--muted);
    font-size: 13px;
}
.breadcrumb_pdp a {
    font-weight: 900;
    color: var(--gold-deep);
}
.pdp-main {
    padding: 24px 0 48px;
    background: radial-gradient(circle at 10% 4%, rgba(255, 224, 237, 0.55), transparent 24%),
        radial-gradient(circle at 92% 2%, rgba(233, 248, 255, 0.72), transparent 24%),
        linear-gradient(180deg, #fff, #fffaf8);
}
.pdp-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(390px, 0.96fr);
    gap: 34px;
    align-items: start;
}
.media-gallery {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 16px;
    position: sticky;
    top: 18px;
}
.thumbs {
    display: grid;
    gap: 10px;
    align-content: start;
}
.thumb-btn {
    height: 86px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fff;
    display: grid;
    place-items: center;
    color: #b88236;
    position: relative;
    overflow: hidden;
    transition: 0.2s ease;
}
.thumb-btn.active,
.thumb-btn:hover {
    border-color: rgba(197, 154, 91, 0.46);
    box-shadow: var(--card-shadow);
    transform: translateY(-2px);
}
.thumb-btn:focus{
    outline:none;
}
.thumb-btn small {
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    font-size: 9px;
    font-weight: 900;
    color: #6f5130;
    padding: 3px 2px;
    text-align: center;
}
.media-stage {
    border: 1px solid var(--line);
    border-radius: 38px;
    background: linear-gradient(135deg, #fff, #fff8ec);
    box-shadow: var(--soft-shadow);
    min-height: 600px;
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
}
/* .media-stage:before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border: 28px solid rgba(197, 154, 91, 0.14);
    border-radius: 50%;
    right: -90px;
    top: -70px;
} */
/* .media-stage:after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    left: -70px;
    bottom: -70px;
    background: radial-gradient(circle, rgba(255, 240, 246, 0.95), transparent 70%);
} */
.media-label {
    position: absolute;
    left: 18px;
    top: 18px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--line);
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 900;
    color: var(--gold-deep);
    z-index: 2;
}
.zoom-btn {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    z-index: 2;
    color: var(--gold-deep);
    font-weight: 900;
}
.stage-svg {
    position: relative;
    z-index: 1;
    width: min(520px, 80%);
    color: #b88236;
    transition: 0.25s ease;
    width: 100%;
}
.media-stage.zoomed .stage-svg {
    transform: scale(1.2);
}
.media-caption {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(238, 225, 215, 0.88);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(10px);
    z-index: 3;
}
.media-caption b {
    font-size: 13px;
}
.media-caption span {
    font-size: 12px;
    color: var(--muted);
}
.product-panel {
    border: 1px solid var(--line);
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--soft-shadow);
    padding: 26px;
}
.sku-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: var(--muted);
    font-size: 13px;
}
.rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7b5731;
    font-weight: 900;
}
.stars {
    color: #d9a64d;
    letter-spacing: 1px;
}
.product-panel h1 {
    font-family: var(--display);
    font-size: clamp(34px, 4.6vw, 56px);
    line-height: 0.98;
    margin: 0 0 12px;
    letter-spacing: -0.04em;
}
.product-sub {
    margin: 0 0 18px;
    color: var(--soft-ink);
    line-height: 1.7;
    font-size: 16px;
}
.price-box {
    padding: 16px;
    border: 1px solid rgba(197, 154, 91, 0.24);
    border-radius: 22px;
    background: linear-gradient(135deg, #fff8ec, #fff);
    margin-bottom: 16px;
}
.price-main {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.price {
    font-size: 30px;
    font-weight: 900;
    color: #2e282b;
}
.mrp {
    font-size: 16px;
    color: #9b8f95;
    text-decoration: line-through;
}
.discount {
    font-weight: 900;
    color: #14905f;
}
.offer-note {
    margin: 9px 0 0;
    color: #5a4d53;
    font-size: 13px;
    line-height: 1.55;
}
.option-block {
    margin: 18px 0;
}
.option-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.option-head b {
    font-size: 14px;
}
.option-head a,
.mini-link {
    font-size: 12px;
    font-weight: 900;
    color: var(--gold-deep);
    text-decoration: underline;
}
.chip-row {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}
.choice-chip {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 900;
    color: #51464c;
    transition: 0.2s ease;
}
.choice-chip.active,
.choice-chip:hover {
    border-color: rgba(197, 154, 91, 0.48);
    background: #fff8ec;
    color: var(--gold-deep);
}
.metal-chip {
    display: flex;
    align-items: center;
    gap: 8px;
}
.metal-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.rose {
    background: #e8a6a0;
}
.yellow {
    background: #e8c36d;
}
.whiteg {
    background: #e8edf1;
}
.cta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 18px 0 12px;
}
.assist-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 16px;
}
.assist-grid .btn {
    min-height: 44px;
    font-size: 13px;
}
.wish-share {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.wish-share button {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 13px;
    font-weight: 900;
    color: #51464c;
}
.delivery-box {
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    padding: 16px;
    margin: 18px 0;
}
.delivery-box h3 {
    margin: 0 0 8px;
    font-size: 18px;
}
.pin-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}
.pin-row input {
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 0 15px;
    outline: none;
}
.pin-result {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 12px;
}
.pin-result.show {
    display: grid;
}
.pin-result div {
    border: 1px solid rgba(238, 225, 215, 0.9);
    border-radius: 16px;
    padding: 11px;
    background: #fffafc;
}
.pin-result b {
    display: block;
    color: var(--gold-deep);
    font-size: 12px;
    margin-bottom: 3px;
}
.pin-result span {
    font-size: 12px;
    color: var(--soft-ink);
    line-height: 1.35;
}
.trust-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
}
.trust-card {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    padding: 12px;
    display: flex;
    gap: 9px;
    align-items: flex-start;
}
.trust-card span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff8ec;
    color: var(--gold-deep);
}
.trust-card b {
    display: block;
    font-size: 12px;
    line-height: 1.2;
}
.trust-card small {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-top: 3px;
    line-height: 1.35;
}
.payment-strip {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}
.payment-strip span {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 10px;
    background: #fff;
    font-size: 12px;
    font-weight: 900;
    color: #5d5056;
}
.section {
    padding: 58px 0;
}
.section.alt {
    background: linear-gradient(180deg, #fff, #fff8ec);
}
.section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 26px;
    margin-bottom: 22px;
}
.section-head h2 {
    font-family: var(--display);
    font-size: clamp(30px, 4vw, 48px);
    margin: 0;
    line-height: 1.02;
    letter-spacing: -0.035em;
}
.section-head p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}
.price-breakup {
    border: 1px solid var(--line);
    border-radius: 34px;
    background: #fff;
    box-shadow: var(--soft-shadow);
    padding: 26px;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 24px;
}
.breakup-table {
    display: grid;
    gap: 9px;
}
.breakup-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px dashed #e8d8cd;
    padding-bottom: 9px;
    color: #51464c;
}
.breakup-row.total {
    border-bottom: 0;
    font-size: 20px;
    font-weight: 900;
    color: #2e282b;
    padding-top: 8px;
}
.breakup-note {
    border-radius: 24px;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    padding: 20px;
    border: 1px solid rgba(197, 154, 91, 0.22);
}
.breakup-note h3 {
    font-family: var(--display);
    font-size: 28px;
    margin: 0 0 10px;
}
.breakup-note p {
    margin: 0;
    color: var(--soft-ink);
    line-height: 1.7;
}
.info-tabs {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 22px;
}
.tab-nav {
    border: 1px solid var(--line);
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--card-shadow);
    padding: 10px;
    display: grid;
    gap: 8px;
    align-self: start;
    position: sticky;
    top: 16px;
}
.tab-btn {
    border: 0;
    background: #fff;
    border-radius: 18px;
    padding: 14px 15px;
    text-align: left;
    font-weight: 900;
    color: #51464c;
    transition: 0.2s ease;
}
.tab-btn.active,
.tab-btn:hover {
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    color: var(--gold-deep);
}
.tab-panel {
    display: none;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--card-shadow);
    padding: 26px;
}
.tab-panel.active {
    display: block;
}
.spec-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.spec {
    border: 1px solid rgba(238, 225, 215, 0.9);
    border-radius: 18px;
    padding: 14px;
    background: #fffafc;
}
.spec b {
    display: block;
    font-size: 12px;
    color: var(--gold-deep);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 5px;
}
.spec span {
    color: var(--soft-ink);
    line-height: 1.45;
}
.tab-panel h3 {
    font-family: var(--display);
    font-size: 30px;
    margin: 0 0 14px;
}
.tab-panel p {
    color: var(--soft-ink);
    line-height: 1.7;
}
.conversion-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.conversion-card {
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--card-shadow);
    padding: 24px;
    position: relative;
    overflow: hidden;
}
.conversion-card:after {
    content: "";
    position: absolute;
    right: -50px;
    top: -50px;
    width: 150px;
    height: 150px;
    border: 18px solid rgba(197, 154, 91, 0.12);
    border-radius: 50%;
}
.conversion-card h3 {
    font-family: var(--display);
    font-size: 30px;
    margin: 0 0 8px;
}
.conversion-card p {
    margin: 0 0 16px;
    color: var(--muted);
    line-height: 1.65;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.input,
textarea,
select {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    padding: 13px 14px;
    outline: none;
    color: var(--ink);
}
textarea {
    resize: vertical;
    min-height: 86px;
}
.full {
    grid-column: 1/-1;
}
.product-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.mini-card {
    border: 1px solid var(--line);
    border-radius: 26px;
    background: #fff;
    box-shadow: var(--card-shadow);
    overflow: hidden;
    transition: 0.22s ease;
}
.mini-card:hover {
    transform: translateY(-4px);
}
.mini-media {
    height: 178px;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    display: grid;
    place-items: center;
    color: #b88236;
    position: relative;
    overflow: hidden;
}
.mini-media:after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    border: 14px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    right: -22px;
    top: -20px;
}
.mini-card svg {
    position: relative;
    z-index: 1;
    width: 92px;
}
.mini-body {
    padding: 15px;
}
.mini-body h3 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.25;
}
.mini-price {
    font-weight: 900;
    color: #2e282b;
}
.mini-body p {
    margin: 6px 0 12px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}
.review-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 20px;
}
.review-summary,
.review-card {
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--card-shadow);
    padding: 24px;
}
.review-summary h3 {
    font-family: var(--display);
    font-size: 44px;
    margin: 0;
}
.rating-bars {
    display: grid;
    gap: 9px;
    margin-top: 16px;
}
.bar {
    display: grid;
    grid-template-columns: 46px 1fr 40px;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    color: var(--muted);
}
.bar-track {
    height: 8px;
    border-radius: 999px;
    background: #eee1d7;
    overflow: hidden;
}
.bar-fill {
    height: 100%;
    border-radius: 999px;
    background: var(--gold-grad);
}
.review-list {
    display: grid;
    gap: 14px;
}
.review-card p {
    color: var(--soft-ink);
    line-height: 1.65;
}
.avatar {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
}
.avatar span {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--gold-grad);
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
}
.customer-photo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 18px;
}
.customer-photo {
    min-height: 132px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fff0f6, #e9f8ff);
    border: 1px solid #fff;
    box-shadow: var(--card-shadow);
    display: grid;
    place-items: center;
    color: #b88236;
    font-weight: 900;
}
.faq-list {
    display: grid;
    gap: 10px;
}
.faq-item {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 20px;
    padding: 18px;
}
.faq-item h3 {
    margin: 0 0 8px;
    font-size: 18px;
}
.faq-item p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}
.link-cloud {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.link-cloud a {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 10px 13px;
    font-size: 13px;
    font-weight: 900;
    color: #5b4c52;
}
/* our popular search css start */
.our_popular_searches{
    /* background: #fff1e8; */
    background: #f9f6f4;
    padding: 20px 0px;
}
.our_popular_searches h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 12px;
    padding-top: 3px;
    color: #886632;
}
.our_popular_searches p{
    /* font-size: 14px;
    line-height: 180%;
    margin-bottom: 16px; */
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 5px;
    border-bottom: 1px solid #ededed;
    padding: 6px 0px;
   
}
.our_popular_searches p:nth-child(11){
    border-bottom: none;
}
.our_popular_searches p a{
    color:#000;
    padding: 5px 6px;
}
.our_popular_searches p a:hover{
    color:#613f01;
}
/* our popular css end */


/* minicart css start */
.cart_counts{
    border-radius: 25px;
    background: rgb(211 173 103);
    color: black;
    position: absolute;
    z-index: 10;
    top: 11px;
    height: 12px;
    margin: 0px;
    width: 12px;
    font-size: 11px;
    line-height: 12px;
    font-weight: bolder;
    left: 3px;
    text-align: center;
    letter-spacing: 1px;
    margin-left: 7px;
    margin-top: -8px;
}
.mini_cart_wrap{
    width:100%;
    max-width:420px;
    position: absolute;
    top:50px;
    z-index: 991;
    background: #efeaea;
    box-shadow: 0 4px 10px 0 #00000040;
    border-radius: 16px;
    right:0px;
}
.loader_wrap {
    position: absolute;
    z-index: 100;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.loader_wrap .overlay_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #fff;
}
.spinner {
    width: 120px;
    height: 120px;
    background-image: url(https://www.kirtilals.com/images/loading_mer.gif);
    background-size: contain;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mini_cart_title{
    text-align:center;
    width: 100%;
    padding-top:10px;
}
.mini_cart_title h2{
    font-size:18px;
    display: inline-block;
    color: #900c0a;
    margin-bottom:0px;
}
.mini_cart_title span{
    font-size: 15px;
    color: #900c0a;
    font-weight: 600;
}
.pro_summary_minicart{
    max-height: 29vh;
    padding: 12px 20px 4px;
    margin: 0;
    width: 100%;
    min-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.inline_item_container {
    border: 1px solid #d9d2d3;
    border-radius: 10px;
    padding: 8px;
    width: 100%;
    height:90px;
    margin-bottom: 10px;
}
.product_inline_item{
    display:flex;
    border: none;
    column-gap:10px;
}
.product_inline_itm_img {
    width:20%;
    min-width:70px;
    height:70px;
}
.itm_img{
    height: 100%;
    width: 100%;
    margin-right: 0;
}
.itm_img .pro_img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    padding-bottom:0px;
}
.inline_items_details {
    width: 80%;
}
.d_flex_wraps{
    display:flex;
}
.inline_item_name span {
    font-size: 13px ;
    font-weight:400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
    text-align:left;
    line-height:normal;
    padding-right: 20px;
}
.minicart_quantity span {
    font-size: 12px;
    color: #413f3a;
    padding: 0px 4px 0px 3px;
    line-height:normal;
}
.items_details span{
    font-size: 12px;
    color: #413f3a;
    padding-left:5px;
}
.inline_item_price{
    text-align:left;
}
.inline_item_price_info{
    font-size:13px ;
    font-weight:600;
    color: #413f3a;
}
#closeBox{
    float: right;
    background: #f7f7f7;
    border: none;
    padding: 3px;
    border-radius: 28px;
    width: 30px;
    color: #422e0f;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    top:5px;
    right:5px;
}
#closeBox:focus{
    outline:none;
}
.minicart_footer {
    border: none;
    margin-top: 0;
    position: relative;
    height: fit-content;
}
.estimated_price{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 22px;
    color: #000;
    height: 44px;
    background: #f7f7f7;
    margin: 0;
}
.price_text {
    font-size: 16px;
    font-weight:600;
    color: #900c0a;
}
.price_amount {
    font-size:16px; 
    font-weight:700;
    color: #900c0a;
}
.mini_cart_btn_group{
    display: flex;
    column-gap: 6px;
    background: #efeaea;
    padding-top: 8px;
    padding-bottom: 16px;
    border-radius: 16px;
    padding-left: 16px;
    padding-right:16px;
    align-items: center;
    justify-content: center;
}
.mini_view_cart_btn {
    width: 145px;
    height:42px;
    background: #f7f7f7;
    border-radius: 80px;
}
.mini_view_cart_btn a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:  14px;
    font-weight:400;
    color: #900c0a;
    font-weight:600;
}
.mini_quick_check_btn{
    width: 187px;
    height: 42px;
    border-radius: 80px;
    background:#900c0a;
}
.mini_quick_check_btn button{
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:  14px;
    font-weight:400;
    background:#900c0a;
    border: none !important;
    color: #fff !important;
    font-weight:600;
    border-radius: 80px;
    outline: none;
}
.mini_quick_check_btn button:focus{
    outline: none;
}
.min_del_pro {
    position: relative;
}
.min_del_pro button{
    position: absolute;
    right: 0px;
    bottom: 20px;
    background: transparent;
    border: none;
    padding: 2px;
    border-radius: 5px;
    color: #900c0a;
}
/*minicart css end*/



.sticky-mobile-cta {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.98);
    border-top: 1px solid var(--line);
    z-index: 230;
    padding: 8px 10px;
    gap: 8px;
    box-shadow: 0 -10px 30px rgba(95, 58, 32, 0.08);
}
.sticky-mobile-cta .btn {
    flex: 1;
    min-height: 44px;
    padding: 10px;
    font-size: 13px;
}
.float-actions {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 240;
    display: grid;
    gap: 10px;
}
.float-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: var(--card-shadow);
    font-weight: 900;
    color: var(--gold-deep);
    display: grid;
    place-items: center;
}
.float-btn.top {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: 0.2s ease;
}
.float-btn.top.show {
    opacity: 1;
    visibility: visible;
    transform: none;
}
.modal {
    position: fixed;
    inset: 0;
    background: rgba(33, 31, 32, 0.48);
    z-index: 330;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.modal.active {
    display: flex;
}
.modal-card {
    width: min(720px, 100%);
    max-height: 88vh;
    overflow: auto;
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
    position: relative;
    padding: 28px;
}
.modal-close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
}
.modal-card h2 {
    font-family: var(--display);
    font-size: 38px;
    line-height: 1.05;
    margin: 0 0 10px;
}
.modal-card p {
    color: var(--muted);
    line-height: 1.6;
}
.zoom-container{
    display:flex;
    gap:20px;
    position:relative;
}

#mainMedia{
    width:500px;
    height:600px;
    position:relative;
    overflow:hidden;
    background:#fff;
    /* border-radius:12px;
    border:1px solid #ddd; */
}

/* .zoom-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
} */

/* Lens */
/* .lens{
    position:absolute;
    width:140px;
    height:140px;
    border:2px solid #000;
    background:rgba(255,255,255,0.3);
    display:none;
    pointer-events:none;
} */

/* Zoom Preview */
/* #zoomResult{
    width:500px;
    height:600px;
    border:1px solid #ddd;
    border-radius:12px;
    background-repeat:no-repeat;
    background-color:#fff;
    display:none;
} */

.btns_secs_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
button.reset_bts {
    background: #fff;
    padding: 10px 10px;
    border: 1px solid #d1d1d6;
    color: #636366;
    border-radius: 4px;
    font-size: 11px;
    width: 50%;
}
button.apply_bts {
    background: #a6864e;
    color: #fff;
    padding: 10px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 11px;
    width: 50%;
}

.micro-trust-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 10px 0 14px;
}
.micro-trust-row span {
    border: 1px solid rgba(197, 154, 91, 0.22);
    background: #fff8ec;
    border-radius: 999px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 900;
    color: #5b4634;
}
.gold-rate-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
    border-radius: 16px;
    background: #fff;
    border: 1px dashed rgba(197, 154, 91, 0.35);
    color: #5d5056;
    font-size: 12.5px;
    line-height: 1.55;
}
.gold-rate-note b {
    color: var(--gold-deep);
}
.social-proof {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 0 0 16px;
}
.social-proof div {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    padding: 10px;
    text-align: center;
}
.social-proof b {
    display: block;
    color: var(--gold-deep);
    font-size: 15px;
}
.social-proof span {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-top: 3px;
    line-height: 1.35;
}
.size-helper-card {
    margin-top: 12px;
    border: 1px solid rgba(238, 225, 215, 0.95);
    border-radius: 20px;
    background: linear-gradient(135deg, #fff, #fffaf6);
    padding: 14px;
}
.size-helper-card h3 {
    font-size: 16px;
    margin: 0 0 9px;
}
.size-paths {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.size-paths button {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 14px;
    padding: 10px;
    text-align: left;
    font-weight: 900;
    color: #51464c;
}
.size-paths small {
    display: block;
    color: var(--muted);
    font-weight: 700;
    margin-top: 3px;
    line-height: 1.35;
}
.size-availability {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}
.size-stock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 16px;
    padding: 10px 12px;
    font-size: 13px;
}
.size-stock b {
    color: var(--gold-deep);
}
.stock-green {
    color: #188457;
    font-weight: 900;
}
.stock-amber {
    color: #b46a16;
    font-weight: 900;
}
.cta-reassurance {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 8px 0 14px;
    color: #5d5056;
    font-size: 12px;
}
.cta-reassurance span {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.reserve-card {
    border: 1px solid rgba(197, 154, 91, 0.25);
    border-radius: 22px;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    padding: 16px;
    margin: 16px 0;
}
.reserve-card h3 {
    font-family: var(--display);
    font-size: 24px;
    margin: 0 0 6px;
}
.reserve-card p {
    margin: 0 0 12px;
    color: var(--muted);
    line-height: 1.55;
    font-size: 14px;
}
.reserve-actions {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}
.policy-eligibility {
    margin-top: 16px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    padding: 16px;
}
.policy-eligibility h3,
.auth-block h3 {
    margin: 0 0 12px;
    font-size: 18px;
}
.eligibility-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}
.eligibility-grid div {
    border: 1px solid rgba(238, 225, 215, 0.9);
    border-radius: 16px;
    background: #fffafc;
    padding: 11px;
}
.eligibility-grid b {
    display: block;
    color: var(--gold-deep);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.eligibility-grid span {
    display: block;
    color: var(--soft-ink);
    font-size: 12px;
    line-height: 1.4;
    margin-top: 4px;
}
.auth-block {
    margin-top: 16px;
    border: 1px solid rgba(197, 154, 91, 0.22);
    border-radius: 24px;
    background: linear-gradient(135deg, #fff, #fff8ec);
    padding: 16px;
}
.auth-list {
    display: grid;
    gap: 9px;
}
.auth-list div {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #51464c;
    font-size: 13px;
    line-height: 1.45;
}
.auth-list span {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--gold-grad);
    color: #fff;
    display: grid;
    place-items: center;
    min-width: 26px;
    font-size: 12px;
    font-weight: 900;
}
.timeline-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 12px;
}
.timeline-step {
    border: 1px solid rgba(238, 225, 215, 0.9);
    border-radius: 16px;
    background: #fffafc;
    padding: 11px;
}
.timeline-step b {
    display: block;
    color: var(--gold-deep);
    font-size: 12px;
    margin-bottom: 4px;
}
.timeline-step span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}
.desktop-sticky-summary {
    position: fixed;
    right: 18px;
    top: 130px;
    width: 270px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--line);
    border-radius: 26px;
    box-shadow: var(--soft-shadow);
    z-index: 120;
    padding: 16px;
    transform: translateX(120%);
    transition: 0.25s ease;
    backdrop-filter: blur(14px);
}
.desktop-sticky-summary.show {
    transform: none;
}
.desktop-sticky-summary h3 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.25;
}
.desktop-sticky-summary .summary-price {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 10px;
}
.summary-meta {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
    color: var(--muted);
    font-size: 12px;
}
.summary-actions {
    display: grid;
    gap: 8px;
}
.summary-actions .btn {
    min-height: 42px;
    padding: 10px;
}
.compare-table-wrap {
    overflow: auto;
}
.compare-table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0 10px;
}
.compare-table th,
.compare-table td {
    text-align: left;
    padding: 14px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: #fffafc;
    font-size: 13px;
}
.compare-table th:first-child,
.compare-table td:first-child {
    border-left: 1px solid var(--line);
    border-radius: 16px 0 0 16px;
    font-weight: 900;
    color: var(--gold-deep);
}
.compare-table th:last-child,
.compare-table td:last-child {
    border-right: 1px solid var(--line);
    border-radius: 0 16px 16px 0;
}
.buyback-explain {
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--card-shadow);
    padding: 24px;
}
.buyback-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 16px;
}
.buyback-grid div {
    padding: 16px;
    border-radius: 20px;
    border: 1px solid rgba(238, 225, 215, 0.9);
    background: linear-gradient(135deg, #fff, #fff8ec);
}
.buyback-grid b {
    display: block;
    color: var(--gold-deep);
    margin-bottom: 6px;
}
.buyback-grid span {
    color: var(--soft-ink);
    font-size: 13px;
    line-height: 1.55;
}
.style-video-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.style-card,
.video-shine-card,
.ar-card,
.emi-card {
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--card-shadow);
    padding: 24px;
    position: relative;
    overflow: hidden;
}
.style-card h3,
.video-shine-card h3,
.ar-card h3,
.emi-card h3 {
    font-family: var(--display);
    font-size: 30px;
    margin: 0 0 8px;
}
.style-card p,
.video-shine-card p,
.ar-card p,
.emi-card p {
    color: var(--muted);
    line-height: 1.65;
    margin: 0 0 14px;
}
.style-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.style-tags span {
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fffafc;
    padding: 9px 11px;
    font-weight: 900;
    font-size: 12px;
    color: #5d5056;
}
.video-frame {
    height: 220px;
    border-radius: 24px;
    background: radial-gradient(circle at 30% 30%, #fff, transparent 28%),
        linear-gradient(135deg, #262326, #7b5731, #fff0f6);
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 56px;
    margin-top: 12px;
}
.video-frame span {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
}
.ar-emi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.emi-calc {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-top: 12px;
}
.emi-calc input {
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 0 14px;
}
.emi-result {
    margin-top: 10px;
    padding: 12px;
    border-radius: 16px;
    background: #fff8ec;
    border: 1px solid rgba(197, 154, 91, 0.22);
    font-weight: 900;
    color: var(--gold-deep);
}
.store-availability-table {
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--card-shadow);
    padding: 24px;
}
.store-rows {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}
.store-row {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px;
    align-items: center;
    border: 1px solid rgba(238, 225, 215, 0.9);
    border-radius: 18px;
    background: #fffafc;
    padding: 12px;
}
.store-row b {
    color: #2e282b;
}
.store-row span {
    color: var(--muted);
    font-size: 13px;
}
.store-row em {
    font-style: normal;
    font-weight: 900;
    color: #188457;
    font-size: 12px;
}
.qa-list {
    display: grid;
    gap: 12px;
}
.qa-item {
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    padding: 18px;
}
.qa-item h3 {
    margin: 0 0 8px;
    font-size: 18px;
}
.qa-item p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}
.compared-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.compared-card {
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    padding: 16px;
    box-shadow: var(--card-shadow);
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 12px;
    align-items: center;
}
.compared-art {
    height: 72px;
    border-radius: 18px;
    background: linear-gradient(135deg, #fff8ec, #fff0f6);
    display: grid;
    place-items: center;
    color: #b88236;
}
.compared-card b {
    font-size: 14px;
}
.compared-card span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    margin-top: 4px;
}
.notify-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 12px;
}
.notify-options label {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    padding: 12px;
    font-weight: 900;
    color: #51464c;
}
.notify-options small {
    display: block;
    color: var(--muted);
    font-weight: 700;
    margin-top: 3px;
}
.gift-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 14px;
}
.gift-options label {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    padding: 12px;
    color: #51464c;
    font-weight: 900;
}
.gift-options small {
    display: block;
    color: var(--muted);
    font-weight: 700;
    margin-top: 3px;
}
@media (max-width: 1400px) {
    .desktop-sticky-summary {
        display: none;
    }
}
@media (max-width: 1180px) {
    .style-video-grid,
    .ar-emi-grid {
        grid-template-columns: 1fr;
    }
    .buyback-grid,
    .compared-strip {
        grid-template-columns: 1fr;
    }
    .timeline-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 760px) {
    .social-proof,
    .size-paths,
    .eligibility-grid,
    .timeline-grid,
    .store-row,
    .notify-options,
    .gift-options {
        grid-template-columns: 1fr;
    }
    .reserve-actions {
        display: grid;
    }
    .store-row {
        gap: 6px;
    }
    .video-frame {
        height: 180px;
    }
    .style-card,
    .video-shine-card,
    .ar-card,
    .emi-card,
    .buyback-explain,
    .store-availability-table {
        padding: 18px;
        border-radius: 24px;
    }
}


/* pdp  css end */