:root {
    --plum: #5a0336;
    --plum-2: #7b1550;
    --rose: #d8b4a9;
    --rose-soft: #f2e6e1;
    --ivory: #fffaf5;
    --ink: #241922;
    --muted: #765d68;
    --line: #eadbd6;
    --white: #ffffff;
    --shadow: 0 18px 45px rgba(90, 3, 54, 0.16);
}
.product-card{position:relative}.favourite-form{position:absolute;z-index:3;right:12px;top:12px}.favourite-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(109,12,53,.18);border-radius:50%;background:#fff;color:#6d0c35;box-shadow:0 7px 20px #2a001522;cursor:pointer}.favourite-button.active{background:#6d0c35;color:#fff}.favourite-button .icon,.view-count .icon,.product-trust-stats .icon{width:17px;height:17px}.view-count{display:flex;align-items:center;gap:6px;margin:9px 0;color:#74666b}.product-trust-stats{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.product-trust-stats span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f7ecdf;color:#6d0c35;font-size:.78rem;font-weight:750}.save-detail{margin-top:12px}.customer-auth{width:min(560px,calc(100% - 30px));margin:0 auto 80px}.customer-auth .checkout-form{grid-template-columns:1fr}.account-dashboard{width:min(1180px,calc(100% - 32px));margin:0 auto 80px}.account-dashboard>h2{margin:38px 0 18px;color:#f3ce78;font-family:var(--font-display);font-size:2rem}.account-summary{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:stretch}.account-summary article,.account-orders article{padding:18px;border:1px solid rgba(232,189,115,.3);border-radius:14px;background:#fffdf9;color:#2b2025}.account-summary small{display:block;color:#796c70}.account-summary strong{display:block;margin-top:8px;color:#6d0c35;font-size:1.15rem;overflow-wrap:anywhere}.account-orders{display:grid;gap:12px}.account-orders article{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:15px;align-items:center}.account-orders article>a:first-child{color:#6d0c35;font-weight:850}.checkout-form select{width:100%;padding:13px;border:1px solid #dfd3cc;border-radius:10px;background:#fffaf6;color:#2b2025;font:inherit}
@media(max-width:760px){.account-summary{grid-template-columns:1fr}.account-orders article{grid-template-columns:1fr;gap:8px}.customer-auth{width:calc(100% - 24px)}}

.mobile-account-link{display:none!important}
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--ivory);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mobile-menu-toggle{display:none;border:0;background:transparent;color:var(--plum);font:inherit;font-weight:800;align-items:center;gap:7px}.mobile-menu-toggle .icon{width:22px}.shop-search{width:min(1120px,calc(100% - 36px));margin:0 auto 22px;display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow)}.shop-search label{display:grid;gap:6px;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.shop-search input,.shop-search select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--ivory);font:inherit;color:var(--ink)}.contact-details{width:min(1120px,calc(100% - 36px));margin:35px auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-details article{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.contact-details h2,.contact-details p{margin:0}.contact-details a{color:var(--plum);font-weight:800}.birthstones{width:min(1120px,calc(100% - 36px));margin:70px auto;padding:clamp(24px,5vw,52px);border-radius:22px;background:#fff;color:var(--ink)}.birthstones>p{color:var(--plum);font-weight:800;text-transform:uppercase}.birthstones h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem)}.birthstones>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.birthstones article{display:grid;gap:5px;padding:16px;background:var(--ivory)}.birthstones article span{color:var(--muted)}.form-message{width:min(800px,calc(100% - 36px));margin:0 auto 20px;padding:14px;border-radius:10px}.error-message{background:#ffe1e1;color:#8c1720}

@media(max-width:940px){.mobile-menu-toggle{display:inline-flex}.luxury-nav{display:none!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch!important;padding:15px 24px 24px;background:var(--ivory);border-bottom:1px solid var(--line);box-shadow:0 15px 30px #3b122022}.luxury-nav.open{display:flex!important}.luxury-nav a{padding:12px!important}.shop-search{grid-template-columns:1fr 1fr}.shop-search label:first-child{grid-column:1/-1}.contact-details{grid-template-columns:1fr 1fr}.birthstones>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shop-search{grid-template-columns:1fr}.shop-search label:first-child{grid-column:auto}.contact-details{grid-template-columns:1fr}.birthstones>div{grid-template-columns:1fr}.mobile-menu-toggle span{display:none}}
.request-layout{width:min(1120px,calc(100% - 36px));margin:0 auto 80px;display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.request-form,.request-info{padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.request-form label{display:grid;gap:7px;margin-bottom:17px;color:var(--ink);font-weight:750}.request-form input,.request-form select,.request-form textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--ivory);font:inherit;color:var(--ink)}.request-form small{color:var(--muted);font-weight:500}.request-info h2{margin-top:0;font-family:Georgia,serif;font-size:2rem}.request-info p,.request-info li{color:var(--muted);line-height:1.7}.request-info ol{padding-left:20px}.certificate-links{display:grid;gap:9px;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--rose-soft)}.certificate-links a{display:flex;align-items:center;gap:7px;color:var(--plum);font-weight:750}.certificate-links svg{width:18px}.page-title>span{display:block;max-width:700px;color:var(--muted);line-height:1.7}
@media(max-width:800px){.request-layout{grid-template-columns:1fr}.request-grid{grid-template-columns:1fr}}

/* Appointment and custom-request readability */
.page-title > span{color:rgba(255,247,230,.88);font-size:1rem}.request-form,.request-info{color:#2b2025;background:#fffdf9}.request-form label{color:#2b2025}.request-form input,.request-form select,.request-form textarea{border-color:#dfd3cc;background:#fffaf6;color:#2b2025}.request-form input::placeholder,.request-form textarea::placeholder{color:#807175}.request-info h2{color:#5a0336;text-shadow:none}.request-info strong{display:block;color:#6d142f;line-height:1.6}.request-info p,.request-info li{color:#65585d}.request-info a{color:#5a0336}
@media(max-width:760px){.page-title{margin-top:20px!important;padding-top:38px!important}.page-title h1{margin-top:8px!important;line-height:1.05!important}.page-title>span{font-size:.94rem;line-height:1.6}.request-layout{width:calc(100% - 24px);gap:14px}.request-form,.request-info{padding:20px 16px}.request-form label{font-size:.9rem}.request-form input,.request-form select,.request-form textarea{min-height:48px}}

.purchase-assurance{width:min(1120px,calc(100% - 36px));margin:30px auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.purchase-assurance article{display:grid;gap:10px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.purchase-assurance p{margin:0;color:var(--muted);line-height:1.6}.purchase-assurance .button{justify-self:start}.size-guide-modal{position:fixed;z-index:1001;inset:0;display:grid;place-items:center;padding:20px;background:rgba(22,10,17,.76)}.size-guide-modal section{position:relative;width:min(560px,100%);padding:32px;border-radius:22px;background:#fff}.size-guide-modal section>button{position:absolute;right:15px;top:12px;border:0;background:none;color:var(--plum);font-size:2rem}.size-guide-modal h2{font-family:Georgia,serif;color:var(--plum)}.size-guide-modal section>div{display:grid;gap:7px;margin:20px 0}.size-guide-modal span{margin-bottom:10px;color:var(--muted)}.lightbox-prev,.lightbox-next{position:absolute!important;top:50%!important;transform:translateY(-50%);font-size:2.3rem!important}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-close{right:24px!important;top:18px!important}.address-preview{grid-column:1/-1;padding:12px;border-radius:10px;background:var(--rose-soft);color:var(--plum)}@media(max-width:760px){.purchase-assurance{grid-template-columns:1fr;width:calc(100% - 24px)}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
/* 2026 UX system */
:root{--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--focus:0 0 0 4px rgba(90,3,54,.14)}
:focus-visible{outline:2px solid var(--plum);outline-offset:3px}button,.button,input,select,textarea{transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}button:active,.button:active{transform:translateY(1px)}input:focus,select:focus,textarea:focus{border-color:var(--plum)!important;box-shadow:var(--focus)}button.is-loading{position:relative;color:transparent!important;pointer-events:none}button.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-open{overflow:hidden}
.main-photo img{cursor:zoom-in}.image-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:30px;background:rgba(22,10,17,.92)}.image-lightbox img{max-width:min(1100px,92vw);max-height:88vh;object-fit:contain}.image-lightbox button{position:absolute;right:24px;top:18px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--plum);font-size:2rem;cursor:pointer}
.visual-select-fallback>select{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.variant-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.variant-picker button{min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:700;text-align:left;cursor:pointer}.variant-picker button:hover,.variant-picker button.selected{border-color:var(--plum);background:var(--rose-soft);box-shadow:var(--focus)}.variant-picker button:disabled{opacity:.45;cursor:not-allowed}.detail-copy{position:relative}.buy-box{position:sticky;bottom:12px;z-index:4;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,250,245,.96);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.checkout-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.checkout-steps button{display:flex;align-items:center;gap:8px;padding:10px;border:0;border-radius:12px;background:#f3ece7;color:var(--muted);font-weight:800}.checkout-steps button i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#fff;font-style:normal}.checkout-steps button.active{background:var(--plum);color:#fff}.checkout-step-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-step-panel h2{grid-column:1/-1;margin:0 0 6px;font-family:Georgia,serif;color:var(--plum)}.step-controls{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}.step-controls button{min-height:46px;padding:0 22px;border:1px solid var(--plum);border-radius:999px;background:#fff;color:var(--plum);font-weight:800}.step-controls [data-next]{margin-left:auto;background:var(--plum);color:#fff}.checkout-layout>.summary{position:sticky;top:110px}
.account-tabs{display:flex;gap:8px;overflow:auto;margin:28px 0 18px;padding-bottom:5px}.account-tabs button{flex:0 0 auto;min-height:44px;padding:0 18px;border:1px solid rgba(232,189,115,.35);border-radius:999px;background:#fff;color:var(--plum);font-weight:800}.account-tabs button.active{background:var(--plum);color:#fff}.account-tab-panel{animation:tabIn .25s ease}@keyframes tabIn{from{opacity:0;transform:translateY(5px)}}.account-tab-panel>h2{color:var(--plum)!important}
.cart-item{position:relative}.qty-form{display:flex;align-items:center;gap:8px}.qty-form input{width:72px;min-height:44px;text-align:center;border-radius:10px}.cart-layout>.summary{position:sticky;top:110px}.newsletter-form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.newsletter-form input{min-width:min(340px,80vw);min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px}
@media(max-width:760px){.site-header{padding:9px 12px}.luxury-nav{max-height:calc(100vh - 64px);overflow:auto}.utility-nav{gap:4px}.utility-nav a span{display:none}.product-detail{gap:18px}.detail-copy h1{font-size:2rem}.variant-picker{grid-template-columns:1fr}.buy-box{bottom:8px;margin-left:-6px;margin-right:-6px;padding:12px}.buy-box .button{width:100%}.checkout-layout{display:block}.checkout-layout>.summary,.cart-layout>.summary{position:static;margin-top:16px}.checkout-step-panel{grid-template-columns:1fr}.checkout-steps button span{display:none}.checkout-steps button{justify-content:center}.cart-layout{display:block}.cart-item{grid-template-columns:92px 1fr;padding:14px}.cart-item img{width:92px;height:92px;object-fit:cover}.account-dashboard{width:calc(100% - 20px)}.account-tabs{margin-left:-2px;margin-right:-2px}.button,.card-actions button,.card-actions a,.qty-form button{min-height:48px}}

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

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

.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(18px, 4vw, 58px);
    background: rgba(255, 250, 245, 0.92);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(18px);
}

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

.brand-mark {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    background: var(--plum);
    color: var(--ivory);
    font-family: Georgia, serif;
    font-size: 26px;
}

.brand strong,
.brand small {
    display: block;
}

.brand small,
.section-head p,
.page-title p,
.hero-copy p,
.split-band p,
.contact-hero p,
.product-info p,
.detail-copy > p:first-child,
.summary p {
    margin: 0;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.nav {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 750;
}

.nav a {
    padding: 10px 12px;
    border-radius: 999px;
}

.cart-link {
    background: var(--plum);
    color: var(--ivory);
}

.cart-link span {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    margin-left: 4px;
    place-items: center;
    border-radius: 50%;
    background: var(--rose);
    color: var(--plum);
}

.hero {
    position: relative;
    min-height: min(720px, calc(100vh - 78px));
    display: grid;
    align-items: center;
    overflow: hidden;
    background: var(--plum);
}

.hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.76;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(90, 3, 54, 0.9), rgba(90, 3, 54, 0.38) 48%, rgba(90, 3, 54, 0.08));
}

.hero-copy {
    position: relative;
    z-index: 1;
    width: min(620px, calc(100% - 36px));
    margin-left: clamp(18px, 6vw, 76px);
    color: var(--ivory);
}

.hero-copy p {
    color: var(--rose);
}

.hero-copy h1,
.page-title h1,
.section-head h2,
.split-band h2,
.contact-hero h1,
.detail-copy h1 {
    margin: 10px 0 14px;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.04;
}

.hero-copy h1 {
    font-size: clamp(3rem, 8vw, 6.8rem);
}

.hero-copy span {
    display: block;
    max-width: 560px;
    color: #f8e9e4;
    font-size: clamp(1rem, 2vw, 1.22rem);
    line-height: 1.7;
}

.hero-actions,
.card-actions,
.buy-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-actions {
    margin-top: 30px;
}

.button,
.card-actions button,
.card-actions a,
.qty-form button,
.text-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    padding: 0 18px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.button.primary,
.card-actions button,
.qty-form button {
    background: var(--plum);
    color: var(--ivory);
}

.button.ghost,
.card-actions a {
    border: 1px solid rgba(90, 3, 54, 0.2);
    background: rgba(255, 255, 255, 0.58);
    color: var(--plum);
}

.hero .button.ghost {
    border-color: rgba(255, 255, 255, 0.32);
    color: var(--ivory);
}

.trust-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--line);
}

.trust-strip span {
    padding: 20px;
    background: var(--rose-soft);
    color: var(--plum);
    font-weight: 850;
    text-align: center;
}

.section-head,
.page-title {
    width: min(1120px, calc(100% - 36px));
    margin: 70px auto 26px;
}

.section-head h2,
.page-title h1,
.split-band h2,
.contact-hero h1,
.detail-copy h1 {
    font-size: clamp(2rem, 4vw, 4.2rem);
}

.product-grid {
    width: min(1120px, calc(100% - 36px));
    margin: 0 auto 74px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.product-card {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 10px 28px rgba(90, 3, 54, 0.08);
}

.product-image {
    position: relative;
    display: block;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--rose-soft);
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.04);
}

.product-image span {
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255, 250, 245, 0.88);
    color: var(--plum);
    font-size: 0.76rem;
    font-weight: 850;
}

.product-info {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.product-info h3 {
    min-height: 52px;
    margin: 0;
    font-family: Georgia, serif;
    font-size: 1.28rem;
    line-height: 1.18;
}

.meta {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: 0.92rem;
}

.meta span:last-child {
    color: var(--plum);
    font-weight: 900;
}

.split-band,
.contact-hero,
.product-detail,
.cart-layout,
.checkout-layout {
    width: min(1120px, calc(100% - 36px));
    margin: 72px auto;
}

.split-band,
.contact-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
    align-items: center;
    padding: 44px;
    border-radius: 8px;
    background: var(--plum);
    color: var(--ivory);
}

.split-band p,
.contact-hero p {
    color: var(--rose);
}

.split-band ol {
    margin: 0;
    display: grid;
    gap: 14px;
    color: #f8e9e4;
    line-height: 1.6;
}

.filters {
    width: min(1120px, calc(100% - 36px));
    margin: 0 auto 24px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filters a {
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--white);
    font-weight: 800;
}

.filters .active {
    background: var(--plum);
    color: var(--ivory);
}

.product-detail {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 46px;
    align-items: start;
}

.main-photo {
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 8px;
    background: var(--rose-soft);
    box-shadow: var(--shadow);
}

.main-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease, object-position 0.25s ease;
}

.main-photo img.angle-1 {
    transform: scale(1.16) rotate(1deg);
    object-position: 64% 50%;
}

.main-photo img.angle-2 {
    transform: scale(1.34);
    object-position: 48% 42%;
}

.angle-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 14px;
}

.angle-row button {
    display: grid;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
    color: var(--plum);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
}

.angle-row button.active {
    border-color: var(--plum);
    box-shadow: 0 0 0 3px rgba(90, 3, 54, 0.14);
}

.angle-row img {
    aspect-ratio: 1.25;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.detail-copy {
    display: grid;
    gap: 18px;
}

.detail-copy strong {
    color: var(--plum);
    font-size: 1.5rem;
}

.detail-copy > p:not(:first-child) {
    color: var(--muted);
    line-height: 1.75;
}

dl {
    display: grid;
    gap: 1px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
}

dl div {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 16px;
    padding: 14px;
    background: var(--white);
}

dt {
    color: var(--muted);
    font-weight: 800;
}

dd {
    margin: 0;
}

.buy-box,
.checkout-form {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
}

label {
    display: grid;
    gap: 8px;
    color: var(--muted);
    font-weight: 800;
}

input,
textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 13px 14px;
    color: var(--ink);
    font: inherit;
}

.buy-box input {
    width: 96px;
}

.cart-layout,
.checkout-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    align-items: start;
}

.cart-list,
.checkout-form,
.summary {
    display: grid;
    gap: 14px;
}

.cart-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 16px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
}

.cart-item img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}

.cart-item h3 {
    margin: 0 0 6px;
    font-family: Georgia, serif;
}

.cart-item p {
    color: var(--muted);
}

.qty-form {
    display: flex;
    gap: 8px;
    align-items: center;
}

.qty-form input {
    width: 82px;
}

.summary {
    position: sticky;
    top: 88px;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: var(--white);
    box-shadow: var(--shadow);
}

.summary strong {
    color: var(--plum);
    font-size: 1.8rem;
}

.summary span {
    color: var(--muted);
    line-height: 1.5;
}

.text-button {
    width: 100%;
    background: transparent;
    color: var(--muted);
}

.empty-state {
    width: min(720px, calc(100% - 36px));
    margin: 60px auto 110px;
    display: grid;
    justify-items: start;
    gap: 18px;
    padding: 34px;
    border-radius: 8px;
    background: var(--white);
    border: 1px solid var(--line);
}

.contact-panel {
    display: grid;
    gap: 12px;
}

.site-footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 34px clamp(18px, 4vw, 58px);
    background: var(--plum);
    color: var(--ivory);
}

.site-footer p {
    margin: 6px 0 0;
    color: var(--rose);
}

.footer-links {
    display: grid;
    gap: 8px;
    text-align: right;
}

@media (max-width: 940px) {
    .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trust-strip,
    .split-band,
    .contact-hero,
    .product-detail,
    .cart-layout,
    .checkout-layout {
        grid-template-columns: 1fr;
    }

    .summary {
        position: static;
    }
}

@media (max-width: 680px) {
    .site-header,
    .site-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .nav {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .hero {
        min-height: 650px;
    }

    .hero::after {
        background: linear-gradient(0deg, rgba(90, 3, 54, 0.9), rgba(90, 3, 54, 0.3));
    }

    .hero-copy {
        align-self: end;
        margin: 0 18px 40px;
    }

    .trust-strip,
    .product-grid {
        grid-template-columns: 1fr;
    }

    .split-band,
    .contact-hero {
        padding: 24px;
    }

    .cart-item {
        grid-template-columns: 92px 1fr;
    }

    .cart-item img {
        width: 92px;
        height: 92px;
    }

    .footer-links {
        text-align: left;
    }
}

html {
    scroll-behavior: smooth;
}

.site-header {
    animation: dropIn 0.55s ease both;
}

.icon {
    width: 1.08em;
    height: 1.08em;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.22s ease;
}

.nav a,
.footer-links a,
.button,
.card-actions button,
.card-actions a,
.qty-form button,
.text-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.nav a:hover {
    background: var(--rose-soft);
    color: var(--plum);
    transform: translateY(-2px);
}

.button.primary,
.card-actions button,
.qty-form button {
    box-shadow: 0 10px 24px rgba(90, 3, 54, 0.18);
}

.button:hover,
.card-actions button:hover,
.card-actions a:hover,
.qty-form button:hover,
.gallery-tile:hover,
.feature-row a:hover,
.service-grid article:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
}

.button:hover .icon,
.card-actions button:hover .icon,
.card-actions a:hover .icon,
.nav a:hover .icon,
.footer-links a:hover .icon {
    transform: translateX(2px) rotate(-4deg);
}

.slides,
.slides img {
    position: absolute;
    inset: 0;
}

.slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.04);
    transition: opacity 1s ease, transform 7s ease;
}

.slides img.active {
    opacity: 0.76;
    transform: scale(1);
}

.hero-copy {
    animation: heroRise 0.8s ease both 0.15s;
}

.hero-copy p,
.split-band p,
.contact-hero p,
.page-title p,
.trust-strip span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.slide-dots {
    position: absolute;
    z-index: 2;
    left: clamp(18px, 6vw, 76px);
    bottom: 26px;
    display: flex;
    gap: 9px;
}

.slide-dots span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 250, 245, 0.38);
    transition: width 0.28s ease, background 0.28s ease;
}

.slide-dots span.active {
    width: 32px;
    background: var(--rose);
}

.trust-strip span {
    justify-content: center;
}

.product-card,
.service-grid article,
.gallery-tile,
.story-layout,
.cart-item,
.summary,
.checkout-form,
.feature-row a {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.45s ease, transform 0.45s ease, box-shadow 0.25s ease;
}

.product-card.is-visible,
.service-grid article.is-visible,
.gallery-tile.is-visible,
.story-layout.is-visible,
.cart-item.is-visible,
.summary.is-visible,
.checkout-form.is-visible,
.feature-row a.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.detail-copy,
.animated-page {
    animation: heroRise 0.65s ease both;
}

.story-layout,
.service-grid,
.gallery-grid,
.feature-row {
    width: min(1120px, calc(100% - 36px));
    margin: 72px auto;
}

.story-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
    align-items: center;
}

.story-layout img {
    width: 100%;
    aspect-ratio: 1.1;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.story-copy {
    display: grid;
    gap: 18px;
}

.story-copy p,
.feature-row span,
.service-grid p {
    color: var(--muted);
    line-height: 1.7;
}

.mini-stats {
    display: grid;
    gap: 12px;
}

.mini-stats span {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
}

.mini-stats strong {
    display: block;
    color: var(--plum);
}

.feature-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.feature-row a,
.service-grid article,
.gallery-tile {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 10px 28px rgba(90, 3, 54, 0.08);
}

.feature-row a {
    display: grid;
    gap: 10px;
    padding: 24px;
}

.feature-row .icon,
.service-grid .icon {
    width: 34px;
    height: 34px;
    color: var(--plum-2);
}

.feature-row strong,
.service-grid h2 {
    margin: 0;
    font-family: Georgia, serif;
    font-size: 1.35rem;
    font-weight: 500;
}

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

.service-grid article {
    display: grid;
    gap: 12px;
    padding: 24px;
}

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

.gallery-tile {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1;
}

.gallery-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.gallery-tile span {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 250, 245, 0.88);
    color: var(--plum);
    font-weight: 850;
}

.gallery-tile:hover img {
    transform: scale(1.06);
}

.light {
    background: var(--ivory) !important;
    color: var(--plum) !important;
}

@keyframes dropIn {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

@media (max-width: 940px) {
    .story-layout {
        grid-template-columns: 1fr;
    }

    .service-grid,
    .gallery-grid,
    .feature-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .hero-copy {
        margin-bottom: 62px;
    }

    .service-grid,
    .gallery-grid,
    .feature-row {
        grid-template-columns: 1fr;
    }

    .slide-dots {
        bottom: 22px;
    }
}

/* Marami-inspired luxury storefront layer */
:root {
    --gold: #e8bd73;
    --gold-dark: #b97b31;
    --maroon-dark: #260016;
    --maroon-card: #410025;
    --maroon-line: rgba(232, 189, 115, 0.34);
    --cream: #fff2d3;
}

body {
    background:
        radial-gradient(circle at 15% 0%, rgba(123, 21, 80, 0.6), transparent 34rem),
        linear-gradient(180deg, #2b0019 0%, var(--plum) 38%, #250014 100%);
    color: #fff8ec;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background-image: linear-gradient(rgba(232, 189, 115, 0.04) 1px, transparent 1px);
    background-size: 100% 92px;
    pointer-events: none;
}

.top-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 18px;
    padding: 10px clamp(18px, 4vw, 48px);
    border-bottom: 1px solid rgba(232, 189, 115, 0.24);
    background: #2a0018;
    color: var(--gold);
    font-size: 0.86rem;
    font-weight: 700;
}

.top-bar a,
.top-bar span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.top-bar span:last-child {
    justify-self: end;
}

.top-bar strong {
    color: #66d56c;
}

.luxury-header {
    top: 0;
    padding: 22px clamp(18px, 4vw, 48px);
    background: linear-gradient(90deg, rgba(42, 0, 24, 0.96), rgba(90, 3, 54, 0.96));
    border-bottom: 1px solid rgba(232, 189, 115, 0.25);
    color: #fff9ed;
}

.luxury-brand .brand-mark,
.footer-logo .brand-mark {
    width: 54px;
    height: 54px;
    border: 1px solid rgba(232, 189, 115, 0.45);
    background: transparent;
    color: var(--gold);
    font-size: 34px;
}

.luxury-brand strong,
.footer-logo strong {
    color: #fff7e8;
    font-family: Georgia, serif;
    font-size: 1.45rem;
    letter-spacing: 0.16em;
}

.luxury-brand small,
.footer-logo small {
    color: var(--gold);
    letter-spacing: 0.32em;
}

.luxury-nav {
    gap: 18px;
    text-transform: uppercase;
    font-size: 0.76rem;
}

.luxury-nav a {
    position: relative;
    padding: 10px 0;
    border-radius: 0;
}

.luxury-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.luxury-nav a:hover {
    background: transparent;
    color: var(--gold);
}

.luxury-nav a:hover::after,
.luxury-nav a.active::after {
    transform: scaleX(1);
}

.utility-nav {
    display: flex;
    align-items: center;
    gap: 18px;
}

.utility-nav a {
    position: relative;
    display: inline-flex;
    color: #fff9ed;
}

.utility-nav .icon {
    width: 24px;
    height: 24px;
}

.bag-link span {
    position: absolute;
    top: -10px;
    right: -10px;
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: var(--gold);
    color: var(--maroon-dark);
    font-size: 0.72rem;
    font-weight: 900;
}

.marami-hero {
    position: relative;
    min-height: 350px;
    display: grid;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid rgba(232, 189, 115, 0.22);
}

.marami-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(42, 0, 24, 0.88) 0%, rgba(90, 3, 54, 0.45) 46%, rgba(42, 0, 24, 0.05) 100%);
}

.marami-hero .slides img.active {
    opacity: 0.92;
}

.marami-hero-copy {
    position: relative;
    z-index: 2;
    width: min(600px, calc(100% - 36px));
    margin-left: clamp(22px, 7vw, 90px);
    animation: heroRise 0.8s ease both;
}

.marami-hero h1 {
    margin: 0;
    font-family: Georgia, serif;
    font-size: clamp(2.7rem, 5vw, 5.2rem);
    font-weight: 400;
    line-height: 1.05;
}

.marami-hero em {
    color: var(--gold);
    font-style: italic;
}

.marami-hero p {
    max-width: 450px;
    margin: 22px 0 0;
    color: rgba(255, 248, 236, 0.9);
    font-size: 1.08rem;
    line-height: 1.55;
}

.button.gold {
    min-width: 178px;
    border-radius: 4px;
    background: linear-gradient(135deg, var(--gold), #f6d28d);
    color: #2b0019;
    text-transform: uppercase;
    font-size: 0.82rem;
}

.button.outline-gold {
    min-width: 178px;
    border: 1px solid var(--gold);
    border-radius: 4px;
    background: rgba(42, 0, 24, 0.34);
    color: #fff8ec;
    text-transform: uppercase;
    font-size: 0.82rem;
}

.marami-hero .slide-dots {
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
}

.marami-hero .slide-dots span {
    height: 3px;
    background: rgba(232, 189, 115, 0.45);
}

.marami-hero .slide-dots span.active {
    background: var(--gold);
}

.floating-actions {
    position: fixed;
    right: 0;
    top: 34vh;
    z-index: 15;
    display: grid;
    overflow: hidden;
    border: 1px solid var(--maroon-line);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background: rgba(42, 0, 24, 0.86);
    backdrop-filter: blur(12px);
}

.floating-actions a {
    display: grid;
    min-width: 88px;
    gap: 7px;
    justify-items: center;
    padding: 15px 10px;
    color: var(--gold);
    font-size: 0.76rem;
    border-bottom: 1px solid rgba(232, 189, 115, 0.2);
}

.floating-actions .icon {
    width: 28px;
    height: 28px;
}

.category-showcase,
.best-seller-grid,
.assurance-strip,
.custom-band,
.dual-panels,
.insta-strip,
.section-bar {
    width: min(1180px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}

.category-showcase {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.category-tile,
.best-card,
.assurance-strip,
.custom-band,
.story-panel,
.review-panel,
.insta-strip {
    border: 1px solid var(--maroon-line);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(90, 3, 54, 0.74), rgba(42, 0, 24, 0.8));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}

.category-tile {
    position: relative;
    display: grid;
    min-height: 210px;
    align-content: end;
    overflow: hidden;
    padding: 20px;
}

.category-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(42, 0, 24, 0.1), rgba(42, 0, 24, 0.82));
}

.category-tile img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.category-tile span,
.category-tile small {
    position: relative;
    z-index: 1;
}

.category-tile span {
    color: var(--cream);
    font-family: Georgia, serif;
    font-size: 1.45rem;
    text-transform: uppercase;
}

.category-tile small {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #fff8ec;
}

.category-tile:hover img {
    transform: scale(1.08);
}

.section-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 14px;
}

.section-bar h2 {
    margin: 0;
    color: #fff8ec;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.section-bar a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gold);
}

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

.best-card {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.best-image {
    position: relative;
    display: block;
    aspect-ratio: 1.08;
    overflow: hidden;
    border-radius: 6px;
}

.best-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.best-image button {
    position: absolute;
    top: 12px;
    right: 12px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(255, 248, 236, 0.3);
    border-radius: 50%;
    background: rgba(42, 0, 24, 0.48);
    color: #fff8ec;
}

.best-card h3 {
    min-height: 38px;
    margin: 4px 0 0;
    color: #fff8ec;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: center;
}

.best-card strong {
    color: var(--gold);
    text-align: center;
}

.best-actions {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding-top: 10px;
    border-top: 1px solid rgba(232, 189, 115, 0.12);
}

.best-actions button,
.best-actions a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    color: var(--gold);
    font: inherit;
    font-size: 0.82rem;
}

.best-card:hover .best-image img {
    transform: scale(1.06);
}

.assurance-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    margin-top: 16px;
    padding: 16px;
}

.assurance-strip article {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 10px;
    text-align: center;
    border-right: 1px solid rgba(232, 189, 115, 0.18);
}

.assurance-strip article:last-child {
    border-right: 0;
}

.assurance-strip .icon {
    width: 34px;
    height: 34px;
    color: var(--gold);
}

.assurance-strip strong {
    color: #fff8ec;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.assurance-strip span {
    color: rgba(255, 248, 236, 0.72);
    font-size: 0.8rem;
}

.custom-band {
    display: grid;
    grid-template-columns: 1.05fr 0.9fr 0.6fr;
    gap: 34px;
    align-items: center;
    margin-top: 16px;
    overflow: hidden;
}

.custom-band img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.custom-band div {
    padding: 28px 0;
}

.custom-band p,
.story-panel p,
.review-panel p,
.insta-strip p {
    margin: 0 0 10px;
    color: var(--gold);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.custom-band h2,
.story-panel h2,
.review-panel h2 {
    margin: 0 0 14px;
    color: #fff8ec;
    font-family: Georgia, serif;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 400;
}

.custom-band span,
.story-panel span,
.review-panel blockquote {
    color: rgba(255, 248, 236, 0.78);
    line-height: 1.65;
}

.custom-band ul {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0 26px 0 0;
    list-style: none;
}

.custom-band li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff8ec;
}

.custom-band li .icon {
    color: var(--gold);
}

.dual-panels {
    display: grid;
    grid-template-columns: 0.85fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

.story-panel,
.review-panel {
    padding: 24px;
}

.story-panel {
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    gap: 20px;
    align-items: center;
}

.story-panel img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 6px;
}

.story-panel a {
    display: inline-flex;
    margin-top: 18px;
    padding: 10px 16px;
    border: 1px solid var(--gold);
    border-radius: 4px;
    color: var(--gold);
    text-transform: uppercase;
    font-size: 0.76rem;
}

.review-panel {
    position: relative;
}

.rating {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    color: var(--gold);
    margin-bottom: 16px;
}

.rating span,
.review-panel small {
    color: rgba(255, 248, 236, 0.82);
}

.review-panel blockquote {
    margin: 0 0 10px;
}

.review-thumbs {
    display: flex;
    gap: 12px;
    margin-top: 18px;
}

.review-thumbs img {
    width: 82px;
    height: 74px;
    object-fit: cover;
    border-radius: 8px;
}

.insta-strip {
    display: grid;
    grid-template-columns: 1.1fr repeat(4, 1fr) 1.2fr;
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 18px;
    padding: 16px 24px;
}

.insta-strip strong {
    color: #fff8ec;
    font-family: Georgia, serif;
    font-size: 1.4rem;
    font-style: italic;
}

.insta-strip img {
    width: 100%;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
}

.insta-strip a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    border: 1px solid var(--maroon-line);
    border-radius: 4px;
    color: #fff8ec;
}

.luxury-footer {
    display: grid;
    grid-template-columns: 1.6fr repeat(3, 0.7fr) 1.2fr 0.8fr;
    gap: 28px;
    margin-top: 0;
    padding: 28px clamp(18px, 4vw, 48px) 18px;
    border-top: 1px solid var(--maroon-line);
    background: #2a0018;
}

.luxury-footer > div {
    display: grid;
    align-content: start;
    gap: 9px;
}

.luxury-footer h3,
.luxury-footer h4,
.luxury-footer p {
    margin: 0;
}

.luxury-footer p,
.luxury-footer h4 {
    color: var(--gold);
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
}

.luxury-footer h3 {
    color: #fff8ec;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.luxury-footer a,
.luxury-footer span {
    color: rgba(255, 248, 236, 0.78);
    font-size: 0.86rem;
}

.footer-newsletter form {
    display: flex;
    max-width: 320px;
    margin-top: 10px;
}

.footer-newsletter input {
    min-width: 0;
    border-color: var(--maroon-line);
    border-radius: 4px 0 0 4px;
    background: rgba(90, 3, 54, 0.42);
    color: #fff8ec;
}

.footer-newsletter button {
    width: 54px;
    border: 0;
    border-radius: 0 4px 4px 0;
    background: var(--gold);
    color: #2a0018;
}

.footer-logo {
    justify-items: center;
    text-align: center;
}

.footer-bottom {
    grid-column: 1 / -1;
    display: flex !important;
    justify-content: space-between;
    border-top: 1px solid rgba(232, 189, 115, 0.16);
    padding-top: 16px;
}

.footer-bottom a {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid var(--maroon-line);
    border-radius: 4px;
    transform: rotate(-90deg);
}

@media (max-width: 1100px) {
    .luxury-header {
        flex-wrap: wrap;
    }

    .luxury-nav {
        order: 3;
        width: 100%;
        justify-content: center;
        overflow-x: auto;
    }

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

    .assurance-strip,
    .custom-band,
    .dual-panels,
    .insta-strip,
    .luxury-footer {
        grid-template-columns: 1fr 1fr;
    }

    .custom-band img,
    .custom-band div,
    .custom-band ul,
    .footer-bottom {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .top-bar {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .top-bar span:last-child {
        justify-self: start;
    }

    .utility-nav {
        width: 100%;
        justify-content: space-between;
    }

    .marami-hero {
        min-height: 520px;
    }

    .marami-hero-copy {
        align-self: end;
        margin: 0 18px 68px;
    }

    .category-showcase,
    .best-seller-grid,
    .assurance-strip,
    .custom-band,
    .dual-panels,
    .insta-strip,
    .luxury-footer,
    .story-panel {
        grid-template-columns: 1fr;
    }

    .floating-actions {
        display: none;
    }
}

/* Premium animation polish */
@property --shine-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 120deg;
}

.button,
.best-actions button,
.best-actions a,
.category-tile,
.utility-nav a,
.floating-actions a,
.footer-newsletter button {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.button.gold,
.footer-newsletter button {
    background:
        linear-gradient(var(--shine-angle), rgba(255, 255, 255, 0.36), transparent 26%, transparent 62%, rgba(255, 255, 255, 0.26)),
        linear-gradient(135deg, #b8742e 0%, #f7d88f 45%, #c18438 100%);
    border: 1px solid rgba(255, 236, 176, 0.75);
    box-shadow:
        0 10px 28px rgba(232, 189, 115, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
    transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
    animation: goldBreath 3.8s ease-in-out infinite;
}

.button.gold::before,
.footer-newsletter button::before,
.button.outline-gold::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -1;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.0) 34%, rgba(255, 255, 255, 0.72) 48%, rgba(255, 255, 255, 0.0) 62%, transparent 100%);
    transform: translateX(-120%) skewX(-18deg);
}

.button.gold:hover,
.footer-newsletter button:hover {
    transform: translateY(-4px) scale(1.025);
    filter: saturate(1.08);
    box-shadow:
        0 18px 42px rgba(232, 189, 115, 0.32),
        0 0 0 1px rgba(255, 235, 170, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.button.gold:hover::before,
.footer-newsletter button:hover::before,
.button.outline-gold:hover::before {
    animation: sweep 0.72s ease;
}

.button.outline-gold {
    box-shadow: inset 0 0 0 1px rgba(232, 189, 115, 0.18);
}

.button.outline-gold:hover {
    background: rgba(232, 189, 115, 0.12);
    border-color: #f7d88f;
    color: var(--cream);
    transform: translateY(-4px);
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.24),
        0 0 18px rgba(232, 189, 115, 0.2),
        inset 0 0 0 1px rgba(232, 189, 115, 0.28);
}

.ripple {
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    background: rgba(255, 244, 211, 0.42);
    pointer-events: none;
    transform: scale(0);
    animation: ripple 0.62s ease-out;
}

.marami-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 72% 30%, rgba(232, 189, 115, 0.18), transparent 20rem),
        linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    transform: translateX(-20%);
    animation: heroLight 8s ease-in-out infinite;
    pointer-events: none;
}

.marami-hero h1 {
    animation: titleReveal 0.9s cubic-bezier(.2,.9,.2,1) both;
}

.marami-hero p {
    animation: titleReveal 0.9s cubic-bezier(.2,.9,.2,1) both 0.12s;
}

.marami-hero .hero-actions {
    animation: titleReveal 0.9s cubic-bezier(.2,.9,.2,1) both 0.22s;
}

.luxury-brand .brand-mark,
.footer-logo .brand-mark {
    animation: logoGlow 4.2s ease-in-out infinite;
}

.utility-nav a:hover,
.floating-actions a:hover {
    color: var(--gold);
    transform: translateY(-3px);
    filter: drop-shadow(0 0 10px rgba(232, 189, 115, 0.35));
}

.bag-link span {
    animation: cartPulse 2.8s ease-in-out infinite;
}

.floating-actions {
    animation: floatIn 0.7s ease both 0.4s;
}

.floating-actions a:first-child .icon {
    animation: phonePulse 2.2s ease-in-out infinite;
}

.category-tile,
.best-card,
.story-panel,
.review-panel {
    transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(18px);
    transform-style: preserve-3d;
}

.category-tile.is-visible,
.best-card.is-visible,
.story-panel.is-visible,
.review-panel.is-visible {
    transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0);
}

.category-tile::before,
.best-card::before,
.story-panel::before,
.review-panel::before,
.custom-band::before,
.assurance-strip::before,
.insta-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(232, 189, 115, 0.8), rgba(255, 255, 255, 0.04), rgba(232, 189, 115, 0.38));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.62;
}

.best-card,
.story-panel,
.review-panel,
.custom-band,
.assurance-strip,
.insta-strip {
    position: relative;
    overflow: hidden;
}

.best-card::after,
.story-panel::after,
.review-panel::after,
.custom-band::after {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle, rgba(232, 189, 115, 0.16), transparent 34%);
    opacity: 0;
    transform: translate3d(-18%, 18%, 0);
    transition: opacity 0.28s ease, transform 0.45s ease;
    pointer-events: none;
}

.best-card:hover::after,
.story-panel:hover::after,
.review-panel:hover::after,
.custom-band:hover::after {
    opacity: 1;
    transform: translate3d(8%, -8%, 0);
}

.best-card:hover,
.category-tile:hover,
.story-panel:hover,
.review-panel:hover {
    box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.3),
        0 0 28px rgba(232, 189, 115, 0.14);
}

.best-image button {
    transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease;
}

.best-image button:hover {
    background: var(--gold);
    color: var(--maroon-dark);
    transform: scale(1.12) rotate(-7deg);
}

.best-actions button:hover,
.best-actions a:hover {
    color: #fff4d1;
    transform: translateY(-2px);
}

.assurance-strip article {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.45s ease, transform 0.45s ease, background 0.24s ease;
}

.assurance-strip article.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.assurance-strip article:hover {
    background: rgba(232, 189, 115, 0.08);
}

.assurance-strip article:hover .icon,
.custom-band li:hover .icon {
    animation: iconPop 0.55s ease;
}

.review-thumbs img,
.insta-strip img {
    transition: transform 0.28s ease, filter 0.28s ease, box-shadow 0.28s ease;
}

.review-thumbs img:hover,
.insta-strip img:hover {
    transform: translateY(-4px) scale(1.06);
    filter: saturate(1.12) contrast(1.05);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
}

.insta-strip a:hover,
.story-panel a:hover {
    background: rgba(232, 189, 115, 0.12);
    color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
}

.section-bar.is-visible h2 {
    animation: titleReveal 0.7s ease both;
}

.section-bar.is-visible a {
    animation: titleReveal 0.7s ease both 0.1s;
}

.luxury-footer > div {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.luxury-footer > div.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.luxury-footer a:hover {
    color: var(--gold);
    transform: translateX(3px);
}

.footer-bottom a:hover {
    background: rgba(232, 189, 115, 0.14);
}

@keyframes sweep {
    from {
        transform: translateX(-120%) skewX(-18deg);
    }
    to {
        transform: translateX(120%) skewX(-18deg);
    }
}

@keyframes ripple {
    to {
        transform: scale(2.4);
        opacity: 0;
    }
}

@keyframes goldBreath {
    0%, 100% {
        --shine-angle: 120deg;
        box-shadow: 0 10px 28px rgba(232, 189, 115, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.45);
    }
    50% {
        --shine-angle: 155deg;
        box-shadow: 0 14px 34px rgba(232, 189, 115, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.55);
    }
}

@keyframes heroLight {
    0%, 100% {
        transform: translateX(-20%);
        opacity: 0.7;
    }
    50% {
        transform: translateX(14%);
        opacity: 1;
    }
}

@keyframes titleReveal {
    from {
        opacity: 0;
        transform: translateY(22px);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes logoGlow {
    0%, 100% {
        box-shadow: 0 0 0 rgba(232, 189, 115, 0);
    }
    50% {
        box-shadow: 0 0 24px rgba(232, 189, 115, 0.24);
    }
}

@keyframes cartPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.12);
    }
}

@keyframes phonePulse {
    0%, 100% {
        transform: rotate(0deg) scale(1);
    }
    15% {
        transform: rotate(-9deg) scale(1.08);
    }
    30% {
        transform: rotate(8deg) scale(1.08);
    }
    45% {
        transform: rotate(0deg) scale(1);
    }
}

@keyframes floatIn {
    from {
        opacity: 0;
        transform: translateX(24px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes iconPop {
    0%, 100% {
        transform: scale(1) rotate(0);
    }
    45% {
        transform: scale(1.18) rotate(-8deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

/* Live animated luxury details + 3D icon styling */
.live-sparkles {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;
}

.live-sparkles i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff8d8 0%, var(--gold) 45%, transparent 72%);
    box-shadow: 0 0 18px rgba(232, 189, 115, 0.7);
    opacity: 0;
    animation: liveSparkle 6s linear infinite;
}

.live-sparkles i:nth-child(1) { left: 8%; top: 72%; animation-delay: 0s; }
.live-sparkles i:nth-child(2) { left: 18%; top: 34%; animation-delay: .9s; }
.live-sparkles i:nth-child(3) { left: 31%; top: 82%; animation-delay: 1.8s; }
.live-sparkles i:nth-child(4) { left: 47%; top: 24%; animation-delay: 2.6s; }
.live-sparkles i:nth-child(5) { left: 58%; top: 62%; animation-delay: 3.4s; }
.live-sparkles i:nth-child(6) { left: 69%; top: 18%; animation-delay: 4.2s; }
.live-sparkles i:nth-child(7) { left: 81%; top: 74%; animation-delay: 1.2s; }
.live-sparkles i:nth-child(8) { left: 90%; top: 38%; animation-delay: 2.2s; }
.live-sparkles i:nth-child(9) { left: 38%; top: 48%; animation-delay: 3.1s; }
.live-sparkles i:nth-child(10) { left: 74%; top: 50%; animation-delay: 4.8s; }

.marami-hero {
    perspective: 1200px;
}

.marami-hero-copy {
    transform-style: preserve-3d;
}

.marami-hero-copy h1 {
    text-shadow:
        0 1px 0 rgba(255, 232, 168, 0.35),
        0 14px 34px rgba(0, 0, 0, 0.45);
}

.marami-hero-copy em {
    display: inline-block;
    animation: goldenWordFloat 4.5s ease-in-out infinite;
}

.icon-3d {
    position: relative;
    display: inline-grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(255, 236, 176, 0.55);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(255, 232, 168, 0.28), rgba(90, 3, 54, 0.28) 48%, rgba(22, 0, 13, 0.72)),
        radial-gradient(circle at 32% 20%, rgba(255, 255, 255, 0.34), transparent 32%);
    color: var(--gold);
    box-shadow:
        inset 2px 2px 7px rgba(255, 255, 255, 0.16),
        inset -7px -8px 14px rgba(0, 0, 0, 0.32),
        0 12px 22px rgba(0, 0, 0, 0.28),
        0 0 18px rgba(232, 189, 115, 0.16);
    transform: translateZ(0) rotateX(0deg) rotateY(0deg);
    transition: transform 0.28s ease, box-shadow 0.28s ease, color 0.28s ease;
    animation: icon3DFloat 4.4s ease-in-out infinite;
}

.icon-3d::before {
    content: "";
    position: absolute;
    inset: 6px 8px auto;
    height: 11px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,0.48), rgba(255,255,255,0));
    opacity: 0.65;
    pointer-events: none;
}

.icon-3d::after {
    content: "";
    position: absolute;
    inset: auto 8px -8px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.34);
    filter: blur(8px);
    z-index: -1;
}

.icon-3d .icon {
    width: 25px;
    height: 25px;
    stroke-width: 1.9;
    filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.36));
}

.icon-3d.small {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    animation-delay: .4s;
}

.icon-3d.small .icon {
    width: 21px;
    height: 21px;
}

.assurance-strip article:hover .icon-3d,
.custom-band li:hover .icon-3d,
.floating-actions a:hover .icon,
.utility-nav a:hover .icon {
    transform: translateY(-6px) rotateX(14deg) rotateY(-12deg) scale(1.06);
    color: #fff2bf;
    box-shadow:
        inset 2px 2px 8px rgba(255, 255, 255, 0.24),
        inset -8px -9px 16px rgba(0, 0, 0, 0.34),
        0 18px 30px rgba(0, 0, 0, 0.34),
        0 0 26px rgba(232, 189, 115, 0.32);
}

.assurance-strip article:nth-child(2) .icon-3d { animation-delay: .25s; }
.assurance-strip article:nth-child(3) .icon-3d { animation-delay: .5s; }
.assurance-strip article:nth-child(4) .icon-3d { animation-delay: .75s; }
.assurance-strip article:nth-child(5) .icon-3d { animation-delay: 1s; }
.assurance-strip article:nth-child(6) .icon-3d { animation-delay: 1.25s; }

.category-tile::after,
.best-image::after,
.insta-strip img::after {
    pointer-events: none;
}

.category-tile span {
    text-shadow: 0 6px 18px rgba(0, 0, 0, 0.55);
}

.best-card:hover .best-image::before,
.category-tile:hover::before {
    opacity: 1;
}

.best-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(115deg, transparent 18%, rgba(255, 241, 196, 0.26) 48%, transparent 72%);
    opacity: 0;
    transform: translateX(-80%);
    transition: opacity 0.2s ease;
    animation: liveImageShine 4.6s ease-in-out infinite;
}

.floating-actions a {
    background:
        linear-gradient(145deg, rgba(232, 189, 115, 0.08), transparent),
        rgba(42, 0, 24, 0.86);
}

.floating-actions a:hover {
    background:
        linear-gradient(145deg, rgba(232, 189, 115, 0.18), rgba(90, 3, 54, 0.24)),
        rgba(42, 0, 24, 0.9);
}

.live-orbit {
    position: absolute;
}

@keyframes liveSparkle {
    0% {
        opacity: 0;
        transform: translate3d(0, 28px, 0) scale(0.4);
    }
    12% {
        opacity: 0.95;
    }
    50% {
        opacity: 0.68;
        transform: translate3d(18px, -38px, 0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate3d(-10px, -96px, 0) scale(0.25);
    }
}

@keyframes goldenWordFloat {
    0%, 100% {
        transform: translateY(0) rotateX(0deg);
        text-shadow: 0 0 0 rgba(232, 189, 115, 0);
    }
    50% {
        transform: translateY(-4px) rotateX(5deg);
        text-shadow: 0 0 24px rgba(232, 189, 115, 0.32);
    }
}

@keyframes icon3DFloat {
    0%, 100% {
        transform: translateY(0) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: translateY(-5px) rotateX(8deg) rotateY(-7deg);
    }
}

@keyframes liveImageShine {
    0%, 35% {
        transform: translateX(-85%) skewX(-16deg);
        opacity: 0;
    }
    48% {
        opacity: 0.75;
    }
    65%, 100% {
        transform: translateX(85%) skewX(-16deg);
        opacity: 0;
    }
}

/* Font upgrade, inner-page contrast fixes, and festive firework polish */
:root {
    --font-display: "Cormorant Garamond", Georgia, serif;
    --font-luxury: "Cinzel", Georgia, serif;
    --font-body: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;
}

body {
    font-family: var(--font-body);
}

.luxury-brand strong,
.footer-logo strong,
.luxury-nav,
.top-bar,
.button,
.section-bar h2,
.category-tile span,
.best-card strong,
.assurance-strip strong,
.custom-band p,
.story-panel p,
.review-panel p,
.insta-strip p,
.page-title p,
.section-head p,
.product-info p,
.detail-copy > p:first-child,
.summary p {
    font-family: var(--font-luxury);
}

.marami-hero h1,
.page-title h1,
.section-head h2,
.split-band h2,
.contact-hero h1,
.detail-copy h1,
.custom-band h2,
.story-panel h2,
.review-panel h2,
.feature-row strong,
.service-grid h2,
.product-info h3,
.cart-item h3,
.insta-strip strong {
    font-family: var(--font-display);
}

.page-title {
    position: relative;
    padding: 42px 0 12px;
}

.page-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 86px;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), transparent);
}

.page-title h1,
.section-head h2,
.detail-copy h1,
.contact-hero h1 {
    color: #fff7e6;
    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.34);
}

.page-title p,
.section-head p,
.detail-copy > p:first-child,
.summary p,
.product-info p {
    color: var(--gold);
}

.filters a,
.product-card,
.service-grid article,
.feature-row a,
.story-layout,
.mini-stats span,
.cart-item,
.summary,
.checkout-form,
.empty-state,
.buy-box,
dl,
.angle-row button,
.contact-hero,
.split-band {
    border-color: var(--maroon-line);
    background:
        linear-gradient(145deg, rgba(90, 3, 54, 0.74), rgba(42, 0, 24, 0.82)),
        rgba(42, 0, 24, 0.86);
    color: #fff7e6;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.filters a {
    color: #fff1cf;
}

.filters .active,
.filters a:hover {
    background: linear-gradient(135deg, var(--gold), #f7d88f);
    color: #2a0018;
    border-color: rgba(255, 236, 176, 0.75);
}

.product-info h3,
.cart-item h3,
.service-grid h2,
.feature-row strong,
.story-copy p strong,
dd,
.detail-copy strong,
.empty-state h2,
label {
    color: #fff7e6;
}

.meta,
.meta span,
.story-copy p,
.feature-row span,
.service-grid p,
.detail-copy > p:not(:first-child),
.cart-item p,
.summary span,
dt,
.mini-stats span,
.contact-hero span,
.split-band ol,
.empty-state,
label {
    color: rgba(255, 247, 230, 0.8);
}

.meta span:last-child,
.detail-copy strong,
.summary strong {
    color: var(--gold);
}

.card-actions a,
.button.ghost {
    border-color: var(--maroon-line);
    background: rgba(42, 0, 24, 0.34);
    color: #fff7e6;
}

.card-actions a:hover,
.button.ghost:hover {
    background: rgba(232, 189, 115, 0.12);
    color: var(--gold);
}

.card-actions button,
.button.primary,
.qty-form button {
    background: linear-gradient(135deg, var(--gold), #f7d88f);
    color: #2a0018;
}

dl div {
    background: rgba(255, 255, 255, 0.035);
}

input,
textarea {
    border-color: rgba(232, 189, 115, 0.34);
    background: rgba(24, 0, 14, 0.56);
    color: #fff7e6;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 247, 230, 0.52);
}

input:focus,
textarea:focus {
    outline: 0;
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(232, 189, 115, 0.16);
}

.product-image span {
    background: rgba(42, 0, 24, 0.78);
    color: var(--gold);
    border: 1px solid var(--maroon-line);
}

.angle-row button.active {
    background: rgba(232, 189, 115, 0.1);
    color: var(--gold);
}

.contact-panel .button.primary,
.empty-state .button.primary {
    background: linear-gradient(135deg, var(--gold), #f7d88f);
    color: #2a0018;
}

.fire-ambient {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    mix-blend-mode: screen;
}

.fire-ambient::before,
.fire-ambient::after {
    content: "";
    position: absolute;
    left: -10%;
    right: -10%;
    bottom: -18%;
    height: 42vh;
    background:
        radial-gradient(ellipse at 20% 90%, rgba(255, 98, 31, 0.22), transparent 38%),
        radial-gradient(ellipse at 50% 100%, rgba(255, 185, 78, 0.22), transparent 42%),
        radial-gradient(ellipse at 80% 92%, rgba(255, 74, 44, 0.16), transparent 36%);
    filter: blur(24px);
    opacity: 0.7;
    animation: fireGlow 5.5s ease-in-out infinite;
}

.fire-ambient::after {
    bottom: -24%;
    height: 34vh;
    filter: blur(42px);
    opacity: 0.45;
    animation-duration: 7.5s;
    animation-delay: -2s;
}

.fire-ambient span {
    position: absolute;
    bottom: -20px;
    width: 4px;
    height: 22px;
    border-radius: 999px 999px 50% 50%;
    background: linear-gradient(180deg, rgba(255, 245, 184, 0.95), rgba(255, 147, 43, 0.72), rgba(255, 62, 34, 0));
    box-shadow: 0 0 16px rgba(255, 150, 40, 0.58);
    opacity: 0;
    transform-origin: center bottom;
    animation: emberRise 5.4s linear infinite;
}

.fire-ambient span:nth-child(1) { left: 8%; animation-delay: 0s; animation-duration: 5.2s; }
.fire-ambient span:nth-child(2) { left: 19%; animation-delay: 1.1s; animation-duration: 6.1s; }
.fire-ambient span:nth-child(3) { left: 31%; animation-delay: .45s; animation-duration: 4.8s; }
.fire-ambient span:nth-child(4) { left: 46%; animation-delay: 2s; animation-duration: 6.6s; }
.fire-ambient span:nth-child(5) { left: 58%; animation-delay: .9s; animation-duration: 5.6s; }
.fire-ambient span:nth-child(6) { left: 70%; animation-delay: 2.8s; animation-duration: 6.9s; }
.fire-ambient span:nth-child(7) { left: 82%; animation-delay: 1.7s; animation-duration: 5.1s; }
.fire-ambient span:nth-child(8) { left: 93%; animation-delay: 3.5s; animation-duration: 6.3s; }

.marami-hero::before {
    background:
        radial-gradient(circle at 72% 30%, rgba(232, 189, 115, 0.18), transparent 20rem),
        radial-gradient(circle at 28% 92%, rgba(255, 112, 41, 0.2), transparent 18rem),
        linear-gradient(110deg, transparent, rgba(255, 205, 115, 0.1), transparent);
}

@keyframes fireGlow {
    0%, 100% {
        transform: translateY(0) scaleX(1);
        opacity: 0.52;
    }
    35% {
        transform: translateY(-10px) scaleX(1.05);
        opacity: 0.78;
    }
    70% {
        transform: translateY(-4px) scaleX(0.96);
        opacity: 0.62;
    }
}

@keyframes emberRise {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scaleY(0.5) rotate(0deg);
    }
    12% {
        opacity: 0.85;
    }
    50% {
        opacity: 0.42;
        transform: translate3d(18px, -38vh, 0) scaleY(1) rotate(9deg);
    }
    100% {
        opacity: 0;
        transform: translate3d(-16px, -72vh, 0) scaleY(0.28) rotate(-14deg);
    }
}

/* Final mobile view polish */
@media (max-width: 760px) {
    body {
        overflow-x: hidden;
    }

    .top-bar {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 8px 16px;
        font-size: 0.72rem;
        text-align: center;
    }

    .top-bar a,
    .top-bar span,
    .top-bar span:last-child {
        justify-self: center;
    }

    .luxury-header {
        position: sticky;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 12px;
        padding: 14px 16px;
    }

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

    .luxury-brand .brand-mark {
        width: 44px;
        height: 44px;
        font-size: 28px;
    }

    .luxury-brand strong {
        font-size: 1.05rem;
        letter-spacing: 0.12em;
    }

    .luxury-brand small {
        font-size: 0.58rem;
        letter-spacing: 0.24em;
    }

    .utility-nav {
        width: auto;
        gap: 12px;
        justify-content: end;
    }

    .utility-nav a:nth-child(1),
    .utility-nav a:nth-child(2),
    .utility-nav a:nth-child(3) {
        display: none;
    }

    .luxury-nav {
        grid-column: 1 / -1;
        order: initial;
        width: 100%;
        justify-content: flex-start;
        gap: 18px;
        overflow-x: auto;
        padding: 8px 0 2px;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .luxury-nav::-webkit-scrollbar {
        display: none;
    }

    .luxury-nav a {
        flex: 0 0 auto;
        font-size: 0.68rem;
    }

    .marami-hero {
        min-height: 540px;
    }

    .marami-hero .slides img {
        object-position: 64% center;
    }

    .marami-hero::after {
        background: linear-gradient(0deg, rgba(42, 0, 24, 0.94), rgba(90, 3, 54, 0.46), rgba(42, 0, 24, 0.18));
    }

    .marami-hero-copy {
        width: calc(100% - 32px);
        margin: 0 16px 70px;
        align-self: end;
    }

    .marami-hero h1 {
        font-size: clamp(2.55rem, 14vw, 4.3rem);
        line-height: 0.98;
    }

    .marami-hero p {
        max-width: 330px;
        margin-top: 16px;
        font-size: 0.98rem;
    }

    .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: min(100%, 310px);
        margin-top: 22px;
    }

    .button.gold,
    .button.outline-gold {
        width: 100%;
        min-width: 0;
    }

    .marami-hero .slide-dots {
        bottom: 28px;
    }

    .category-showcase,
    .best-seller-grid,
    .assurance-strip,
    .custom-band,
    .dual-panels,
    .insta-strip,
    .section-bar,
    .product-grid,
    .product-detail,
    .cart-layout,
    .checkout-layout,
    .story-layout,
    .service-grid,
    .gallery-grid,
    .feature-row,
    .page-title,
    .section-head {
        width: calc(100% - 28px);
    }

    .category-showcase,
    .best-seller-grid,
    .assurance-strip,
    .custom-band,
    .dual-panels,
    .insta-strip,
    .product-grid,
    .product-detail,
    .cart-layout,
    .checkout-layout,
    .story-layout,
    .service-grid,
    .gallery-grid,
    .feature-row,
    .story-panel {
        grid-template-columns: 1fr;
    }

    .category-showcase {
        margin-top: 14px;
    }

    .category-tile {
        min-height: 170px;
    }

    .best-card {
        padding: 12px;
    }

    .best-image {
        aspect-ratio: 1.22;
    }

    .assurance-strip {
        padding: 10px;
    }

    .assurance-strip article {
        border-right: 0;
        border-bottom: 1px solid rgba(232, 189, 115, 0.18);
    }

    .assurance-strip article:last-child {
        border-bottom: 0;
    }

    .custom-band {
        gap: 0;
    }

    .custom-band img {
        height: 210px;
    }

    .custom-band div {
        padding: 22px 18px;
    }

    .custom-band ul {
        padding: 0 18px 22px;
    }

    .story-panel,
    .review-panel {
        padding: 18px;
    }

    .review-thumbs {
        flex-wrap: wrap;
    }

    .insta-strip {
        padding: 16px;
    }

    .insta-strip img {
        height: 118px;
    }

    .page-title {
        margin-top: 34px;
        padding-top: 30px;
    }

    .page-title h1,
    .section-head h2,
    .detail-copy h1,
    .contact-hero h1 {
        font-size: clamp(2rem, 11vw, 3.2rem);
    }

    .product-card {
        border-radius: 10px;
    }

    .product-info h3 {
        min-height: auto;
    }

    .card-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .main-photo {
        aspect-ratio: 1;
    }

    .angle-row {
        gap: 8px;
    }

    .angle-row button {
        padding: 6px;
        font-size: 0.68rem;
    }

    dl div {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .buy-box {
        display: grid;
        align-items: stretch;
    }

    .buy-box input,
    .qty-form input {
        width: 100%;
    }

    .cart-item {
        grid-template-columns: 86px 1fr;
        gap: 12px;
        padding: 12px;
    }

    .cart-item img {
        width: 86px;
        height: 86px;
    }

    .qty-form {
        display: grid;
        grid-template-columns: 1fr;
    }

    .summary {
        position: static;
    }

    .checkout-form {
        padding: 16px;
    }

    .contact-hero,
    .split-band {
        padding: 22px;
    }

    .luxury-footer {
        grid-template-columns: 1fr;
        padding: 24px 16px 18px;
    }

    .footer-newsletter form {
        max-width: none;
    }

    .footer-bottom {
        gap: 14px;
        align-items: center;
    }

    .floating-actions {
        display: none;
    }

    .fire-ambient::before,
    .fire-ambient::after {
        height: 28vh;
        filter: blur(34px);
    }
}

/* Final component contrast layer */
.contact-details article,
.birthstones,
.birthstones article,
.shop-search,
.request-form,
.request-info { color: #2b2025; }

.contact-details article > span,
.contact-details article > span .icon,
.contact-details h2,
.birthstones h2,
.request-info h2 { color: #5a0336; text-shadow: none; }

.contact-details h2 { font-family: var(--font-display); font-size: clamp(1.55rem, 2.4vw, 2rem); }

.contact-details p,
.contact-details article > strong,
.birthstones article span,
.request-info p,
.request-info li { color: #65585d; }

.contact-details article > strong,
.request-info strong { color: #6d142f; }

.contact-details a,
.birthstones > p,
.request-info a { color: #5a0336; }

.shop-search label,
.request-form label { color: #2b2025; }

.shop-search input,
.shop-search select,
.request-form input,
.request-form select,
.request-form textarea { border-color: #dfd3cc; background: #fffaf6; color: #2b2025; }

.shop-search input::placeholder,
.request-form input::placeholder,
.request-form textarea::placeholder { color: #776a6f; opacity: 1; }

.contact-details article a:focus-visible,
.request-form :is(input, select, textarea, button):focus-visible,
.shop-search :is(input, select, button):focus-visible { outline: 3px solid rgba(90, 3, 54, 0.28); outline-offset: 2px; }

.mini-stats span { color: rgba(255, 247, 230, 0.88); }
.mini-stats strong { color: #f3ce78; text-shadow: none; }
.mini-stats .icon { color: #f3ce78; stroke: currentColor; }

.vision-mission {
    width: min(1120px, calc(100% - 36px));
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.vision-mission article {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid rgba(232, 189, 115, 0.3);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(90, 3, 54, 0.82), rgba(42, 0, 24, 0.9));
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
}

.vision-mission article::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -70px;
    bottom: -80px;
    border-radius: 50%;
    background: rgba(232, 189, 115, 0.08);
}

.vision-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    margin-bottom: 22px;
    border-radius: 50%;
    background: rgba(243, 206, 120, 0.12);
    color: #f3ce78;
}

.vision-icon .icon { width: 23px; height: 23px; }
.vision-mission p { margin: 0; color: #f3ce78; font-family: var(--font-luxury); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.vision-mission h2 { margin: 12px 0 16px; color: #fff7e6; font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.08; }
.vision-mission article > span:last-child { position: relative; z-index: 1; display: block; color: rgba(255, 247, 230, 0.8); line-height: 1.75; }
.currency-switcher{margin:0}.currency-switcher label{display:flex;align-items:center;gap:6px;color:#f3ce78;font-size:.68rem;font-weight:800;text-transform:uppercase}.currency-switcher select{min-height:36px;padding:0 8px;border:1px solid rgba(243,206,120,.35);border-radius:7px;background:#3b081f;color:#fff7e6;font:inherit;font-weight:800;cursor:pointer}.converted-note{display:block;margin:7px 0 12px;color:#f3ce78;font-weight:700}
.luxury-brand{flex:0 0 auto}.official-logo{display:block;width:clamp(175px,16vw,230px);height:68px;object-fit:contain;object-position:left center}.footer-logo img{display:block;width:min(265px,100%);height:auto;object-fit:contain}

.tracking-layout { width:min(1120px,calc(100% - 36px));margin:0 auto 80px;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:24px;align-items:start }
.tracking-form,.tracking-result { padding:clamp(22px,4vw,36px);border:1px solid rgba(232,189,115,.28);border-radius:18px;background:#fffdf9;color:#2b2025;box-shadow:0 18px 46px rgba(0,0,0,.18) }
.tracking-form label { display:grid;gap:7px;margin-bottom:17px;color:#2b2025;font-weight:750 }
.tracking-form input { width:100%;padding:13px;border:1px solid #dfd3cc;border-radius:10px;background:#fffaf6;color:#2b2025;font:inherit }
.tracking-error { margin-top:18px;padding:13px;border-radius:9px;background:#ffe2e2;color:#921f2b }
.tracking-head { display:flex;justify-content:space-between;gap:20px;align-items:start }
.tracking-head p { margin:0;color:#6d142f;font-weight:800 }.tracking-head h2{margin:6px 0;color:#2b2025;font-family:var(--font-display);font-size:2rem}
.track-status { padding:8px 12px;border-radius:999px;background:#eee;font-weight:800;font-size:.78rem }.track-status.completed{background:#d9f3e5;color:#0e5c3b}.track-status.cancelled{background:#ffe0e0;color:#9d2028}
.tracking-steps { display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0;position:relative }.tracking-steps::before{content:"";position:absolute;left:10%;right:10%;top:18px;height:2px;background:#dfd3cc}
.tracking-steps div { position:relative;z-index:1;display:grid;justify-items:center;gap:8px;text-align:center;color:#87777c;font-size:.8rem }.tracking-steps i{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#eee8e3;font-style:normal;font-weight:800}.tracking-steps .done{color:#6d142f}.tracking-steps .done i{background:#6d142f;color:white}
.tracking-history { margin-top:25px;border-top:1px solid #e4d8d1;padding-top:20px }.tracking-history h3{color:#6d142f}.tracking-history article{display:grid;grid-template-columns:150px 100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.tracking-history article span,.tracking-history article p{margin:0;color:#75676b}.tracking-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.policy-content { width:min(900px,calc(100% - 36px));margin:0 auto 80px;display:grid;gap:16px }.policy-content article,.policy-content aside{padding:clamp(22px,4vw,34px);border-radius:16px}.policy-content article{border:1px solid rgba(232,189,115,.25);background:linear-gradient(145deg,rgba(90,3,54,.72),rgba(42,0,24,.84));color:#fff7e6}.policy-content h2{margin:0 0 12px;color:#f3ce78;font-family:var(--font-display);font-size:1.8rem}.policy-content p{margin:8px 0;color:rgba(255,247,230,.8);line-height:1.75}.policy-content aside{display:grid;gap:9px;background:#fffdf9;color:#2b2025}.policy-content aside strong{color:#6d142f;font-size:1.2rem}.policy-content aside span{color:#65585d}.policy-content aside a{color:#6d142f;font-weight:800}

.luxury-nav a { position: relative; }
.luxury-nav a.active { color: #f3ce78; }
.luxury-nav a.active::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 2px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #d9a94d, #fff0b5);
    box-shadow: 0 0 12px rgba(243, 206, 120, 0.5);
    transform: scaleX(1);
}

@media (max-width: 760px) {
    html,
    body { width: 100%; max-width: 100%; overflow-x: clip; }

    .luxury-header { grid-template-columns: minmax(0, 1fr) auto; }
    .mobile-menu-toggle { display: inline-flex; color: var(--gold); padding: 10px; z-index: 2; }
    .mobile-menu-toggle .icon { width: 25px; height: 25px; }
    .utility-nav { display:flex;grid-column:1/-1;justify-content:flex-start;padding-top:3px; }
    .utility-nav > a { display:none!important; }
    .currency-switcher label span { display:inline; }
    .official-logo { width: 158px; height: 52px; }
    .footer-logo img { width: 220px; }

    .luxury-nav { color: #2b0019; overflow: visible; white-space: normal; }
    .luxury-nav.open { max-height: calc(100vh - 120px); overflow-y: auto; }
    .luxury-nav a.active { border-radius: 8px; background: rgba(90, 3, 54, 0.1); color: #5a0336; }
    .luxury-nav a.active::after { left: 12px; right: auto; width: 42px; bottom: 5px; }
    .luxury-nav .mobile-account-link { display:flex!important;align-items:center;gap:7px; }
    .luxury-nav .mobile-account-link .icon { width:18px;height:18px; }

    .page-title,
    .contact-hero,
    .request-layout,
    .request-form,
    .request-info,
    .contact-details { min-width: 0; max-width: 100%; }

    .page-title h1 { max-width: 100%; font-size: clamp(2.1rem, 10.5vw, 3rem); overflow-wrap: anywhere; }
    .page-title > span { max-width: 100%; overflow-wrap: break-word; }

    .request-layout { grid-template-columns: minmax(0, 1fr); }
    .request-grid { grid-template-columns: minmax(0, 1fr); }
    .request-form label,
    .request-form input,
    .request-form select,
    .request-form textarea { min-width: 0; max-width: 100%; }

    .contact-details article { min-width: 0; overflow-wrap: anywhere; }
    .vision-mission { width: calc(100% - 28px); grid-template-columns: 1fr; gap: 14px; }
    .tracking-layout { width:calc(100% - 24px);grid-template-columns:1fr;gap:14px }.tracking-head{display:grid}.tracking-steps{grid-template-columns:1fr;gap:10px}.tracking-steps::before{left:18px;right:auto;top:8%;bottom:8%;width:2px;height:auto}.tracking-steps div{grid-template-columns:38px 1fr;justify-items:start;align-items:center;text-align:left}.tracking-history article{grid-template-columns:1fr;gap:4px}.policy-content{width:calc(100% - 28px)}
}
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>button{display:flex;align-items:center;gap:5px;padding:12px;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.nav-dropdown>button .icon{width:14px;height:14px;transform:rotate(90deg)}.nav-dropdown-menu{position:absolute;z-index:20;top:100%;left:0;display:none;width:220px;padding:9px;border:1px solid rgba(232,189,115,.3);border-radius:12px;background:#fffaf5;box-shadow:0 16px 35px #32001633}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{padding:10px 12px!important;color:#4a1630!important;border-radius:7px}.nav-dropdown-menu a:hover{background:#f3e5df}.gem-category-grid{width:min(1180px,calc(100% - 36px));margin:0 auto 65px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gem-category-grid article{display:grid;grid-template-columns:190px 1fr;overflow:hidden;border:1px solid rgba(232,189,115,.3);border-radius:16px;background:#fffdf9;color:#2b2025}.gem-category-grid article>div{padding:22px}.gem-category-grid h2{margin:0 0 8px;color:#6d0c35;font-family:var(--font-display)}.gem-category-grid p{margin:0 0 9px;line-height:1.55}.gem-category-grid small{display:block;color:#74666b;line-height:1.5}.gem-category-grid a{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#6d0c35;font-weight:800}.gem-sprite{display:block;min-height:220px;background-image:url('../images/marmi-gem-categories.png');background-size:500% 200%;background-repeat:no-repeat}.gem-sprite-0{background-position:0 0}.gem-sprite-1{background-position:25% 0}.gem-sprite-2{background-position:50% 0}.gem-sprite-3{background-position:75% 0}.gem-sprite-4{background-position:100% 0}.gem-sprite-5{background-position:0 100%}.gem-sprite-6{background-position:25% 100%}.gem-sprite-7{background-position:50% 100%}.gem-sprite-8{background-position:75% 100%}.gem-sprite-9{background-position:100% 100%}.gem-products{width:min(1180px,calc(100% - 36px));margin:0 auto 55px}.gem-empty,.gem-buying-note{padding:26px;border-radius:14px;background:#fffdf9;color:#2b2025}.gem-buying-note{width:min(900px,calc(100% - 36px));margin:0 auto 80px}.gem-buying-note h2{margin-top:0;color:#6d0c35}.card-actions button:disabled,.buy-box button:disabled{background:#8b8185!important;color:white!important;cursor:not-allowed;opacity:.9}
@media(max-width:900px){.gem-category-grid{grid-template-columns:1fr}.gem-category-grid article{grid-template-columns:160px 1fr}}
@media(max-width:760px){.nav-dropdown{display:block}.nav-dropdown>button{width:100%;justify-content:space-between}.nav-dropdown-menu{position:static;display:grid;width:100%;padding:0 0 5px 14px;border:0;background:transparent;box-shadow:none}.nav-dropdown-menu a{font-size:.9rem}.gem-category-grid{width:calc(100% - 24px)}.gem-category-grid article{grid-template-columns:1fr}.gem-sprite{min-height:210px}.gem-products{width:calc(100% - 24px)}}
.gem-collection-hero{width:min(1180px,calc(100% - 36px));margin:42px auto 22px;display:grid;grid-template-columns:1.25fr .75fr;min-height:410px;overflow:hidden;border:1px solid rgba(232,189,115,.3);border-radius:22px;background:linear-gradient(135deg,#4a062c,#730f45);color:#fff7e6}.gem-collection-hero>div{padding:clamp(30px,5vw,64px)}.gem-collection-hero p{color:#f3ce78;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.gem-collection-hero h1{margin:10px 0 16px;font-family:var(--font-display);font-size:clamp(2.7rem,6vw,5rem)}.gem-collection-hero>div>span{display:block;max-width:680px;line-height:1.75;color:rgba(255,247,230,.82)}.gem-facts{display:flex!important;gap:8px;flex-wrap:wrap;margin-top:24px}.gem-facts strong,.gem-facts span{padding:7px 10px;border:1px solid rgba(243,206,120,.28);border-radius:999px;color:#fff7e6;font-size:.75rem}.gem-facts strong{background:#f3ce78;color:#471028}.gem-collection-nav{width:min(1180px,calc(100% - 36px));margin:0 auto 48px;display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px}.gem-collection-nav a{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(232,189,115,.32);border-radius:999px;background:#fffaf5;color:#6d0c35;font-size:.8rem;font-weight:750}.gem-collection-nav a.active{background:#6d0c35;color:#fff}.collection-preview-grid{width:min(1180px,calc(100% - 36px));margin:0 auto 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.collection-preview-grid article{overflow:hidden;border:1px solid rgba(232,189,115,.3);border-radius:15px;background:#fffdf9;color:#2b2025}.collection-preview-grid article>div{padding:17px}.collection-preview-grid h2{margin:0 0 7px;color:#4c1230;font-size:1.1rem}.collection-preview-grid p{min-height:56px;color:#776a6f;font-size:.82rem;line-height:1.5}.collection-preview-grid .button{width:100%;justify-content:center}.collection-gem-photo{display:block;width:100%;min-height:260px;background-repeat:no-repeat;background-color:#fff}.sheet-seven{background-image:url('../images/gem-collections-seven.png');background-size:700% 400%}.sheet-three{background-image:url('../images/gem-collections-three.png');background-size:300% 400%}.sheet-seven.col-0{background-position-x:0}.sheet-seven.col-1{background-position-x:16.6667%}.sheet-seven.col-2{background-position-x:33.3333%}.sheet-seven.col-3{background-position-x:50%}.sheet-seven.col-4{background-position-x:66.6667%}.sheet-seven.col-5{background-position-x:83.3333%}.sheet-seven.col-6{background-position-x:100%}.sheet-three.col-0{background-position-x:0}.sheet-three.col-1{background-position-x:50%}.sheet-three.col-2{background-position-x:100%}.collection-gem-photo.row-0{background-position-y:0}.collection-gem-photo.row-1{background-position-y:33.3333%}.collection-gem-photo.row-2{background-position-y:66.6667%}.collection-gem-photo.row-3{background-position-y:100%}.gem-collection-hero>.collection-gem-photo{min-height:410px}
@media(max-width:950px){.collection-preview-grid{grid-template-columns:repeat(2,1fr)}.gem-collection-hero{grid-template-columns:1fr 320px}}
@media(max-width:700px){.gem-collection-hero{width:calc(100% - 24px);grid-template-columns:1fr}.gem-collection-hero>.collection-gem-photo{min-height:320px;grid-row:1}.gem-collection-hero>div{grid-row:2}.gem-collection-nav,.collection-preview-grid{width:calc(100% - 24px)}.collection-preview-grid{grid-template-columns:1fr 1fr;gap:10px}.collection-gem-photo{min-height:190px}.collection-preview-grid article>div{padding:13px}.collection-preview-grid p{min-height:0}}
.luxury-nav>a,.nav-dropdown>button{font-size:1rem!important;font-weight:700;letter-spacing:.02em}.nav-dropdown-menu a{font-size:.95rem!important;font-weight:650;line-height:1.35}.utility-nav>a{font-size:.92rem}
@media(max-width:940px){.luxury-nav>a,.nav-dropdown>button{font-size:1.05rem!important}.nav-dropdown-menu a{font-size:1rem!important;padding:12px!important}}
.product-card .view-count,.best-card .view-count{color:#f2cedb!important;font-size:.84rem;font-weight:750;opacity:1}.product-card .view-count .icon,.best-card .view-count .icon{color:#f3ce78;stroke:currentColor}.best-card{position:relative}.home-favourite{position:absolute;z-index:8;top:25px;right:25px}.home-favourite .favourite-button{border-color:#ead0d9;background:#fff;color:#6d0c35}.home-favourite .favourite-button.active{background:#6d0c35;color:#fff}.catalogue-price{display:block;margin:8px 0;color:#9a6a19;font-size:1.05rem}.related-heading{margin-top:10px}.related-products{width:min(1180px,calc(100% - 36px));margin:0 auto 80px}
@media(max-width:760px){.home-favourite{top:20px;right:20px}.product-card .view-count,.best-card .view-count{font-size:.9rem}.related-products{width:calc(100% - 24px)}}
.nav-dropdown.active-dropdown>button{color:#f3ce78}.metal-collection-hero{width:min(1180px,calc(100% - 36px));min-height:430px;margin:42px auto 18px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid rgba(232,189,115,.35);border-radius:22px;background:linear-gradient(135deg,#4b092d,#790f47);color:#fff7e6}.metal-collection-hero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,70px)}.metal-collection-hero p{color:#f3ce78;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.metal-collection-hero h1{margin:8px 0 16px;font-family:var(--font-display);font-size:clamp(3rem,6vw,5.2rem)}.metal-collection-hero>div>span{max-width:620px;color:rgba(255,247,230,.82);font-size:1.05rem;line-height:1.75}.metal-collection-hero>div>div{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.metal-collection-hero>img{width:100%;height:100%;min-height:430px;object-fit:cover}.silver-collection{background:linear-gradient(135deg,#24252b,#656874)}.silver-collection p{color:#f2f3f6}.jewellery-type-nav{width:min(1180px,calc(100% - 36px));margin:0 auto 48px;display:flex;gap:9px;flex-wrap:wrap}.jewellery-type-nav a{padding:10px 16px;border:1px solid rgba(232,189,115,.35);border-radius:999px;background:#fffaf5;color:#6d0c35;font-weight:800}.jewellery-type-nav a.active{background:#6d0c35;color:#fff}.metal-products{width:min(1180px,calc(100% - 36px));margin:0 auto 70px}
@media(max-width:760px){.metal-collection-hero{width:calc(100% - 24px);grid-template-columns:1fr}.metal-collection-hero>img{grid-row:1;min-height:280px}.metal-collection-hero>div{grid-row:2}.jewellery-type-nav,.metal-products{width:calc(100% - 24px)}}
.silver-style-grid{width:min(1180px,calc(100% - 36px));margin:0 auto 65px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.silver-style-grid article{overflow:hidden;border:1px solid rgba(220,224,232,.35);border-radius:16px;background:#fffdf9;color:#2b2025}.silver-style-grid article>div{padding:18px}.silver-style-grid h2{margin:0 0 8px;color:#40434d;font-family:var(--font-display);font-size:1.35rem}.silver-style-grid strong{color:#6d0c35;font-size:1.05rem}.silver-style-grid p{min-height:48px;color:#756b70;line-height:1.55}.silver-style-grid .button{width:100%;justify-content:center}.silver-style-photo{display:block;min-height:300px;background-image:url('../images/silver-jewellery-collection.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#f6f5f3}.silver-style-0{background-position:0 0}.silver-style-1{background-position:50% 0}.silver-style-2{background-position:100% 0}.silver-style-3{background-position:0 100%}.silver-style-4{background-position:50% 100%}.silver-style-5{background-position:100% 100%}
@media(max-width:850px){.silver-style-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.silver-style-grid{width:calc(100% - 24px);grid-template-columns:1fr 1fr;gap:10px}.silver-style-photo{min-height:190px}.silver-style-grid article>div{padding:12px}.silver-style-grid h2{font-size:1rem}.silver-style-grid p{min-height:0;font-size:.78rem}.silver-style-grid .button{font-size:.75rem;padding:10px 8px}}
.delivery-tracking-card{display:grid;gap:8px;margin:28px 0;padding:20px;border:1px solid #d6e4ef;border-radius:14px;background:#f5faff;color:#2b2025}.delivery-tracking-card p{margin:0;color:#6d0c35;font-size:.75rem;font-weight:800;text-transform:uppercase}.delivery-tracking-card h3{margin:5px 0;color:#2b2025;font-size:1.5rem}.delivery-tracking-card>a{justify-self:start}.delivery-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 30px}.delivery-steps div{display:grid;justify-items:center;gap:7px;color:#887a7f;text-align:center;font-size:.76rem}.delivery-steps i{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#eee8e3;font-style:normal;font-weight:800}.delivery-steps .done{color:#6d0c35;font-weight:800}.delivery-steps .done i{background:#6d0c35;color:#fff}
@media(max-width:700px){.delivery-steps{grid-template-columns:1fr}.delivery-steps div{grid-template-columns:36px 1fr;justify-items:start;align-items:center;text-align:left}}
.payment-layout{width:min(980px,calc(100% - 36px));margin:0 auto 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}.payment-card,.payment-summary,.payment-success{padding:clamp(24px,4vw,38px);border:1px solid rgba(232,189,115,.32);border-radius:18px;background:#fffdf9;color:#2b2025;box-shadow:0 18px 45px rgba(20,0,10,.18)}.payment-card{display:grid;gap:17px}.payment-card label{display:grid;gap:7px;font-weight:750}.payment-card input{width:100%;padding:13px;border:1px solid #d9cec8;border-radius:9px;background:#fff;color:#2b2025;font:inherit}.payment-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-card-note{display:grid;gap:5px;padding:16px;border:1px solid #e5b94f;border-radius:10px;background:#fff4ca;color:#57400d}.test-card-note strong{width:max-content;padding:4px 8px;border-radius:5px;background:#6d0c35;color:#fff;font-size:.72rem;letter-spacing:.1em}.payment-summary{display:grid;gap:13px}.payment-summary>p{margin:0;color:#6d0c35;font-weight:800;text-transform:uppercase}.payment-summary h2{margin:0 0 10px;font-family:var(--font-display);font-size:1.8rem}.payment-summary>span{display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #e5ddd7}.payment-summary .payment-total{color:#6d0c35;font-size:1.15rem;font-weight:800}.payment-summary small{color:#76696e}.payment-success{width:min(700px,calc(100% - 36px));margin:0 auto 80px;text-align:center}.payment-success>span{display:grid;width:70px;height:70px;place-items:center;margin:0 auto 16px;border-radius:50%;background:#d9f3e5;color:#0e5c3b}.payment-success>span .icon{width:34px;height:34px}.payment-success p{color:#0e5c3b;font-weight:850;text-transform:uppercase}.payment-success h2{margin:8px 0;color:#6d0c35;font-family:var(--font-display);font-size:2.2rem}.payment-success>strong{display:block;color:#2b2025;font-size:1.7rem}.payment-success>div:not(.payment-actions){display:grid;gap:5px;margin:20px}.payment-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.button.whatsapp{background:#16734a;color:#fff}
@media(max-width:760px){.payment-layout{width:calc(100% - 24px);grid-template-columns:1fr}.payment-summary{grid-row:1}.payment-fields{grid-template-columns:1fr}.payment-success{width:calc(100% - 24px)}}
.payment-thank-you{width:min(860px,calc(100% - 36px));text-align:center}.payment-thank-you .thank-you-note{max-width:650px;margin:8px auto 24px!important;color:#65585d;line-height:1.65}.confirmation-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;margin:0!important;text-align:left}.confirmation-grid article{display:grid;gap:5px;padding:15px;border:1px solid #e5ddd7;border-radius:10px;background:#fffaf6}.confirmation-grid small{color:#76696e}.confirmation-grid b{color:#4b1730;overflow-wrap:anywhere}.confirmation-details,.confirmation-items{margin-top:24px;text-align:left}.confirmation-details h3,.confirmation-items h3{margin:0 0 12px;color:#6d0c35;font-family:var(--font-display);font-size:1.35rem}.confirmation-details dl{display:grid;gap:0;margin:0;border:1px solid #e5ddd7;border-radius:10px;overflow:hidden}.confirmation-details dl div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:12px 15px;background:#fff}.confirmation-details dl div+div{border-top:1px solid #e5ddd7}.confirmation-details dt{color:#76696e}.confirmation-details dd{color:#2b2025;overflow-wrap:anywhere}.confirmation-items>div{display:flex;justify-content:space-between;gap:16px;padding:13px 4px;border-bottom:1px solid #e5ddd7}.confirmation-items>div>span{display:grid;gap:4px}.confirmation-items small{color:#76696e}.confirmation-items .confirmation-total{padding-top:17px;border-bottom:0;color:#6d0c35;font-size:1.15rem}.payment-thank-you .payment-actions{margin:28px 0 0!important}
@media(max-width:620px){.payment-thank-you{width:calc(100% - 24px)}.confirmation-grid{grid-template-columns:1fr}.confirmation-details dl div{grid-template-columns:1fr;gap:4px}.payment-thank-you .payment-actions{display:grid}.payment-thank-you .payment-actions .button{width:100%;justify-content:center}}
/* Supplied Marmi services artwork */
.marmi-services-banner{width:min(1050px,calc(100% - 48px));margin:34px auto;overflow:hidden;border-radius:14px;background:#5b0029;box-shadow:0 14px 38px #3500162e}
.marmi-services-banner img{display:block;width:100%;height:auto}
.arabic-services-banner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:22px;background:linear-gradient(135deg,#5b0029,#2a0018);color:#fff8ec;text-align:center}.arabic-services-banner strong{grid-column:1/-1;margin-bottom:14px;color:#f3ce78;font-family:Tahoma,Arial,sans-serif;font-size:1.45rem}.arabic-services-banner span{padding:12px 8px;border:1px solid rgba(243,206,120,.25);font-weight:700}
@media(max-width:600px){.marmi-services-banner{width:calc(100% - 28px);margin:24px auto;border-radius:9px}}

/* Portrait brand artwork needs a taller display box to remain readable. */
.luxury-header{padding-top:8px;padding-bottom:8px}
.luxury-brand{min-width:116px}
.official-logo{width:116px;height:112px;object-fit:contain;object-position:center}
@media(max-width:940px){.official-logo{width:92px;height:88px}.luxury-brand{min-width:92px}}
@media(max-width:480px){.official-logo{width:78px;height:74px}.luxury-brand{min-width:78px}}
.verification-result{margin-top:20px;padding:24px;border:1px solid rgba(232,189,115,.45);border-radius:16px;background:#fffdf9;color:#2b2025}.verification-result h2{color:#16734a}.cart-layout .summary .reservation-timer{display:block;margin:12px 0;padding:10px;border:1px solid #e4c66d;border-radius:9px;background:#fff0c2;color:#5b3d00;font-weight:750}.cart-layout .summary .reservation-timer strong{font-size:inherit!important;color:#5b3d00!important}.cart-layout .summary .text-button{justify-content:center;color:#fff1cf;font-weight:750}.cart-layout .summary .text-button .icon{color:#f3ce78}.cart-layout .summary .text-button:hover{color:#fff;background:rgba(255,255,255,.1)}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(1100px,calc(100% - 32px));margin:32px auto}.profile-grid .checkout-form{width:100%;margin:0}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}}

/* Checkout contrast: the global maroon card theme must not hide form text. */
.checkout-form .checkout-step-panel[hidden] {
    display: none !important;
}

.checkout-form .checkout-step-panel h2 {
    color: #f6d88f;
    text-shadow: none;
}

.checkout-form .checkout-step-panel label {
    color: #fff7e6;
}

.checkout-form .checkout-step-panel label small,
.checkout-form .checkout-step-panel .field-help {
    color: #eadbdc;
}

.checkout-form .checkout-step-panel input,
.checkout-form .checkout-step-panel select,
.checkout-form .checkout-step-panel textarea {
    border-color: rgba(255, 255, 255, 0.38);
    background: #fffaf6;
    color: #2b2025;
}

.checkout-form .checkout-step-panel input::placeholder,
.checkout-form .checkout-step-panel textarea::placeholder {
    color: #76696d;
    opacity: 1;
}

.checkout-form .checkout-steps button {
    border: 1px solid #ded1cb;
    background: #f5efeb;
    color: #675a60;
}

.checkout-form .checkout-steps button i {
    background: #fff;
    color: #675a60;
}

.checkout-form .checkout-steps button.active {
    border-color: #d9a94e;
    background: #6d0c35;
    color: #fff;
}

.checkout-form .checkout-steps button.active i {
    background: #fff;
    color: #6d0c35;
}

.checkout-form .step-controls button {
    border-color: #f1cf81;
    background: #fffaf6;
    color: #5a0336;
}

.checkout-form .step-controls [data-next] {
    background: #f1cf81;
    color: #2a0018;
}

.checkout-payment-notice {
    grid-column: 1 / -1;
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid rgba(241, 207, 129, 0.7);
    border-radius: 10px;
    background: rgba(255, 250, 246, 0.1);
    color: #fff7e6;
}

.checkout-payment-notice strong {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #f6d88f;
}

.checkout-payment-notice .icon {
    width: 18px;
    height: 18px;
}

.checkout-payment-notice span {
    color: #eadbdc;
    line-height: 1.5;
}

/* Final responsive guardrails shared by every customer-facing page. */
html {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    min-width: 0;
    overflow-wrap: anywhere;
}

img,
video,
iframe,
svg {
    max-width: 100%;
}

input,
select,
textarea,
button {
    max-width: 100%;
}

@media (max-width: 940px) {
    .luxury-header {
        position: sticky !important;
        top: 0;
        z-index: 100;
        grid-template-columns: minmax(0, 1fr) 48px !important;
        width: 100%;
    }

    button.mobile-menu-toggle {
        position: static !important;
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        visibility: visible !important;
        opacity: 1 !important;
    }

    button.mobile-menu-toggle::after {
        content: "\2630";
    }

    .luxury-brand {
        min-width: 0 !important;
        padding-right: 8px !important;
    }

    .official-logo {
        width: 88px !important;
        max-width: 100%;
        height: 58px !important;
    }

    .utility-nav {
        min-width: 0;
        flex-wrap: wrap;
        gap: 8px 12px !important;
    }

    .luxury-nav {
        position: absolute !important;
        top: 100% !important;
        left: 0;
        right: 0;
        max-height: calc(100dvh - 72px);
        overflow-y: auto;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
    }
}

@media (max-width: 760px) {
    .page-title,
    .section-heading,
    .story-layout,
    .product-grid,
    .category-grid,
    .feature-row,
    .gallery-grid,
    .service-grid,
    .checkout-layout,
    .cart-layout,
    .product-detail {
        min-width: 0;
    }

    .page-title,
    .section-heading {
        width: calc(100% - 24px);
    }

    .product-grid,
    .category-grid,
    .gallery-grid,
    .service-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .checkout-form,
    .summary,
    .request-form,
    .request-info,
    .payment-card,
    .payment-summary {
        min-width: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .step-controls,
    .payment-actions,
    .cart-actions,
    .card-actions {
        flex-wrap: wrap;
    }

    .step-controls > *,
    .payment-actions > * {
        flex: 1 1 140px;
        justify-content: center;
    }

    table {
        min-width: 560px;
    }

    .table-wrap {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 420px) {
    .utility-nav {
        font-size: .78rem;
    }

    .currency-switcher {
        max-width: 105px !important;
    }

    .site-header .button,
    .site-header button,
    .utility-nav a {
        min-height: 44px;
    }

    .silver-style-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
html[dir="rtl"] body{direction:rtl;text-align:right}html[dir="rtl"] .nav-dropdown-menu{right:0;left:auto}html[dir="rtl"] .luxury-nav,html[dir="rtl"] .utility-nav{flex-direction:row-reverse}.language-switcher button{border:0;background:transparent;color:inherit;font-weight:800;cursor:pointer}
@media(max-width:940px){.luxury-header{display:grid!important;grid-template-columns:1fr auto!important;min-height:auto!important;padding:8px 12px!important}.luxury-brand{min-width:0}.official-logo{width:88px!important;height:58px!important;object-fit:contain!important}.mobile-menu-toggle{display:inline-flex!important;grid-column:2;grid-row:1;align-self:center;justify-self:end;width:48px;height:48px;border:1px solid rgba(243,206,120,.35)!important;border-radius:12px!important}.utility-nav{grid-column:1/-1!important;grid-row:2;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%;padding:5px 0 0!important}.utility-nav form{margin:0}.currency-switcher label span{font-size:.66rem}.currency-switcher select{min-height:38px!important}.top-bar{min-height:38px;padding:6px 10px!important;font-size:.68rem}.top-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.luxury-nav{top:100%!important}}
@media(max-width:940px){.luxury-header{position:relative!important}.mobile-menu-toggle{position:absolute!important;display:flex!important;right:12px!important;top:14px!important;z-index:50!important;background:#f3ce78!important;color:#4a001f!important}.mobile-menu-toggle svg{display:block!important;color:#4a001f!important;stroke:currentColor!important}.utility-nav{justify-content:flex-start!important;gap:14px!important;padding-right:0!important}.currency-switcher{margin:0!important;max-width:120px!important}.currency-switcher label{display:flex!important;align-items:center!important;gap:7px!important}.currency-switcher select{width:66px!important;padding:0 7px!important}.language-switcher{flex:0 0 auto}.luxury-brand{padding-right:62px!important}}
@media(max-width:940px){button.mobile-menu-toggle{position:fixed!important;top:50px!important;right:10px!important;display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;width:46px!important;height:46px!important;padding:9px!important}button.mobile-menu-toggle:after{content:"☰";display:block;color:#4a001f;font-size:1.35rem;line-height:1}button.mobile-menu-toggle .icon{display:none!important}}

/* Keep this last so the mobile control stays inside the header. */
@media(max-width:940px){
    button.mobile-menu-toggle{position:absolute!important;top:12px!important;right:12px!important;display:grid!important;place-items:center!important;z-index:110!important}
    button.mobile-menu-toggle:after{content:"\2630"}
    .luxury-header{position:sticky!important;top:0!important;grid-template-columns:minmax(0,1fr) 48px!important}
    .luxury-nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;max-height:calc(100dvh - 72px);overflow-y:auto!important;overflow-x:hidden!important}
}
@media(max-width:480px){
    .marami-hero h1{max-width:100%;font-size:clamp(2.25rem,11.5vw,3.35rem);line-height:1.02;overflow-wrap:anywhere}
}

/* Compact customer experience for phones. Desktop and admin are unchanged. */
@media(max-width:600px){
    main{overflow:hidden}

    .marami-hero{
        min-height:390px!important;
        height:390px;
    }
    .marami-hero .slides img{object-position:62% center}
    .marami-hero::after{background:linear-gradient(0deg,rgba(42,0,24,.94),rgba(42,0,24,.44) 62%,rgba(42,0,24,.12))}
    .marami-hero-copy{
        width:calc(100% - 28px);
        margin:0 14px 35px;
    }
    .marami-hero h1{
        max-width:330px;
        font-size:clamp(2rem,10.5vw,2.75rem);
        line-height:1;
    }
    .marami-hero p{
        max-width:315px;
        margin:10px 0 0;
        font-size:.86rem;
        line-height:1.45;
    }
    .hero-eyebrow{margin-bottom:6px;font-size:.68rem}
    .hero-actions{
        grid-template-columns:1fr 1fr;
        gap:8px;
        width:100%;
        margin-top:14px;
    }
    .hero-actions .button{
        min-height:44px;
        padding:9px 8px;
        font-size:.72rem;
        text-align:center;
    }
    .marami-hero .slide-dots{bottom:12px}

    .category-showcase,
    .best-seller-grid,
    .product-grid,
    .collection-preview-grid,
    .silver-style-grid{
        width:calc(100% - 20px);
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:9px;
    }
    .category-showcase{margin-top:10px}
    .category-tile{
        min-height:128px;
        padding:12px;
        border-radius:10px;
    }
    .category-tile span{font-size:1rem}
    .category-tile small{gap:4px;margin-top:4px;font-size:.65rem}

    .marmi-services-banner{
        width:calc(100% - 20px);
        margin:12px auto;
        border-radius:8px;
        box-shadow:0 7px 20px #35001624;
    }
    .marmi-services-banner img{
        display:block;
        width:100%;
        height:auto;
        max-height:none;
        object-fit:contain;
    }

    .section-bar{
        width:calc(100% - 20px);
        margin-top:18px;
        margin-bottom:9px;
    }
    .section-bar h2{font-size:.95rem}
    .section-bar a{font-size:.73rem}

    .best-card,
    .product-card{
        gap:6px;
        min-width:0;
        padding:8px;
        border-radius:10px;
    }
    .best-image,
    .product-image{
        height:132px;
        aspect-ratio:auto;
        border-radius:8px;
    }
    .best-image img,
    .product-image img{object-fit:cover}
    .best-card h3,
    .product-card h2{
        min-height:0;
        margin:2px 0 0;
        font-size:.78rem;
        line-height:1.25;
    }
    .best-card strong,
    .catalogue-price{font-size:.82rem}
    .best-card .view-count,
    .product-card .view-count{
        margin:2px 0;
        font-size:.67rem!important;
    }
    .home-favourite,
    .favourite-form{top:13px;right:13px}
    .favourite-button{width:36px;height:36px}
    .best-actions{
        justify-content:space-between;
        gap:4px;
        padding-top:6px;
    }
    .best-actions button,
    .best-actions a{
        min-height:40px;
        padding:5px;
        font-size:.68rem;
    }

    .assurance-strip{
        width:calc(100% - 20px);
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:1px;
        margin-top:12px;
        padding:6px;
    }
    .assurance-strip article{
        min-height:94px;
        align-content:center;
        padding:9px 5px;
        border:0!important;
        background:rgba(255,255,255,.025);
    }
    .assurance-strip .icon-3d{width:32px;height:32px}
    .assurance-strip strong{font-size:.68rem}
    .assurance-strip span{font-size:.67rem}

    .custom-band,
    .dual-panels,
    .insta-strip{
        width:calc(100% - 20px);
        margin-top:12px;
    }
    .custom-band img{height:145px}
    .custom-band div{padding:15px 13px 10px}
    .custom-band h2,
    .story-panel h2,
    .review-panel h2{margin-bottom:8px;font-size:1.35rem}
    .custom-band div>span,
    .story-panel div>span,
    .review-panel blockquote{font-size:.82rem;line-height:1.5}
    .custom-band .button{min-height:44px;margin-top:12px}
    .custom-band ul{
        grid-template-columns:1fr 1fr;
        gap:8px;
        padding:0 13px 14px;
    }
    .custom-band li{gap:6px;font-size:.7rem}

    .story-panel,
    .review-panel{padding:14px}
    .story-panel{gap:12px}
    .story-panel img{
        height:135px;
        grid-row:1;
    }
    .story-panel div{grid-row:2}
    .story-panel a{min-height:42px;margin-top:12px}
    .review-panel .rating{gap:6px;margin-bottom:10px;font-size:.76rem}
    .review-thumbs{flex-wrap:nowrap;gap:7px;margin-top:12px}
    .review-thumbs img{
        width:calc((100% - 14px)/3);
        height:68px;
    }

    .insta-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
        padding:10px;
    }
    .insta-strip>div,
    .insta-strip>a{grid-column:1/-1}
    .insta-strip img{height:92px}
    .insta-strip strong{font-size:1.1rem}

    .gem-collection-hero,
    .metal-collection-hero{
        min-height:0;
        margin-top:14px;
    }
    .gem-collection-hero>.collection-gem-photo,
    .metal-collection-hero>img{
        min-height:180px;
        height:180px;
    }
    .gem-collection-hero>div,
    .metal-collection-hero>div{padding:20px 16px}
    .gem-collection-hero h1,
    .metal-collection-hero h1{font-size:2rem}
    .collection-gem-photo{min-height:140px}
    .gem-sprite{min-height:150px}
    .silver-style-photo{min-height:145px}

    .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
    .gallery-tile img{height:145px}

    .page-title{margin-top:14px!important;padding-top:22px!important}
    .page-title h1{font-size:2rem!important}
}

@media(max-width:360px){
    .marami-hero{height:370px;min-height:370px!important}
    .marami-hero h1{font-size:2rem}
    .best-image,.product-image{height:116px}
    .category-tile{min-height:112px}
}

@media(max-width:600px){
    button.mobile-menu-toggle{
        display:grid!important;
        visibility:visible!important;
        opacity:1!important;
        width:46px!important;
        height:46px!important;
        padding:0!important;
        border:1px solid #f3ce78!important;
        border-radius:10px!important;
        background:#f3ce78!important;
        color:#4a001f!important;
    }
    button.mobile-menu-toggle::after{
        display:block!important;
        color:#4a001f!important;
        font-size:1.35rem!important;
        line-height:1!important;
    }

    /* Keep the mobile homepage concise: two rows, four products maximum. */
    .best-seller-grid .best-card:nth-child(n+5){
        display:none!important;
    }

    /* Two-sided mobile footer instead of one long single column. */
    .luxury-footer{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:22px 14px;
        padding:22px 14px 16px;
    }
    .luxury-footer>div{
        min-width:0;
    }
    .footer-newsletter,
    .footer-bottom{
        grid-column:1/-1!important;
    }
    .footer-newsletter form{
        width:100%;
        max-width:none;
    }
    .luxury-footer a,
    .luxury-footer span{
        overflow-wrap:anywhere;
        font-size:.76rem;
        line-height:1.45;
    }
    .luxury-footer h4{
        font-size:.72rem;
    }
    .footer-contact .icon{
        flex:0 0 auto;
    }
    .footer-logo{
        align-content:center!important;
    }
    .footer-logo img{
        width:min(130px,100%)!important;
    }
}

/* Compact two-column gemstone guide for phones. */
@media(max-width:600px){
    .gem-category-grid{
        width:calc(100% - 16px)!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        align-items:stretch;
        gap:8px!important;
        margin-bottom:28px;
    }
    .gem-category-grid article{
        display:flex!important;
        min-width:0;
        height:100%;
        flex-direction:column!important;
        border-radius:11px;
    }
    .gem-category-grid .gem-sprite{
        width:100%;
        min-height:150px!important;
        height:150px;
        flex:0 0 150px;
        background-size:500% auto!important;
        background-color:#f7f1e8;
    }
    .gem-category-grid .gem-sprite-0,
    .gem-category-grid .gem-sprite-1,
    .gem-category-grid .gem-sprite-2,
    .gem-category-grid .gem-sprite-3,
    .gem-category-grid .gem-sprite-4{
        background-position-y:8.333%!important;
    }
    .gem-category-grid .gem-sprite-5,
    .gem-category-grid .gem-sprite-6,
    .gem-category-grid .gem-sprite-7,
    .gem-category-grid .gem-sprite-8,
    .gem-category-grid .gem-sprite-9{
        background-position-y:91.667%!important;
    }
    .gem-category-grid article>div{
        display:flex;
        min-width:0;
        flex:1 1 auto;
        flex-direction:column;
        padding:10px 9px!important;
    }
    .gem-category-grid h2{
        min-height:2.4em;
        margin:0 0 6px;
        font-size:.9rem;
        line-height:1.2;
    }
    .gem-category-grid p{
        margin:0;
        font-size:.7rem;
        line-height:1.4;
    }
    .gem-category-grid small{
        display:none;
    }
    .gem-category-grid a{
        min-height:38px;
        align-items:center;
        margin-top:auto;
        padding-top:9px;
        font-size:.68rem;
        line-height:1.2;
    }
    .gem-category-grid a .icon{
        flex:0 0 14px;
        width:14px;
        height:14px;
    }
}

.silver-buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.silver-buy-actions button{min-height:44px;padding:8px;border:1px solid #6d0c35;border-radius:8px;background:#fff;color:#6d0c35;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.silver-buy-actions button:last-child{background:#6d0c35;color:#fff}
@media(max-width:600px){
    .silver-buy-actions{grid-template-columns:minmax(0,1fr)!important;gap:6px;width:100%;margin-top:auto}
    .silver-buy-actions button{width:100%!important;min-height:40px!important;padding:7px 4px!important;font-size:.66rem!important;white-space:nowrap}
}

/* Mobile navigation drawer UX */
.mobile-nav-head,
.mobile-nav-actions,
.mobile-nav-backdrop{display:none}

@media(max-width:940px){
    .mobile-nav-backdrop{
        position:fixed;
        z-index:1900;
        inset:0;
        width:100%;
        height:100%;
        padding:0;
        border:0;
        background:rgba(28,0,16,.64);
        backdrop-filter:blur(3px);
        -webkit-backdrop-filter:blur(3px);
    }
    body.mobile-nav-open .mobile-nav-backdrop{display:block}

    .luxury-nav.open{
        position:fixed!important;
        z-index:2000!important;
        top:0!important;
        right:0!important;
        bottom:0!important;
        left:auto!important;
        display:block!important;
        width:min(88vw,370px)!important;
        height:100vh!important;
        height:100dvh!important;
        min-height:0!important;
        padding:0 12px calc(26px + env(safe-area-inset-bottom))!important;
        border:0!important;
        border-radius:18px 0 0 18px;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        background:linear-gradient(180deg,#fffaf6 0%,#fff 62%,#f9eee8 100%)!important;
        box-shadow:-18px 0 55px rgba(42,0,24,.32)!important;
        animation:mobileDrawerIn .24s ease-out both;
    }
    @keyframes mobileDrawerIn{
        from{opacity:.65;transform:translateX(24px)}
        to{opacity:1;transform:translateX(0)}
    }
    .mobile-nav-head{
        position:sticky!important;
        z-index:3;
        top:0;
        display:flex!important;
        width:calc(100% + 24px)!important;
        min-height:82px;
        align-items:center;
        justify-content:space-between;
        margin:0 -12px 8px!important;
        padding:calc(13px + env(safe-area-inset-top)) 14px 12px;
        background:linear-gradient(135deg,#3b071e,#710b3e);
        box-shadow:0 7px 20px rgba(62,5,35,.18);
        color:#fff;
    }
    .mobile-nav-head>div{display:grid;gap:3px}
    .mobile-nav-head small{
        color:#eacb82;
        font-size:.65rem;
        font-weight:800;
        letter-spacing:.1em;
        text-transform:uppercase;
    }
    .mobile-nav-head strong{
        color:#fff;
        font-family:Georgia,serif;
        font-size:1.35rem;
    }
    .mobile-nav-close{
        display:grid;
        width:44px;
        height:44px;
        place-items:center;
        padding:0;
        border:1px solid rgba(255,255,255,.28);
        border-radius:50%;
        background:rgba(255,255,255,.1);
        color:#fff;
        font-size:1.65rem;
        line-height:1;
    }

    .luxury-nav.open>*:not(.mobile-nav-head):not(.mobile-nav-actions){
        width:100%!important;
        margin:0!important;
    }
    .luxury-nav.open>a,
    .luxury-nav.open .nav-dropdown>button{
        display:flex!important;
        min-height:50px!important;
        align-items:center!important;
        padding:11px 12px!important;
        border:0!important;
        border-bottom:1px solid #ecdfd9!important;
        border-radius:9px!important;
        background:transparent!important;
        color:#3f1830!important;
        font-size:.86rem!important;
        font-weight:800!important;
        letter-spacing:.02em;
    }
    .luxury-nav.open>a::before{
        content:"";
        width:7px;
        height:7px;
        margin-right:10px;
        border:1px solid #9a5a75;
        border-radius:50%;
        background:#fff;
    }
    .luxury-nav.open>a.active{
        background:#f3e2e8!important;
        color:#6d0c35!important;
    }
    .luxury-nav.open>a.active::before{
        border-color:#6d0c35;
        background:#6d0c35;
        box-shadow:0 0 0 4px rgba(109,12,53,.1);
    }
    .luxury-nav.open .nav-dropdown>button .icon{
        width:17px;
        height:17px;
        margin-left:auto;
        color:#8f526d;
    }
    .luxury-nav.open .nav-dropdown.expanded>button{
        background:#f8ebef!important;
        color:#6d0c35!important;
    }
    .luxury-nav.open .nav-dropdown-menu{
        gap:3px;
        padding:6px 6px 9px 20px!important;
    }
    .luxury-nav.open .nav-dropdown-menu a{
        display:flex!important;
        min-height:43px!important;
        align-items:center!important;
        padding:8px 11px!important;
        border:0!important;
        border-radius:8px!important;
        background:#fff!important;
        color:#644155!important;
        font-size:.78rem!important;
        box-shadow:0 2px 8px rgba(55,10,33,.05);
    }
    .luxury-nav.open .mobile-account-link{display:none!important}
    .mobile-nav-actions{
        display:grid!important;
        grid-template-columns:1fr 1fr;
        gap:8px;
        width:100%!important;
        margin:16px 0 0!important;
        padding-top:14px;
        border-top:1px solid #e4d4cd;
    }
    .mobile-nav-actions a{
        display:flex!important;
        min-height:48px!important;
        align-items:center;
        justify-content:center;
        gap:7px;
        padding:8px!important;
        border:1px solid #6d0c35!important;
        border-radius:10px!important;
        background:#fff!important;
        color:#6d0c35!important;
        font-size:.75rem!important;
        font-weight:800;
        text-align:center;
    }
    .mobile-nav-actions .mobile-nav-whatsapp{
        border-color:#16734a!important;
        background:#16734a!important;
        color:#fff!important;
    }
    .mobile-nav-actions .icon{width:17px;height:17px}

    html[dir="rtl"] .luxury-nav.open{
        right:auto!important;
        left:0!important;
        border-radius:0 18px 18px 0;
        box-shadow:18px 0 55px rgba(42,0,24,.32)!important;
        animation-name:mobileDrawerInRtl;
    }
    @keyframes mobileDrawerInRtl{
        from{opacity:.65;transform:translateX(-24px)}
        to{opacity:1;transform:translateX(0)}
    }
    html[dir="rtl"] .luxury-nav.open>a::before{
        margin-right:0;
        margin-left:10px;
    }
    html[dir="rtl"] .luxury-nav.open .nav-dropdown-menu{
        padding-right:20px!important;
        padding-left:6px!important;
    }
}

/* Equal-height silver design cards with aligned request buttons. */
@media(max-width:600px){
    .silver-style-grid{align-items:stretch!important}
    .silver-style-grid article{
        display:flex!important;
        height:100%!important;
        flex-direction:column!important;
    }
    .silver-style-grid article>div{
        display:flex!important;
        min-height:0;
        flex:1 1 auto;
        flex-direction:column!important;
    }
    .silver-style-grid h2{
        display:-webkit-box;
        min-height:2.5em!important;
        overflow:hidden;
        line-height:1.25;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .silver-style-grid p{
        min-height:4.5em!important;
        margin-bottom:10px;
        line-height:1.5;
    }
    .silver-style-grid .button{
        width:100%!important;
        min-height:40px!important;
        margin-top:auto!important;
        padding:7px 4px!important;
        font-size:.62rem!important;
        line-height:1.1;
        white-space:nowrap;
    }
}

/* Keep shop-card actions readable inside the compact two-column mobile grid. */
@media(max-width:600px){
    .product-grid{
        align-items:stretch!important;
    }
    .product-grid .product-card{
        display:flex!important;
        height:100%!important;
        flex-direction:column!important;
    }
    .product-grid .product-card .product-info{
        display:flex!important;
        min-height:0;
        flex:1 1 auto;
        flex-direction:column!important;
    }
    .product-grid .product-card .card-actions{
        margin-top:auto!important;
        padding-top:8px;
    }
    .product-card .card-actions{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:6px!important;
        width:100%!important;
        margin-top:6px;
    }
    .product-card .card-actions>a,
    .product-card .card-actions>button{
        display:flex!important;
        width:100%!important;
        min-width:0!important;
        min-height:40px!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        padding:6px 4px!important;
        border-radius:8px!important;
        font-size:.67rem!important;
        line-height:1.1!important;
        writing-mode:horizontal-tb!important;
        word-break:normal!important;
        overflow-wrap:normal!important;
        white-space:nowrap!important;
    }
    .product-card .card-actions .icon{
        flex:0 0 14px;
        width:14px;
        height:14px;
    }
}

/* Reliable Safari slideshow compositing and consistent mobile actions. */
.marami-hero .slides,
.marami-hero .slides img{
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    will-change:opacity,transform;
}

@media(max-width:760px){
    main form button[type="submit"]:not(.favourite-button):not(.text-button):not(.remove-item),
    main form input[type="submit"],
    main .request-form button,
    main .payment-card button{
        display:inline-flex;
        min-height:46px;
        align-items:center;
        justify-content:center;
        padding:10px 16px;
        border:1px solid #d5a74d;
        border-radius:9px;
        background:#6d0c35;
        color:#fff;
        font:inherit;
        font-weight:800;
        line-height:1.2;
        text-align:center;
        cursor:pointer;
    }
    main a.button,
    main .button{
        min-height:46px;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        text-align:center;
    }
    main form button[type="submit"]:disabled,
    main .button:disabled{
        opacity:.58;
        cursor:not-allowed;
    }
}

/* Complete RTL treatment for the Arabic mobile homepage. */
@media(max-width:760px){
    html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}
    html[dir="rtl"] .top-bar,
    html[dir="rtl"] .marami-hero-copy,
    html[dir="rtl"] .section-bar,
    html[dir="rtl"] .category-tile,
    html[dir="rtl"] .best-card,
    html[dir="rtl"] .custom-band,
    html[dir="rtl"] .story-panel,
    html[dir="rtl"] .review-panel,
    html[dir="rtl"] .insta-strip,
    html[dir="rtl"] .luxury-footer{
        direction:rtl;
        text-align:right;
    }
    html[dir="rtl"] .marami-hero-copy{margin-right:14px;margin-left:14px}
    html[dir="rtl"] .marami-hero h1,
    html[dir="rtl"] .marami-hero p{margin-right:0;margin-left:auto;text-align:right}
    html[dir="rtl"] .hero-actions{direction:rtl}
    html[dir="rtl"] .category-tile small,
    html[dir="rtl"] .section-bar a,
    html[dir="rtl"] .best-actions a,
    html[dir="rtl"] .story-panel a,
    html[dir="rtl"] .insta-strip a{flex-direction:row-reverse}
    html[dir="rtl"] .category-tile small .icon,
    html[dir="rtl"] .section-bar a .icon,
    html[dir="rtl"] .story-panel a .icon{transform:scaleX(-1)}
    html[dir="rtl"] .home-favourite,
    html[dir="rtl"] .favourite-form{right:auto;left:13px}
    html[dir="rtl"] .custom-band li{flex-direction:row}
    html[dir="rtl"] .luxury-footer>div{justify-items:start;text-align:right}
    html[dir="rtl"] .footer-newsletter form{direction:rtl}
    html[dir="rtl"] .footer-newsletter input{border-radius:0 4px 4px 0}
    html[dir="rtl"] .footer-newsletter button{border-radius:4px 0 0 4px}
    html[dir="rtl"] .footer-contact a,
    html[dir="rtl"] .footer-contact span{display:flex;align-items:flex-start;gap:6px}
    html[dir="rtl"] .arabic-services-banner{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
        padding:13px 10px;
    }
    html[dir="rtl"] .arabic-services-banner strong{
        grid-column:1/-1;
        margin-bottom:2px;
        font-size:1.05rem;
    }
    html[dir="rtl"] .arabic-services-banner span{
        display:grid;
        min-height:42px;
        place-items:center;
        padding:7px 5px;
        font-size:.72rem;
    }
}

/* Customer mobile drawer: scroll independently to every navigation item. */
@media(max-width:940px){
    body.mobile-nav-open{overflow:hidden!important;touch-action:none}
    .luxury-nav.open{
        position:fixed!important;
        z-index:1000!important;
        top:var(--mobile-nav-top,100px)!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        display:block!important;
        width:100%!important;
        height:calc(100vh - var(--mobile-nav-top,100px))!important;
        height:calc(100dvh - var(--mobile-nav-top,100px))!important;
        min-height:240px!important;
        max-height:none!important;
        padding:8px 10px calc(42px + env(safe-area-inset-bottom))!important;
        overflow-x:hidden!important;
        overflow-y:scroll!important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        touch-action:pan-y;
        background:#fffaf6!important;
        box-shadow:0 16px 35px rgba(42,0,24,.28)!important;
    }
    .luxury-nav.open>*{
        position:relative!important;
        float:none!important;
        clear:both!important;
        width:100%!important;
        margin:0!important;
    }
    .luxury-nav.open>a,
    .luxury-nav.open .nav-dropdown>button{
        display:flex!important;
        width:100%!important;
        min-height:46px!important;
        align-items:center!important;
        padding:10px 8px!important;
        color:#4a1630!important;
        font-size:.82rem!important;
        line-height:1.25!important;
        text-align:left!important;
        white-space:normal!important;
        border-bottom:1px solid #eadfd9!important;
        background:transparent!important;
    }
    .luxury-nav.open .nav-dropdown{
        display:block!important;
        flex:0 0 auto!important;
        width:100%!important;
    }
    .luxury-nav.open .nav-dropdown-menu{
        position:static!important;
        display:none!important;
        width:100%!important;
        padding:0 0 6px 12px!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    .luxury-nav.open .nav-dropdown.expanded .nav-dropdown-menu{
        display:grid!important;
    }
    .luxury-nav.open .nav-dropdown>button .icon{
        margin-left:auto;
        transition:transform .2s ease;
    }
    .luxury-nav.open .nav-dropdown.expanded>button .icon{
        transform:rotate(270deg);
    }
    .luxury-nav.open .nav-dropdown-menu a{
        min-height:42px!important;
        align-items:center!important;
        padding:9px 8px!important;
        color:#5b2840!important;
        font-size:.78rem!important;
    }
    html[dir="rtl"] .luxury-nav.open>a,
    html[dir="rtl"] .luxury-nav.open .nav-dropdown>button{
        text-align:right!important;
    }
    html[dir="rtl"] .luxury-nav.open .nav-dropdown-menu{
        padding-right:12px!important;
        padding-left:0!important;
    }
    html[dir="rtl"] .luxury-nav.open .nav-dropdown>button .icon{
        margin-right:auto;
        margin-left:0;
    }
}

/* Customer panel: order history and saved jewellery */
.account-dashboard{scroll-margin-top:110px}
.account-summary button{padding:18px;border:1px solid rgba(232,189,115,.3);border-radius:14px;background:#fffdf9;color:#2b2025;text-align:left;cursor:pointer;font:inherit;transition:transform .2s ease,border-color .2s ease}
.account-summary button:hover{transform:translateY(-2px);border-color:#f3ce78}
.account-summary button small,.account-summary button strong,.account-summary button span{display:block}
.account-summary button small{color:#796c70}.account-summary button strong{margin-top:7px;color:#6d0c35;font-size:1.45rem}.account-summary button span{margin-top:4px;color:#9a6a19;font-size:.76rem;font-weight:800}
.account-signout{align-self:center;justify-content:center}
.account-tabs{position:sticky;top:92px;z-index:20;padding:10px;border:1px solid rgba(232,189,115,.24);border-radius:16px;background:rgba(65,0,31,.94);backdrop-filter:blur(12px)}
.account-tabs button{display:flex;align-items:center;gap:7px}.account-tabs button .icon{width:17px;height:17px}.account-tabs button b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#f4e4cf;color:#6d0c35;font-size:.7rem}.account-tabs button.active b{background:#fff;color:#6d0c35}
.account-tab-panel{padding:4px 0 24px}.account-tab-panel[hidden]{display:none!important}
.account-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:24px 0 18px}.account-panel-heading small{color:#e9bf70;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.account-panel-heading h2{margin:3px 0 0;color:#fff7e6;font-family:var(--font-display);font-size:2rem}
.account-empty{padding:28px;border:1px dashed rgba(232,189,115,.42);border-radius:15px;background:rgba(255,255,255,.04);text-align:center}.account-empty strong{color:#fff7e6;font-size:1.2rem}.account-empty p{margin:8px 0 18px;color:#eadde3}
.account-order-card{display:block!important;padding:18px!important}.account-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #eaded8}.account-order-head small,.account-order-facts small{display:block;margin-bottom:4px;color:#796c70;font-size:.72rem}.account-order-head a{color:#6d0c35;font-weight:900}
.account-status{padding:6px 10px;border-radius:999px;background:#f2e8df;color:#6d0c35;font-size:.72rem;font-weight:850;text-transform:capitalize}.account-status.completed{background:#dff4e8;color:#17623d}.account-status.cancelled{background:#fde2e2;color:#8b1f2d}.account-status.processing,.account-status.confirmed{background:#fff0c9;color:#73500a}
.account-order-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px 0}.account-order-facts strong{display:block;color:#302329;font-size:.85rem;overflow-wrap:anywhere}.account-order-actions{display:flex;gap:9px;justify-content:flex-end}.account-order-actions .button{min-height:42px;padding:8px 15px}
.account-saved-grid{width:100%;margin:0}.account-service-list,.account-review-list,.account-addresses,.account-security{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.account-service-list article,.account-review-list article,.account-addresses article,.account-security article{display:grid;gap:6px;padding:17px;border:1px solid rgba(232,189,115,.3);border-radius:13px;background:#fffdf9;color:#2b2025}.account-service-list article small,.account-security article small{color:#796c70}.account-profile-actions{display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:600px){
    .account-page-title{padding-bottom:22px}.account-page-title h1{font-size:2rem}
    .account-dashboard{width:calc(100% - 20px);margin-bottom:45px}
    .account-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
    .account-summary button{min-width:0;padding:11px 8px;border-radius:11px;text-align:center}.account-summary button small{min-height:30px;font-size:.67rem;line-height:1.25}.account-summary button strong{font-size:1.3rem}.account-summary button span{display:none}.account-summary .account-signout{grid-column:1/-1;min-height:42px}
    .account-tabs{top:78px;gap:6px;margin:14px -2px 8px;padding:7px;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.account-tabs button{min-height:42px;padding:0 12px;font-size:.72rem;white-space:nowrap}
    .account-panel-heading{align-items:stretch;margin:18px 0 12px}.account-panel-heading h2{font-size:1.45rem}.account-panel-heading .button{min-height:42px;padding:8px 11px;font-size:.7rem;text-align:center}
    .account-order-card{padding:13px!important;border-radius:11px!important}.account-order-head a{font-size:.88rem}.account-order-facts{grid-template-columns:1fr 1fr;gap:11px 8px;padding:13px 0}.account-order-facts span{padding:9px;border-radius:8px;background:#faf3ed}.account-order-actions{display:grid;grid-template-columns:1fr 1fr}.account-order-actions .button{width:100%;justify-content:center;font-size:.73rem}
    .account-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
    .account-service-list,.account-review-list,.account-addresses,.account-security{grid-template-columns:1fr}.account-review-list .checkout-form{width:100%;padding:16px}.account-profile-actions{display:grid}.account-profile-actions .button{width:100%;justify-content:center}
}

/* Compact currency control and correct physical corners in the Arabic mobile header. */
.currency-label-icon{display:none}
@media(max-width:940px){
    .currency-label-text{display:none!important}
    .currency-label-icon{display:grid!important;width:34px;height:34px;place-items:center;border:1px solid rgba(243,206,120,.3);border-radius:50%;background:rgba(243,206,120,.1);color:#f3ce78}
    .currency-label-icon .icon{width:18px;height:18px}
    .currency-switcher{max-width:none!important}
    .currency-switcher label{gap:6px!important}

    html[dir="rtl"] .luxury-header{direction:ltr;grid-template-columns:48px minmax(0,1fr)!important}
    html[dir="rtl"] .luxury-brand{grid-column:2;grid-row:1;justify-self:end;padding:0!important}
    html[dir="rtl"] .official-logo{object-position:right center!important}
    html[dir="rtl"] button.mobile-menu-toggle{right:auto!important;left:10px!important;grid-column:auto!important;justify-self:auto!important}
    html[dir="rtl"] .utility-nav{direction:rtl;grid-column:1/-1!important;flex-direction:row!important;justify-content:flex-start!important;padding-right:0!important;padding-left:0!important}
}