/* ═══════════════════════════════════════════════════════════════════
   House of Makam — luxury minimal theme
   Loaded after the template (core-style.css) and FloraSphere's own
   style.css, so everything here is an override. Most of the palette
   change happens through the tokens: the inherited stylesheet already
   reads its colours from these variables.
═══════════════════════════════════════════════════════════════════ */

:root {
    /* Surfaces */
    --paper:        #fbf9f6;
    --ivory:        #f6f2ec;
    --ivory-dark:   #eee7de;
    --ivory-border: #e3d9cc;
    --blush:        #efe2da;

    /* Ink (replaces the forest greens and the dark-green "noir") */
    --noir:         #1c1a17;
    --noir-mid:     #2a2622;
    --noir-border:  #e3d9cc;
    --forest-dark:  #1c1a17;
    --forest-mid:   #2a2622;
    --forest-light: #a88a5f;
    --forest-pale:  #d9c7ab;

    /* Champagne accent */
    --gold:         #a88a5f;
    --gold-dark:    #8c7049;
    --gold-light:   #e6d8c0;

    /* Text */
    --text-dark:    #1c1a17;
    --text-mid:     #5b544c;
    --text-muted:   #958b7f;
    --text-sidebar: #5b544c;

    --shadow-sm:    0 1px 3px rgba(28,26,23,.06);
    --shadow-md:    0 10px 30px rgba(28,26,23,.08);
    --shadow-lg:    0 24px 60px rgba(28,26,23,.12);
    --radius-sm:    0;
    --radius-md:    2px;
    --radius-lg:    2px;
    --transition:   .45s cubic-bezier(.2,.7,.2,1);

    --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --sans:  'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background-color: var(--ivory) !important; color: var(--text-dark) !important; font-weight: 400; }
::selection { background: var(--gold-light); color: var(--noir); }

h1, h2, h3, h4, h5, h6 { font-weight: 400 !important; letter-spacing: 0 !important; }
h1 em, h2 em, h3 em { font-style: italic; color: var(--gold-dark); }

/* ── Shared vocabulary ─────────────────────────────────────────── */
.luxe-eyebrow {
    font-family: var(--sans) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    letter-spacing: .32em !important;
    text-transform: uppercase;
    color: var(--gold-dark) !important;
    margin: 0 0 18px !important;
}
.luxe-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 17px 38px;
    background: var(--noir); color: var(--paper) !important;
    font-family: var(--sans) !important; font-size: 11px !important; font-weight: 500;
    letter-spacing: .26em; text-transform: uppercase; text-decoration: none !important;
    border: 1px solid var(--noir);
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.luxe-btn:hover { background: transparent; color: var(--noir) !important; }
.luxe-btn-light { background: var(--paper); color: var(--noir) !important; border-color: var(--paper); }
.luxe-btn-light:hover { background: transparent; color: var(--paper) !important; }
.luxe-link {
    position: relative; display: inline-block; padding: 4px 0;
    font-size: 11px !important; font-weight: 500; letter-spacing: .26em; text-transform: uppercase;
    color: var(--noir) !important; text-decoration: none !important;
}
.luxe-link::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    background: currentColor; transform-origin: right; transition: transform var(--transition);
}
.luxe-link:hover::after { transform: scaleX(0); }
.luxe-tag {
    position: absolute; top: 14px; left: 14px; z-index: 2;
    padding: 5px 10px; background: var(--paper); color: var(--noir) !important;
    font-size: 9.5px !important; font-weight: 500; letter-spacing: .24em; text-transform: uppercase;
}

.wordmark {
    display: inline-block;
    font-family: var(--serif) !important;
    font-size: 27px !important; font-weight: 400; line-height: 1;
    letter-spacing: .02em; color: var(--noir) !important; white-space: nowrap;
}
.wordmark em { font-style: italic; color: var(--gold-dark); }

/* ── Buttons inherited from the template: ghost → solid ink ─────── */
.amado-btn, .btn.amado-btn {
    border-color: var(--noir) !important; color: var(--noir) !important;
    font-size: 10.5px !important; letter-spacing: .26em !important; padding: 14px 26px !important;
}
.amado-btn:hover, .btn.amado-btn:hover,
.amado-btn.active, .btn.amado-btn.active {
    background-color: var(--noir) !important; color: var(--paper) !important; border-color: var(--noir) !important;
}

/* ═══ Sidebar: paper column, ink type ═════════════════════════════ */
.header-area {
    background: var(--paper) !important;
    border-right: 1px solid var(--ivory-border) !important;
    padding: 48px 40px !important;
}
.header-area .logo { border-bottom: 0 !important; padding-bottom: 36px !important; margin-bottom: 0 !important; }
.header-area .logo a { text-decoration: none !important; }
.amado-nav ul li a {
    color: var(--text-mid) !important;
    font-size: 11px !important; font-weight: 500 !important; letter-spacing: .28em !important;
    padding: 15px 0 !important; border-bottom: 1px solid var(--ivory-border) !important;
}
.amado-nav ul li:first-child a { border-top: 1px solid var(--ivory-border) !important; }
.amado-nav ul li.active a, .amado-nav ul li a:hover { color: var(--noir) !important; }
.amado-nav ul li.active a::before { background: var(--gold) !important; width: 18px; }
.main-content-wrapper .header-area .amado-nav li a::after { display: none !important; }
.cart-count-badge {
    background: var(--noir) !important; color: var(--paper) !important;
    font-size: 9px !important; font-weight: 500 !important;
}
#sign-in-btn { margin: 32px 0 0 !important; }
#sign-in-btn .amado-btn {
    background: transparent !important; color: var(--noir) !important; border-color: var(--noir) !important;
    font-size: 10px !important; letter-spacing: .26em !important; padding: 14px 18px !important;
}
#sign-in-btn .amado-btn:hover { background: var(--noir) !important; color: var(--paper) !important; }
#sign-in-btn .amado-btn i.fa-google { font-size: 12px !important; }

.luxe-concierge {
    margin-top: 40px !important; padding-top: 28px !important;
    border-top: 1px solid var(--ivory-border) !important;
    gap: 8px !important;
}
.luxe-concierge .luxe-eyebrow { margin-bottom: 6px !important; }
.luxe-concierge a {
    white-space: nowrap;
    font-family: var(--serif) !important; font-size: 17px !important; letter-spacing: 0 !important;
    color: var(--noir) !important; font-weight: 400 !important;
}
.luxe-concierge a:hover { color: var(--gold-dark) !important; }
.luxe-fine { font-size: 11.5px !important; color: var(--text-muted) !important; margin: 0 !important; letter-spacing: .02em; }

.mobile-nav { background-color: var(--paper) !important; border-bottom: 1px solid var(--ivory-border) !important; }
.mobile-nav .amado-navbar-brand a { display: flex; align-items: center; height: 100%; text-decoration: none !important; }
.mobile-nav .wordmark { font-size: 23px !important; }
.amado-navbar-toggler span { background-color: var(--noir) !important; height: 1px !important; }
.main-content-wrapper .header-area .nav-close { background-color: var(--noir) !important; color: var(--paper) !important; }

/* ═══ Home ════════════════════════════════════════════════════════ */
.lp-page .main-content-wrapper { display: flex; }
.lp-main { flex: 1; min-width: 0; overflow-x: hidden; background: var(--ivory); }

.h-hero {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    align-items: center; gap: clamp(32px, 5vw, 96px);
    min-height: min(100vh, 940px); padding: clamp(48px, 7vw, 110px) clamp(24px, 6vw, 96px);
}
.h-hero h1 {
    font-family: var(--serif) !important;
    font-size: clamp(46px, 5.6vw, 92px) !important; line-height: .98 !important;
    font-weight: 300 !important; letter-spacing: -.015em !important;
    margin: 0 0 30px !important;
}
.h-hero h1 em { display: block; }
.h-lede { max-width: 440px; font-size: 16px !important; line-height: 1.85; color: var(--text-mid) !important; margin: 0 0 44px !important; }
.h-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 34px; }
.h-hero-media { position: relative; padding: 0 0 64px 0; }
.h-hero-main { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--blush); }
.h-hero-main img, .h-hero-inset img { width: 100%; height: 100%; object-fit: cover; display: block; }
.h-hero-main img { animation: luxe-drift 18s ease-in-out infinite alternate; }
.h-hero-inset {
    position: absolute; left: -12%; bottom: 0; width: 42%; aspect-ratio: 4 / 5; margin: 0;
    overflow: hidden; border: 10px solid var(--ivory); box-shadow: var(--shadow-lg);
}
.h-hero-caption {
    position: absolute; right: 0; bottom: 14px; margin: 0 !important;
    font-family: var(--serif) !important; font-style: italic; font-size: 17px !important; color: var(--text-mid) !important;
}
.h-hero-caption span {
    font-family: var(--sans) !important; font-style: normal; font-size: 10px !important;
    letter-spacing: .28em; text-transform: uppercase; color: var(--gold-dark) !important; margin-right: 12px;
}
@keyframes luxe-drift { from { transform: scale(1.02); } to { transform: scale(1.08) translateY(-1.5%); } }

.h-ribbon { overflow: hidden; border-top: 1px solid var(--ivory-border); border-bottom: 1px solid var(--ivory-border); background: var(--paper); }
.h-ribbon-track { display: flex; width: max-content; align-items: center; gap: 36px; padding: 20px 0; animation: luxe-marquee 38s linear infinite; }
.h-ribbon-track span { font-family: var(--serif) !important; font-size: 21px !important; font-style: italic; color: var(--noir) !important; white-space: nowrap; }
.h-ribbon-track i { font-style: normal; font-size: 10px; color: var(--gold); }
@keyframes luxe-marquee { to { transform: translateX(-50%); } }

.h-section { padding: clamp(72px, 9vw, 140px) clamp(24px, 6vw, 96px); }
.h-head { max-width: 620px; margin-bottom: clamp(40px, 5vw, 64px); }
.h-head-row { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.h-section h2, .h-editorial h2, .h-closing h2 {
    font-family: var(--serif) !important; font-size: clamp(34px, 3.6vw, 56px) !important;
    line-height: 1.05 !important; font-weight: 300 !important; margin: 0 !important;
}

.h-collections { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 24px); }
.h-tile { position: relative; display: block; text-decoration: none !important; }
.h-tile-media { display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--ivory-dark); }
.h-tile-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.h-tile:hover .h-tile-media img { transform: scale(1.06); }
.h-tile-name { display: block; margin-top: 18px; font-family: var(--serif) !important; font-size: 26px !important; color: var(--noir) !important; }
.h-tile-cta {
    display: inline-block; margin-top: 6px; font-size: 10px !important; letter-spacing: .28em; text-transform: uppercase;
    color: var(--text-muted) !important; transition: color var(--transition);
}
.h-tile:hover .h-tile-cta { color: var(--noir) !important; }

.h-editorial {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center;
    gap: clamp(32px, 6vw, 110px); padding: 0 clamp(24px, 6vw, 96px) clamp(40px, 5vw, 80px);
}
.h-editorial-media { margin: 0; aspect-ratio: 1 / 1; overflow: hidden; background: var(--blush); }
.h-editorial-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.h-editorial-copy > p:not(.luxe-eyebrow) { max-width: 460px; margin: 28px 0 36px !important; font-size: 15.5px !important; line-height: 1.9; color: var(--text-mid) !important; }
.h-principles { list-style: none; margin: 0; padding: 0; max-width: 460px; }
.h-principles li {
    display: flex; gap: 22px; align-items: baseline; padding: 18px 0;
    border-top: 1px solid var(--ivory-border); font-size: 14.5px !important; color: var(--noir) !important;
}
.h-principles li:last-child { border-bottom: 1px solid var(--ivory-border); }
.h-principles span { font-family: var(--serif) !important; font-style: italic; font-size: 17px !important; color: var(--gold-dark) !important; }

.h-products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 28px); }
.h-card { display: block; text-decoration: none !important; }
.h-card-media { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--ivory-dark); }
.h-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .8s ease, transform 1.2s cubic-bezier(.2,.7,.2,1); }
.h-card-media .h-card-alt { opacity: 0; }
.h-card:hover .h-card-media img { transform: scale(1.03); }
.h-card:hover .h-card-alt { opacity: 1; }
.h-card-cat { display: block; margin-top: 18px; font-size: 9.5px !important; letter-spacing: .28em; text-transform: uppercase; color: var(--text-muted) !important; }
.h-card-name { display: block; margin-top: 7px; font-family: var(--serif) !important; font-size: 21px !important; line-height: 1.2; color: var(--noir) !important; }
.h-card-price { display: block; margin-top: 8px; font-size: 13px !important; letter-spacing: .04em; color: var(--text-mid) !important; }

.h-service {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 clamp(24px, 6vw, 96px); border-top: 1px solid var(--ivory-border);
}
.h-service > div { padding: 56px 40px 64px 0; }
.h-service > div + div { padding-left: 40px; border-left: 1px solid var(--ivory-border); }
.h-service-no { font-family: var(--serif) !important; font-style: italic; font-size: 22px !important; color: var(--gold-dark) !important; margin: 0 0 22px !important; }
.h-service h3 { font-family: var(--serif) !important; font-size: 27px !important; margin: 0 0 12px !important; }
.h-service p:not(.h-service-no) { font-size: 14.5px !important; line-height: 1.85; color: var(--text-mid) !important; margin: 0 !important; }

.h-closing {
    margin-top: clamp(40px, 6vw, 96px); padding: clamp(80px, 11vw, 170px) 24px;
    text-align: center; background: var(--noir);
}
.h-closing .luxe-eyebrow { color: var(--gold) !important; }
.h-closing h2 { color: var(--paper) !important; margin-bottom: 44px !important; }
.h-closing h2 em { color: var(--gold-light) !important; }
.h-closing-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 32px; }

.lp-footer {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px;
    padding: 40px clamp(24px, 6vw, 96px); background: var(--noir); border-top: 1px solid #332e29;
}
.lp-footer .wordmark { color: var(--paper) !important; font-size: 22px !important; }
.lp-footer-links { display: flex; flex-wrap: wrap; gap: 28px; }
.lp-footer-links a { font-size: 10.5px !important; letter-spacing: .26em; text-transform: uppercase; color: #b8ada0 !important; text-decoration: none !important; }
.lp-footer-links a:hover { color: var(--paper) !important; }
.lp-footer p { width: 100%; margin: 0 !important; font-size: 11.5px !important; color: #7d746a !important; }

/* Motion: arrive once, gently */
@media (prefers-reduced-motion: no-preference) {
    .h-hero-copy > * { animation: luxe-rise 1.1s cubic-bezier(.2,.7,.2,1) both; }
    .h-hero-copy > *:nth-child(2) { animation-delay: .08s; }
    .h-hero-copy > *:nth-child(3) { animation-delay: .16s; }
    .h-hero-copy > *:nth-child(4) { animation-delay: .24s; }
    .h-hero-media { animation: luxe-fade 1.6s ease both .1s; }
}
@media (prefers-reduced-motion: reduce) {
    .h-hero-main img, .h-ribbon-track { animation: none !important; }
}
@keyframes luxe-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes luxe-fade { from { opacity: 0; } to { opacity: 1; } }

@media (max-width: 1199px) {
    .h-collections, .h-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .h-hero { grid-template-columns: 1fr; min-height: 0; }
    .h-hero-media { max-width: 520px; margin-left: 12%; }
    .h-editorial { grid-template-columns: 1fr; }
    .h-service { grid-template-columns: 1fr; }
    .h-service > div, .h-service > div + div { padding: 40px 0; border-left: 0; }
    .h-service > div + div { border-top: 1px solid var(--ivory-border); }
}
@media (max-width: 767px) {
    .h-hero { padding-top: 40px; }
    .h-hero-media { margin-left: 16%; }
    .h-hero-inset { border-width: 6px; }
    .h-head-row { flex-direction: column; align-items: flex-start; }
    .h-collections, .h-products { gap: 12px; }
    .h-tile-name { font-size: 21px !important; margin-top: 12px; }
    .h-card-name { font-size: 18px !important; }
}

/* ═══ Shop ════════════════════════════════════════════════════════ */
.main-content-wrapper .shop_sidebar_area { background: var(--ivory) !important; border-right: 1px solid var(--ivory-border) !important; }
.shop_sidebar_area .widget-title, .shop_sidebar_area h6.widget-title {
    font-family: var(--sans) !important; font-size: 10.5px !important; font-weight: 500 !important;
    letter-spacing: .3em !important; text-transform: uppercase; color: var(--gold-dark) !important;
}
.catagories-menu ul li a { font-size: 14px !important; color: var(--text-mid) !important; letter-spacing: .02em; }
.catagories-menu ul li a.category-active, .catagories-menu ul li a:hover { color: var(--noir) !important; }
.catagories-menu ul li a.category-active { border-left-color: var(--noir) !important; }
.category-star { color: var(--gold) !important; }

#shop-search-bar { border: 1px solid var(--ivory-border) !important; border-radius: 0 !important; background: var(--paper) !important; }
#shop-search-bar:focus-within { border-color: var(--noir) !important; box-shadow: none !important; }
#shop-search-input { font-size: 14px !important; color: var(--noir) !important; }
#shop-search-input::placeholder { color: var(--text-muted) !important; font-style: italic; }
#total-label { font-size: 11px !important; letter-spacing: .2em; text-transform: uppercase; color: var(--text-muted) !important; }
.sort-btn { border: 1px solid var(--ivory-border) !important; border-radius: 0 !important; background: transparent !important; color: var(--text-mid) !important; font-size: 11px !important; letter-spacing: .12em; }
.sort-btn.active { background: var(--noir) !important; border-color: var(--noir) !important; color: var(--paper) !important; }
#view-toggle { border: 1px solid var(--ivory-border) !important; border-radius: 0 !important; }
#view-toggle .view-btn { background: transparent !important; width: 36px; height: 34px; }
#view-toggle .view-btn + .view-btn { border-left: 1px solid var(--ivory-border) !important; }
#view-toggle .view-btn.active-view { background: var(--noir) !important; }

#product-list-container.row, #oos-list-container.row { column-gap: clamp(14px, 1.6vw, 26px) !important; row-gap: 36px !important; }
.single-product-wrapper { margin-bottom: 0 !important; }
.single-product-wrapper {
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    overflow: visible !important;
}
.single-product-wrapper:hover { box-shadow: none !important; }
.single-product-wrapper .product-img { background: var(--ivory-dark) !important; }
.single-product-wrapper .product-img img { transition: opacity .8s ease, transform 1.2s cubic-bezier(.2,.7,.2,1) !important; }
.single-product-wrapper:hover .product-img .main-img { transform: scale(1.03); }
.single-product-wrapper .product-description, .nrc-info {
    background: transparent !important; border: 0 !important; padding: 18px 0 0 !important; margin: 0 !important;
}
.single-product-wrapper .product-description .line, .nrc-info .line { display: none !important; }
.single-product-wrapper .product-meta-data { display: flex; flex-direction: column; }
.single-product-wrapper .product-meta-data > a { order: -1; text-decoration: none !important; }
.single-product-wrapper .product-meta-data > div { flex-wrap: wrap; row-gap: 8px; margin-top: 8px; }
.single-product-wrapper .product-description h6, .nrc-info h6 {
    font-family: var(--serif) !important; font-size: 20px !important; line-height: 1.25 !important;
    color: var(--noir) !important; margin: 0 !important;
}
.single-product-wrapper .product-description .product-price {
    font-family: var(--sans) !important; font-size: 13.5px !important; font-weight: 400 !important;
    letter-spacing: .06em !important; color: var(--text-mid) !important; margin: 0 !important;
}

.shop-size-pill, .shop-size-trigger {
    border-radius: 0 !important; border: 1px solid var(--ivory-border) !important; background: transparent !important;
    font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: .04em; color: var(--text-mid) !important; padding: 4px 9px !important;
}
.shop-size-pill.active, .shop-size-trigger { border-color: var(--noir) !important; color: var(--noir) !important; box-shadow: none !important; }
.shop-size-caret { fill: var(--noir) !important; }
.shop-size-menu { border-radius: 0 !important; border-color: var(--ivory-border) !important; box-shadow: var(--shadow-md) !important; }
.shop-size-option { border-radius: 0 !important; }

.product-cart-row { margin-top: 16px !important; gap: 10px; }
.product-cart-row > div:first-child { border: 1px solid var(--ivory-border) !important; border-radius: 0 !important; background: transparent; }
.product-cart-row .qty-minus-btn, .product-cart-row .qty-plus-btn { background: transparent !important; color: var(--text-mid); }
.product-cart-row .qty-input { background: transparent !important; color: var(--noir); }
.add-to-cart-shop-button {
    width: auto !important; height: 34px !important; padding: 0 16px !important; gap: 8px;
    background: var(--noir) !important; border-radius: 0 !important; border: 1px solid var(--noir) !important;
}
.add-to-cart-shop-button::after {
    content: 'Add'; color: var(--paper); font-family: var(--sans); font-size: 10px; font-weight: 500;
    letter-spacing: .26em; text-transform: uppercase;
}
.add-to-cart-shop-button img { width: 15px !important; height: 15px !important; }
.add-to-cart-shop-button:hover { background: transparent !important; transform: none !important; }
.add-to-cart-shop-button:hover::after { color: var(--noir); }
.add-to-cart-shop-button:hover img { filter: brightness(0) !important; }

.new-plant-ribbon { width: auto !important; height: auto !important; top: 14px !important; left: 14px !important; overflow: visible !important; }
.new-plant-ribbon span {
    position: static !important; display: block; width: auto !important; padding: 5px 10px !important;
    transform: none !important; background: var(--paper) !important; box-shadow: none !important;
    color: var(--noir) !important; font-size: 9.5px !important; font-weight: 500 !important; letter-spacing: .24em !important;
}
#product-list-container.is-list-view .new-plant-list-badge { background: var(--noir) !important; border-radius: 0 !important; font-weight: 500 !important; }

/* No market chosen yet: the price stays a soft blur and the call to action is a quiet outline */
.nrc-price-blur { color: var(--noir) !important; font-size: 15px !important; font-weight: 400 !important; margin: 8px 0 0 !important; order: 0; }
.single-product-wrapper .product-description.nrc-info { display: flex !important; flex-direction: column; }
.nrc-info > a:not(.nrc-contact-btn) { order: -1; text-decoration: none !important; }
.nrc-contact-btn {
    align-self: flex-start; justify-content: center; margin-top: 16px !important; padding: 11px 16px !important;
    background: transparent !important; border: 1px solid var(--noir) !important; border-radius: 0 !important;
    color: var(--noir) !important; font-size: 9.5px !important; font-weight: 500 !important; letter-spacing: .24em !important;
}
.nrc-contact-btn:hover { background: var(--noir) !important; color: var(--paper) !important; opacity: 1 !important; }
.nrc-wa-circle { display: none !important; }
.price-contact-btn { background: var(--noir) !important; color: var(--paper) !important; border-radius: 0 !important; font-weight: 500 !important; letter-spacing: .24em !important; }
.price-contact-btn:hover { background: var(--gold-dark) !important; color: var(--paper) !important; }

/* ═══ Product page ════════════════════════════════════════════════ */
.single-product-area { padding-top: clamp(32px, 4vw, 64px) !important; }
.single-product-area .breadcrumb { background: transparent !important; padding: 0 !important; margin-bottom: 36px !important; }
.single-product-area .breadcrumb-item, .single-product-area .breadcrumb-item a {
    font-size: 10.5px !important; letter-spacing: .24em !important; text-transform: uppercase; color: var(--text-muted) !important;
}
.single-product-area .breadcrumb-item.active { color: var(--noir) !important; }
.single-product-area .breadcrumb-item + .breadcrumb-item::before { content: '/' !important; color: var(--ivory-border) !important; }
.single_product_thumb .carousel-item img { max-height: none !important; aspect-ratio: 4 / 5; object-fit: cover !important; background: var(--ivory-dark) !important; }
.single_product_thumb .carousel-indicators li { border-radius: 0 !important; opacity: .7; }
.single_product_thumb .carousel-indicators li.active { opacity: 1; border-color: var(--noir) !important; }
.single_product_desc { padding: 8px 0 0 clamp(0px, 3vw, 40px) !important; }
.pd-brand-label { color: var(--gold-dark) !important; font-weight: 500 !important; letter-spacing: .32em !important; margin-bottom: 20px !important; }
.single_product_desc .product-meta-data .pd-name {
    font-family: var(--serif) !important; font-size: clamp(34px, 3vw, 48px) !important; font-weight: 300 !important;
    text-transform: none !important; letter-spacing: -.005em !important; line-height: 1.08 !important;
}
.single_product_desc .product-price {
    font-size: 19px !important; font-weight: 400 !important; letter-spacing: .04em !important;
    color: var(--noir) !important; margin: 22px 0 14px !important;
}
.avaibility { color: var(--text-mid) !important; font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; }
.avaibility i { color: var(--gold) !important; font-size: 6px !important; }
.avaibility i.out-of-stock { color: #b0685f !important; }
.pd-ship { font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; }
.pd-option-label { font-size: 10.5px; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 12px; }
.single_product_desc button[data-idx] { border-radius: 0 !important; padding: 9px 20px !important; font-weight: 400 !important; letter-spacing: .04em; }
.short_overview { border-top: 1px solid var(--ivory-border) !important; padding-top: 24px !important; margin: 26px 0 !important; }
#pd-overview-text { font-size: 15px !important; line-height: 1.9 !important; color: var(--text-mid) !important; }
.qty-label { font-size: 10.5px !important; letter-spacing: .28em !important; color: var(--text-muted) !important; }
.qty-stepper { border: 1px solid var(--ivory-border) !important; border-radius: 0 !important; background: transparent !important; }
.qty-stepper .qty-minus, .qty-stepper .qty-plus, .qty-stepper input { background: transparent !important; color: var(--noir) !important; border-radius: 0 !important; }
#addtocart-button {
    width: 100%; margin-top: 8px; padding: 19px 26px !important;
    background: var(--noir) !important; color: var(--paper) !important; border: 1px solid var(--noir) !important;
    font-size: 11px !important; letter-spacing: .3em !important;
}
#addtocart-button:hover { background: transparent !important; color: var(--noir) !important; }
#addtocart-button:disabled { opacity: .35; }
#addtocart-button .fa { display: none; }
.new-plant-badge-detail {
    background: transparent !important; box-shadow: none !important; border: 1px solid var(--noir); border-radius: 0 !important;
    color: var(--noir) !important; font-weight: 500 !important; letter-spacing: .28em !important; font-size: 9.5px !important; padding: 5px 12px !important;
}

/* ═══ Strap band + footer (every inner page) ══════════════════════ */
.newsletter-area {
    background: var(--ivory-dark) !important; background-image: none !important;
    border-top: 1px solid var(--ivory-border);
}
.newsletter-area .backdrop { display: none !important; }
.newsletter-area .container { max-width: none; padding: clamp(64px, 8vw, 120px) clamp(24px, 6vw, 96px) !important; }
.newsletter-area .newsletter-text { margin: 0 !important; }
.newsletter-area .newsletter-text h2 {
    font-family: var(--serif) !important; font-weight: 300 !important; font-size: clamp(34px, 3.8vw, 58px) !important;
    color: var(--noir) !important; line-height: 1.05 !important; margin-bottom: 18px !important;
}
.newsletter-area .newsletter-text p { color: var(--text-mid) !important; font-size: 15px !important; line-height: 1.85; max-width: 480px; }
.footer_area { background: var(--noir) !important; padding: 40px 0 !important; }
/* Inner-page footer: the logo, drawn in (the markup has an empty slot for it). */
.footer_area .footer-logo:empty::before {
    content: ''; display: block; width: 150px; height: 58px;
    background: url(/img/brand/logo-horizontal-on-dark.svg) no-repeat left center / contain;
}
.footer_area .nav-link { color: #b8ada0 !important; font-size: 10.5px !important; letter-spacing: .26em !important; text-transform: uppercase; }
.footer_area .nav-link:hover, .footer_area .nav-item.active .nav-link { color: var(--paper) !important; }

/* ═══ Bag + checkout ══════════════════════════════════════════════ */
.cart-title h2, .checkout_details_area .cart-title h2 {
    font-family: var(--serif) !important; font-size: clamp(38px, 3.6vw, 56px) !important; font-weight: 300 !important;
    text-transform: none !important; letter-spacing: 0 !important; color: var(--noir) !important; margin-bottom: 28px !important;
}
.main-content-wrapper .cart-table-area table thead tr { background: transparent !important; border-bottom: 1px solid var(--noir) !important; }
.main-content-wrapper .cart-table-area table thead tr th {
    background: transparent !important; color: var(--text-muted) !important;
    font-size: 10px !important; font-weight: 500 !important; letter-spacing: .28em !important;
}
.main-content-wrapper .cart-table-area table tbody tr:hover { background: transparent !important; }
.main-content-wrapper .cart-table-area table tbody tr td h5 { font-family: var(--serif) !important; font-size: 19px !important; font-weight: 400 !important; }
.main-content-wrapper .cart-table-area table tbody tr td h5 span {
    background: transparent !important; border-radius: 0 !important; border-color: var(--ivory-border) !important;
    font-family: var(--sans) !important; color: var(--text-mid) !important; letter-spacing: .04em;
}
.main-content-wrapper .cart-table-area table tbody tr td.price span { font-size: 14px !important; font-weight: 400 !important; color: var(--noir) !important; letter-spacing: .04em; }
.cart-category-header span {
    background: none !important; border-left: 0 !important; padding-left: 0 !important;
    color: var(--gold-dark) !important; font-weight: 500 !important; letter-spacing: .3em !important; font-size: 10px !important;
}
.cart-category-header span::after { background: var(--ivory-border) !important; }
.cart_product_img img { border-radius: 0 !important; background: var(--ivory-dark); }
.qty-btn .quantity { border: 1px solid var(--ivory-border) !important; border-radius: 0 !important; background: transparent !important; }
.qty-btn .quantity .qty-minus, .qty-btn .quantity .qty-plus, .qty-btn .quantity input.qty-text {
    background: transparent !important; color: var(--noir) !important; border-radius: 0 !important; border: 0 !important;
}

.cart-summary {
    background: var(--paper) !important; border: 1px solid var(--ivory-border) !important;
    border-top: 1px solid var(--noir) !important; border-radius: 0 !important; box-shadow: none !important;
    padding: 34px 32px !important;
}
.cart-summary h5 { font-family: var(--serif) !important; font-size: 28px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
.cart-summary .summary-table li span:first-child { font-size: 10.5px !important; letter-spacing: .24em !important; color: var(--text-muted) !important; }
.cart-summary .summary-table li span:last-child:not(.cart-extra-cost):not(.cart-qty-display) { font-family: var(--serif) !important; font-size: 26px !important; font-weight: 400 !important; color: var(--noir) !important; }
.cart-summary .summary-table li span.cart-extra-cost { font-style: italic; font-family: var(--serif) !important; font-size: 16px !important; color: var(--text-mid) !important; }
.cart-summary a.btn, #checkout-button {
    background: var(--noir) !important; color: var(--paper) !important; border: 1px solid var(--noir) !important;
    border-radius: 0 !important; padding: 18px 20px !important; font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: .3em !important;
}
.cart-summary a.btn:hover, #checkout-button:hover { background: transparent !important; color: var(--noir) !important; }
.continue-shopping-link {
    border: 0 !important; background: transparent !important; justify-content: flex-start !important; padding: 0 0 14px !important;
    font-size: 10.5px !important; letter-spacing: .26em !important; color: var(--text-mid) !important;
}
.continue-shopping-link:hover { color: var(--noir) !important; background: transparent !important; }

.checkout_details_area .form-control {
    background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ivory-border) !important;
    border-radius: 0 !important; padding: 16px 2px !important; font-size: 15px !important; color: var(--noir) !important; box-shadow: none !important;
}
.checkout_details_area .form-control::placeholder { color: var(--text-muted) !important; font-size: 13px !important; letter-spacing: .04em; }
.checkout_details_area .form-control:focus { border-bottom-color: var(--noir) !important; }
.checkout_details_area textarea.form-control { border: 1px solid var(--ivory-border) !important; padding: 14px !important; }
.checkout_details_area textarea.form-control:focus { border-color: var(--noir) !important; }

.edit-order-banner { background: var(--paper) !important; border: 1px solid var(--ivory-border) !important; border-left: 2px solid var(--gold) !important; border-radius: 0 !important; }
.edit-order-cancel { border-radius: 0 !important; }

/* ═══ Toasts + confirms (injected by toast.js) ═════════════════════ */
#toast-container .toast-item, .toast-item { border-radius: 0 !important; }

/* ═══ Collections page ════════════════════════════════════════════ */
.products-catagories-area { background: var(--ivory) !important; padding: clamp(16px, 3vw, 48px) !important; }
.amado-pro-catagory .single-products-catagory { width: 50% !important; padding: clamp(6px, .8vw, 12px); background: transparent !important; }
.single-products-catagory a { background: var(--ivory-dark); }
.single-products-catagory img { filter: none !important; aspect-ratio: 4 / 3; }
.single-products-catagory a::before { background: linear-gradient(to top, rgba(28,26,23,.42) 0%, rgba(28,26,23,0) 45%) !important; }
.single-products-catagory a:hover::before { background: linear-gradient(to top, rgba(28,26,23,.55) 0%, rgba(28,26,23,0) 55%) !important; }
.single-products-catagory .hover-content { padding: clamp(20px, 2.4vw, 36px) !important; }
.single-products-catagory .hover-content h4 {
    font-family: var(--serif) !important; font-weight: 300 !important;
    font-size: clamp(30px, 2.8vw, 46px) !important; color: var(--paper) !important;
}
.single-products-catagory .hover-content h4::after {
    content: 'Discover'; display: block; margin-top: 10px;
    font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; color: rgba(251,249,246,.8);
}
@media (max-width: 575px) { .amado-pro-catagory .single-products-catagory { width: 100% !important; } }

/* ═══════════════════════════════════════════════════════════════════
   Refinement pass
═══════════════════════════════════════════════════════════════════ */

/* A whisper of paper grain over everything — reads as print, not screen */
body::after {
    content: ''; position: fixed; inset: 0; z-index: 9990; pointer-events: none; opacity: .045;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Sidebar: wordmark with a line under it, numbered index, quiet sign-in, concierge at the foot */
@media (min-width: 768px) {
    .main-content-wrapper .header-area {
        display: flex !important; flex-direction: column;
        position: sticky !important; top: 0; align-self: flex-start; height: 100vh !important; overflow-y: auto;
    }
    .main-content-wrapper .header-area .luxe-concierge { margin-top: auto !important; }
}
.header-area .logo a { display: block; }
.header-area .logo a::after {
    content: 'Curated in Bangkok'; display: block; margin-top: 10px; white-space: nowrap;
    font-family: var(--sans); font-size: 9.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--text-muted);
}
.header-area .wordmark { font-size: 30px !important; }
.amado-nav ul { counter-reset: nav; }
.amado-nav ul li a { counter-increment: nav; justify-content: space-between; }
.main-content-wrapper .header-area .amado-nav ul li a::after {
    content: '0' counter(nav) !important; display: inline !important; position: static !important;
    width: auto !important; height: auto !important; background: none !important; opacity: 1 !important;
    font-family: var(--serif); font-style: italic; font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--text-muted);
}
.main-content-wrapper .header-area .amado-nav ul li.active a::after { color: var(--gold-dark); }
.amado-nav ul li.active a::before { display: none !important; }
.amado-nav ul li.active a { color: var(--noir) !important; }
.amado-nav ul li a .cart-count-badge { margin-left: 8px !important; margin-right: auto !important; }
#sign-in-btn .amado-btn {
    border: 0 !important; border-bottom: 1px solid var(--ivory-border) !important; padding: 15px 0 !important;
    justify-content: flex-start !important; font-size: 11px !important; letter-spacing: .28em !important; color: var(--text-mid) !important;
}
#sign-in-btn .amado-btn:hover { background: transparent !important; color: var(--noir) !important; }
#sign-in-btn { margin-top: 0 !important; }
.luxe-concierge { border-top: 0 !important; padding: 22px 20px !important; background: var(--ivory); margin-top: 40px; }
.luxe-concierge a { font-size: 15px !important; }

/* Hero: a slow, confident entrance for the image too */
@media (prefers-reduced-motion: no-preference) {
    .h-hero-main { animation: luxe-unveil 1.6s cubic-bezier(.7,0,.2,1) both .15s; }
    .h-hero-inset { animation: luxe-rise 1.2s cubic-bezier(.2,.7,.2,1) both .9s; }
}
@keyframes luxe-unveil { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
.h-hero h1 em { font-weight: 300; }

/* Shop: a real page title, and cards that stay quiet until you reach for them */
#shop-h1.sr-only {
    position: static !important; width: auto !important; height: auto !important; clip: auto !important;
    overflow: visible !important; white-space: normal !important; margin: 0 0 30px !important; padding: 0 !important;
    font-family: var(--serif) !important; font-weight: 300 !important; font-size: clamp(40px, 4vw, 64px) !important;
    line-height: 1 !important; color: var(--noir) !important;
}
#shop-toolbar { margin-bottom: 8px !important; }
#shop-empty-state h3 { font-family: var(--serif) !important; font-weight: 300 !important; color: var(--noir) !important; font-size: 34px !important; }
#shop-empty-state div[style*="border-radius:50%"] { background: transparent !important; box-shadow: none !important; border: 1px solid var(--ivory-border); color: var(--gold); font-size: 22px !important; }

@media (hover: hover) and (pointer: fine) and (min-width: 1100px) {
    .single-product-wrapper .product-cart-row {
        opacity: 0; transform: translateY(-6px); transition: opacity .45s ease, transform .45s ease;
    }
    .single-product-wrapper:hover .product-cart-row,
    .single-product-wrapper:focus-within .product-cart-row { opacity: 1; transform: none; }
}
.single-product-wrapper .product-img .hover-img { transition: opacity .9s ease !important; }

/* Product page: the details column rides along while the gallery scrolls */
@media (min-width: 992px) {
    .single_product_desc { position: sticky; top: 48px; }
    /* Full column width made the 4:5 photo taller than a laptop screen, pushing
       the thumbnails below the fold. The width is sized so photo + thumbnails
       fit the screen height (380px ≈ breadcrumb + thumbnail strip), never
       narrower than 340px. */
    .single_product_thumb { max-width: min(100%, max(340px, calc((100vh - 380px) * .8))); margin: 0 auto; }
}
.pd-notes { list-style: none; margin: 30px 0 0; padding: 0; border-top: 1px solid var(--ivory-border); }
.pd-notes li {
    display: flex; justify-content: space-between; gap: 16px; padding: 15px 0;
    border-bottom: 1px solid var(--ivory-border); font-size: 13px !important; color: var(--text-mid) !important;
}
.pd-notes li span:first-child { font-size: 10px; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; color: var(--text-muted); }
.pd-notes li span:last-child { font-family: var(--serif) !important; font-style: italic; font-size: 16px; color: var(--noir); text-align: right; }

/* ═══ Pre-loved (one-of-a-kind) pieces ════════════════════════════ */
.preloved-tag {
    position: absolute; top: 14px; left: 14px; z-index: 11; padding: 5px 10px;
    background: var(--noir); color: var(--paper) !important;
    font-size: 9.5px !important; font-weight: 500; letter-spacing: .24em; text-transform: uppercase;
}
.preloved-note {
    font-family: var(--serif) !important; font-style: italic; font-size: 15px !important; color: var(--gold-dark) !important;
}
.preloved-badge-detail { background: var(--noir) !important; color: var(--paper) !important; border-color: var(--noir) !important; }
.main-content-wrapper .cart-table-area table tbody tr.is-preloved .qty-btn { display: none !important; }
tr.is-preloved td.qty { vertical-align: middle; }
tr.is-preloved .preloved-note { display: block; margin-bottom: 6px; }
.preloved-remove {
    background: none; border: 0; padding: 0; cursor: pointer;
    font-size: 10px !important; letter-spacing: .24em; text-transform: uppercase; color: var(--text-muted);
    border-bottom: 1px solid var(--ivory-border);
}
.preloved-remove:hover { color: var(--noir); border-bottom-color: var(--noir); }

.h-preloved {
    margin: clamp(24px, 4vw, 56px) clamp(24px, 6vw, 96px) 0; padding: clamp(56px, 7vw, 104px) clamp(24px, 4vw, 64px);
    background: var(--paper); border: 1px solid var(--ivory-border);
}
.h-preloved[hidden] { display: none; }
.h-preloved h2 { font-family: var(--serif) !important; font-size: clamp(34px, 3.6vw, 56px) !important; line-height: 1.05 !important; font-weight: 300 !important; margin: 0 !important; }
.h-preloved-lede { max-width: 440px; margin: 18px 0 0 !important; font-size: 15px !important; line-height: 1.85; color: var(--text-mid) !important; }
.h-preloved .luxe-tag { background: var(--noir); color: var(--paper) !important; }

.catagories-menu ul li a { text-transform: none !important; }

/* Sold pieces keep their card (a record of what has been) but lose the dead button */
.single-product-wrapper .add-to-cart-shop-button:disabled { display: none !important; }
/* Bag on narrow screens: no mid-word breaks, one-line group labels */
.cart-category-header span { white-space: nowrap; }
.main-content-wrapper .cart-table-area table tbody tr td h5 { word-break: normal !important; overflow-wrap: break-word; hyphens: manual; }
@media (max-width: 767px) {
    tr.is-preloved .preloved-note { font-size: 13px !important; white-space: nowrap; }
    tr.is-preloved td.qty { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; }
    tr.is-preloved .preloved-note { margin-bottom: 0 !important; }
}

/* ═══ Departments (Cosmetics / Pots / Second-hand Shoes) ═══════════ */
.dept-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 32px); }
.dept { display: flex; flex-direction: column; }
.dept-media { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--ivory-dark); }
.dept-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.dept:hover .dept-media img { transform: scale(1.05); }
.dept-body { padding-top: 22px; }
.dept-eyebrow { font-size: 9.5px !important; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-dark) !important; margin: 0 0 8px !important; }
.dept-name { margin: 0 0 14px !important; }
.dept-name a { font-family: var(--serif) !important; font-size: clamp(26px, 2.2vw, 34px) !important; font-weight: 300; color: var(--noir) !important; text-decoration: none !important; }
.dept-kids { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.dept-kids a {
    display: inline-block; padding: 7px 14px; border: 1px solid var(--ivory-border);
    font-size: 11.5px !important; letter-spacing: .06em; color: var(--text-mid) !important; text-decoration: none !important;
    transition: border-color var(--transition), color var(--transition);
}
.dept-kids a:hover { border-color: var(--noir); color: var(--noir) !important; }
.dept-grid-page { padding: clamp(8px, 1.5vw, 24px); }
@media (max-width: 991px) { .dept-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .dept-grid { grid-template-columns: 1fr; } .dept-media { aspect-ratio: 4 / 3; } }

.h-preloved-links { display: flex; gap: 28px; }

/* Sidebar: departments sit indented under Shop, without numbers */
.amado-nav ul li.nav-dept a {
    counter-increment: none; padding: 9px 0 9px 18px !important; border-bottom: 0 !important;
    font-family: var(--serif) !important; font-size: 17px !important; letter-spacing: 0 !important; text-transform: none !important;
    color: var(--text-mid) !important; justify-content: flex-start !important;
}
.main-content-wrapper .header-area .amado-nav ul li.nav-dept a::after { content: none !important; }
.amado-nav ul li.nav-dept a:hover, .amado-nav ul li.nav-dept.is-current a { color: var(--noir) !important; }
/* The page you are on: bolder, darker, and a gold mark in the gutter to its
   left. A department under Shop gets the same mark, shorter. */
.amado-nav ul li a { position: relative; }
.amado-nav ul li.active > a { font-weight: 600 !important; }
.main-content-wrapper .header-area .amado-nav ul li.active > a::before {
    content: '' !important; display: block !important; position: absolute !important;
    left: -16px !important; top: 50% !important; width: 2px !important; height: 16px !important;
    margin-top: -8px; background: var(--sb-gold, var(--gold)) !important; opacity: 1 !important;
}
.amado-nav ul li.nav-dept.is-current a { font-weight: 600 !important; }
.main-content-wrapper .header-area .amado-nav ul li.nav-dept.is-current a::before {
    content: '' !important; display: block !important; position: absolute !important;
    left: 2px !important; top: 50% !important; width: 9px !important; height: 1px !important;
    background: var(--sb-gold, var(--gold)) !important; opacity: 1 !important;
}
.amado-nav ul li.nav-dept + li:not(.nav-dept) a { border-top: 1px solid var(--ivory-border) !important; }
/* Owner asked for a bolder, slightly larger sidebar menu (2026-09-29). The
   page you are on stays one step heavier than the rest. */
.amado-nav ul li a, #sign-in-btn .amado-btn { font-size: 12.5px !important; font-weight: 600 !important; }
.amado-nav ul li.active > a { font-weight: 700 !important; }
.amado-nav ul li.nav-dept a { font-size: 19px !important; font-weight: 500 !important; }
.amado-nav ul li.nav-dept.is-current a { font-weight: 600 !important; }
.main-content-wrapper .header-area .amado-nav ul li a::after { font-size: 15px; }

/* Shop sidebar: department headings with their categories beneath */
.catagories-menu ul li a.category-group {
    font-family: var(--serif) !important; font-size: 19px !important; color: var(--noir) !important; margin-top: 14px;
}
.catagories-menu ul li a.category-sub { padding-left: 16px !important; font-size: 13.5px !important; }
.catagories-menu ul li a.category-group.category-active { font-style: italic; }
.catagories-menu ul li a.category-group { padding-left: 0 !important; }
.catagories-menu ul li a.category-sub { padding-left: 22px !important; }
.catagories-menu ul li a.category-group.category-active, .catagories-menu ul li a.category-sub.category-active { padding-left: 12px !important; }
.catagories-menu ul li a.category-sub.category-active { padding-left: 22px !important; }
/* Department headings: + when folded, − when open */
.catagories-menu ul li a.category-group { display: flex !important; align-items: baseline; justify-content: space-between; gap: 12px; }
.catagories-menu ul li a.category-group::after {
    content: '+'; font-family: var(--sans); font-style: normal; font-size: 15px; font-weight: 300; color: var(--text-muted);
}
.catagories-menu ul li a.category-group.is-open::after { content: '\2212'; }

/* ═══ Admin: Departments editor ════════════════════════════════════ */
.dept-ed { max-width: 1000px; margin: 8px 0 44px; padding: 28px; background: var(--paper); border: 1px solid var(--ivory-border); }
.dept-ed-title { font-family: var(--serif) !important; font-size: 28px !important; font-weight: 400 !important; margin: 0 0 10px !important; }
.dept-ed-intro { color: var(--text-mid) !important; font-size: 13.5px !important; line-height: 1.7; max-width: 720px; margin: 0 0 22px !important; }
.dept-ed-card { border: 1px solid var(--ivory-border); background: var(--ivory); padding: 16px 18px; margin-bottom: 14px; }
.dept-ed-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.dept-ed-head .cat-image { width: 44px; height: 44px; flex-shrink: 0; }
.dept-ed-name {
    flex: 1 1 220px; min-width: 0; border: 0; border-bottom: 1px solid var(--ivory-border); background: transparent;
    font-family: var(--serif); font-size: 22px; padding: 4px 2px; color: var(--noir);
}
.dept-ed-name:focus { outline: none; border-bottom-color: var(--noir); }
.dept-ed-pre { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-size: 12.5px; color: var(--text-mid); cursor: pointer; white-space: nowrap; }
.dept-ed-tools { display: inline-flex; gap: 6px; }
.dept-ed-kids { list-style: none; margin: 14px 0 12px 56px; padding: 0; }
.dept-ed-kid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px 0; border-top: 1px solid var(--ivory-border); }
.dept-ed-cat { font-size: 14px; color: var(--noir); }
.dept-ed-cat small { display: block; font-size: 11px; color: var(--text-muted); }
.dept-ed-label { border: 1px solid var(--ivory-border); background: var(--paper); padding: 7px 10px; font-size: 13px; }
.dept-ed-label:focus { outline: none; border-color: var(--noir); }
.dept-ed-none { color: var(--text-muted); font-size: 13px; padding: 6px 0; }
.dept-ed-add { margin-left: 56px; border: 1px dashed var(--ivory-border); background: transparent; padding: 7px 10px; font-size: 13px; color: var(--text-mid); max-width: 320px; }
.dept-ed-new { margin: 4px 0 18px; }
.dept-ed-loose { font-size: 13px; color: var(--text-mid); margin: 0 0 18px !important; }
.dept-ed-loose span { color: var(--text-muted); margin-right: 6px; }
.dept-ed-loose em { font-style: normal; display: inline-block; padding: 2px 8px; margin: 2px 4px 2px 0; border: 1px solid var(--ivory-border); }
.dept-ed-loose small { color: var(--text-muted); }
.dept-ed-empty { color: var(--text-muted); font-size: 13.5px; }
.dept-ed-foot { display: flex; align-items: center; gap: 16px; }
.dept-ed-save {
    background: var(--noir); color: var(--paper); border: 1px solid var(--noir); padding: 11px 26px;
    font-size: 10.5px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; cursor: pointer;
}
.dept-ed-save:disabled { opacity: .35; cursor: default; }
.dept-ed-msg { font-size: 12.5px; color: var(--text-muted); }
@media (max-width: 767px) {
    .dept-ed { padding: 18px; }
    .dept-ed-kids, .dept-ed-add { margin-left: 0; }
    .dept-ed-kid { grid-template-columns: 1fr; }
}

/* ═══ Sidebar colour ════════════════════════════════════════════════
   Scoped to the sidebar (which is also the mobile drawer); the rest of the
   site keeps its ivory. Every colour below reads from these variables, so a
   palette is one block. Current: warm linen (owner is trying it, 2026-09-29).
   The espresso palette it replaced, for switching back:
     --sb-top:#1c1a17; --sb-mid:#241e1a; --sb-bottom:#3b2d24; --sb-line:#3a3530;
     --sb-text:#f4eee4; --sb-soft:#c8bdb0; --sb-muted:#9d9387; --sb-gold:#d9c7ab;
     --sb-box:rgba(244,238,228,.06); --sb-box-line:rgba(217,199,171,.14);
     --sb-on-gold:#1c1a17; */
.header-area {
    --sb-top: #ebe2d5;
    --sb-mid: #e4d8c7;
    --sb-bottom: #d8c5ad;
    --sb-line: #d0bfa9;
    --sb-text: #1c1a17;
    --sb-soft: #5b544c;
    --sb-muted: #8a7f72;
    --sb-gold: #8c7049;
    --sb-box: rgba(255, 255, 255, .34);
    --sb-box-line: rgba(140, 112, 73, .16);
    --sb-on-gold: #fbf9f6;
    /* Top to bottom. The drawer and the sticky desktop column are both exactly
       one screen tall, so the whole gradient is always in view. */
    background: linear-gradient(180deg, var(--sb-top) 0%, var(--sb-mid) 45%, var(--sb-bottom) 100%) !important;
    border-right-color: var(--sb-line) !important;
}
.header-area .wordmark { color: var(--sb-text) !important; }
.header-area .wordmark em { color: var(--sb-gold) !important; }
.header-area .logo a::after { color: var(--sb-muted); }

.header-area .amado-nav ul li a,
.header-area .amado-nav ul li:first-child a { color: var(--sb-soft) !important; border-color: var(--sb-line) !important; }
.header-area .amado-nav ul li.nav-dept + li:not(.nav-dept) a { border-top-color: var(--sb-line) !important; }
.header-area .amado-nav ul li.active a,
.header-area .amado-nav ul li a:hover,
.header-area .amado-nav ul li.nav-dept.is-current a { color: var(--sb-text) !important; }
.main-content-wrapper .header-area .amado-nav ul li a::after { color: var(--sb-muted); }
.main-content-wrapper .header-area .amado-nav ul li.active a::after { color: var(--sb-gold); }
.header-area .cart-count-badge { background: var(--sb-gold) !important; color: var(--sb-on-gold) !important; }

.header-area #sign-in-btn .amado-btn { color: var(--sb-soft) !important; border-color: var(--sb-line) !important; }
.header-area #sign-in-btn .amado-btn:hover { color: var(--sb-text) !important; }

.header-area .luxe-concierge { background: var(--sb-box) !important; border: 1px solid var(--sb-box-line) !important; }
.header-area .luxe-concierge .luxe-eyebrow { color: var(--sb-gold) !important; }
.header-area .luxe-concierge a { color: var(--sb-text) !important; }
.header-area .luxe-concierge a:hover { color: var(--sb-gold) !important; }
.header-area .luxe-fine { color: var(--sb-muted) !important; }
/* Contact rows — the same WhatsApp / Instagram / Facebook as FloraSphere. */
.luxe-concierge .concierge-row {
    display: flex !important; align-items: center; gap: 9px; min-width: 0;
    font-family: var(--sans) !important; font-size: 11px !important; letter-spacing: 0 !important;
}
/* Wrap rather than cut the handle short if the column is ever narrower. */
.luxe-concierge .concierge-row span { min-width: 0; white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.header-area .luxe-concierge { padding-left: 16px !important; padding-right: 16px !important; }
.luxe-concierge .concierge-row + .concierge-row { margin-top: 9px !important; }
.luxe-concierge .concierge-row + .luxe-fine { margin-top: 12px !important; }
.luxe-concierge .concierge-row .fa { flex: 0 0 16px; font-size: 15px; text-align: center; color: var(--sb-gold); }

/* The drawer's close button takes the palette's accent so it shows on any ground. */
.main-content-wrapper .header-area .nav-close { background-color: var(--sb-gold) !important; color: var(--sb-on-gold) !important; }

/* ═══ Logo (House of Makam — "the doorway", 2026-09-29) ═════════════ */
.brand-logo { display: block; height: auto; max-width: 100%; }
.header-area .logo .brand-logo { width: 188px; }
.mobile-nav .brand-logo { width: auto; height: 40px; }
.lp-footer .brand-logo { width: auto; height: 46px; }

/* ═══ Home — export by sea ══════════════════════════════════════════ */
.h-hero-main { position: relative; }
.h-hero-badge {
    position: absolute; top: 18px; left: 18px; z-index: 2; padding: 7px 12px;
    background: var(--noir); color: var(--paper) !important;
    font-size: 9.5px; font-weight: 500; letter-spacing: .28em; text-transform: uppercase;
}

.h-sea {
    margin-top: clamp(24px, 4vw, 56px);
    padding: clamp(64px, 8vw, 120px) clamp(24px, 6vw, 96px) clamp(56px, 7vw, 96px);
    background: linear-gradient(180deg, #1c1a17 0%, #221e1a 60%, #2b241e 100%);
    color: var(--paper);
    scroll-margin-top: 24px;
}
.h-sea .luxe-eyebrow { color: var(--gold-light) !important; }
.h-sea-top {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    align-items: center; gap: clamp(32px, 5vw, 80px);
}
.h-sea h2 {
    font-family: var(--serif) !important; font-weight: 300 !important;
    font-size: clamp(38px, 4.2vw, 64px) !important; line-height: 1.02 !important;
    color: var(--paper) !important; margin: 0 0 24px !important;
}
.h-sea h2 em { color: var(--gold-light) !important; }
.h-sea-lede { max-width: 470px; font-size: 15.5px !important; line-height: 1.9; color: #cfc5b8 !important; margin: 0 0 28px !important; }
.h-sea-why { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.h-sea-why li {
    padding: 8px 14px; border: 1px solid rgba(217, 199, 171, .35);
    font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; color: #e9e0d2 !important;
}
.h-sea-art { margin: 0; color: #d9c7ab; }
.h-sea-art svg { width: 100%; height: auto; display: block; }
.h-sea-label { font-family: var(--sans); font-size: 10px; letter-spacing: .28em; }
@media (prefers-reduced-motion: no-preference) {
    .h-sea-route { animation: sea-route 2.4s linear infinite; }
    .h-sea-ship { animation: sea-bob 5s ease-in-out infinite; transform-origin: 270px 220px; }
    .h-sea-wave { animation: sea-drift 6s ease-in-out infinite alternate; }
    .h-sea-wave-2 { animation-duration: 8s; animation-direction: alternate-reverse; }
}
@keyframes sea-route { to { stroke-dashoffset: -20; } }
@keyframes sea-bob { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(-.6deg); } }
@keyframes sea-drift { from { transform: translateX(-10px); } to { transform: translateX(10px); } }

.h-sea-steps {
    list-style: none; margin: clamp(48px, 6vw, 80px) 0 0; padding: 0;
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(217, 199, 171, .22);
}
.h-sea-steps li { padding: 30px 28px 8px 0; }
.h-sea-steps li + li { padding-left: 28px; border-left: 1px solid rgba(217, 199, 171, .14); }
.h-sea-steps span { display: block; font-family: var(--serif); font-style: italic; font-size: 20px; color: var(--gold-light); margin-bottom: 14px; }
.h-sea-steps h3 { font-family: var(--serif) !important; font-weight: 400 !important; font-size: 24px !important; color: var(--paper) !important; margin: 0 0 10px !important; }
.h-sea-steps p { font-size: 14px !important; line-height: 1.8; color: #bfb4a6 !important; margin: 0 !important; }
.h-sea-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; margin-top: clamp(40px, 5vw, 64px); }
.h-sea-ask { color: var(--paper) !important; }

@media (max-width: 991px) {
    .h-sea-top { grid-template-columns: 1fr; }
    .h-sea-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .h-sea-steps li:nth-child(3) { padding-left: 0; border-left: 0; }
    .h-sea-steps li:nth-child(n+3) { border-top: 1px solid rgba(217, 199, 171, .14); }
}
@media (max-width: 575px) {
    .h-sea-steps { grid-template-columns: 1fr; }
    .h-sea-steps li, .h-sea-steps li + li { padding: 24px 0 8px; border-left: 0; }
    .h-sea-steps li + li { border-top: 1px solid rgba(217, 199, 171, .14); }
}

/* ═══ Home — sea-first layout (2026-09-29) ══════════════════════════ */
.s-hero {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    align-items: center; gap: clamp(32px, 5vw, 88px);
    min-height: min(100vh, 900px); padding: clamp(48px, 7vw, 110px) clamp(24px, 6vw, 96px);
}
.s-hero h1 {
    font-family: var(--serif) !important; font-weight: 300 !important;
    font-size: clamp(44px, 5.4vw, 88px) !important; line-height: 1 !important; letter-spacing: -.015em !important;
    margin: 0 0 30px !important;
}
.s-hero .h-lede { max-width: 470px; }
.s-hero-art { position: relative; margin: 0; justify-self: center; width: 100%; max-width: 440px; }
.s-door { width: 100%; height: auto; display: block; overflow: visible; }
.s-seal {
    position: absolute; left: -54px; bottom: 96px; width: 120px; height: 120px;
    filter: drop-shadow(0 10px 24px rgba(28, 26, 23, .08));
}
.s-seal-text { font-family: var(--sans); font-size: 9px; font-weight: 500; letter-spacing: .22em; }
.s-seal-mid { font-family: var(--serif); font-style: italic; font-size: 21px; }
.s-door-cap {
    display: flex; align-items: center; gap: 16px; margin-top: 22px;
    font-size: 10px !important; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-dark);
}
.s-door-cap i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--gold), var(--ivory-border)); }
@media (prefers-reduced-motion: no-preference) {
    .s-door-route { animation: sea-route 2.8s linear infinite; }
    .s-door-ship { animation: sea-bob 6s ease-in-out infinite; transform-box: fill-box; transform-origin: 50% 100%; }
    .s-door-shine path { animation: door-shimmer 4s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: center; }
    .s-door-shine path:nth-child(even) { animation-delay: -2s; }
    .s-door-waves { animation: sea-drift 9s ease-in-out infinite alternate; }
    .s-seal-ring, .s-seal .s-seal-text { animation: seal-turn 40s linear infinite; transform-origin: 60px 60px; }
}
@keyframes door-shimmer { from { transform: scaleX(.8); opacity: .5; } to { transform: scaleX(1.1); } }
@keyframes seal-turn { to { transform: rotate(360deg); } }

.s-facts {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: clamp(56px, 7vw, 96px) clamp(24px, 6vw, 96px) clamp(56px, 7vw, 96px);
    border-top: 1px solid var(--ivory-border); border-bottom: 1px solid var(--ivory-border);
}
.s-facts > div { padding: 40px 28px 40px 0; }
.s-facts > div + div { padding-left: 28px; border-left: 1px solid var(--ivory-border); }
.s-fact-big {
    font-family: var(--serif) !important; font-weight: 300; font-size: clamp(34px, 3.2vw, 50px) !important;
    line-height: 1 !important; color: var(--noir) !important; margin: 0 0 18px !important;
}
.s-fact-big em { color: var(--gold-dark); }
.s-facts p:not(.s-fact-big) { font-size: 14px !important; line-height: 1.8; color: var(--text-mid) !important; margin: 0 !important; }

.home-sea .h-sea { margin-top: 0; }
.s-sea-head h2 {
    font-family: var(--serif) !important; font-weight: 300 !important;
    font-size: clamp(38px, 4.2vw, 64px) !important; line-height: 1.02 !important; color: var(--paper) !important; margin: 0 !important;
}
.s-sea-head h2 em { color: var(--gold-light) !important; }

/* Every content section below "How it works" shares one layout: heading
   column on the left (eyebrow, h2, note), content on the right, same widths
   and the same vertical rhythm, so the page reads as one system. */
.s-split {
    display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: clamp(32px, 5vw, 88px);
    align-items: start; padding: clamp(72px, 8vw, 120px) clamp(24px, 6vw, 96px);
}
.s-split + .s-split { border-top: 1px solid var(--ivory-border); }
.s-split-head { position: sticky; top: 48px; }
.s-split h2 {
    font-family: var(--serif) !important; font-weight: 300 !important;
    font-size: clamp(32px, 3.2vw, 48px) !important; line-height: 1.05 !important; margin: 0 0 20px !important;
}
.s-modes-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
.s-mode {
    position: relative; display: flex; flex-direction: column; padding: clamp(28px, 3vw, 44px);
    border: 1px solid var(--ivory-border); background: var(--paper);
}
.s-mode-air { background: var(--noir); border-color: var(--noir); color: var(--paper); }
.s-mode-icon { display: block; height: 30px; margin-bottom: 28px; }
.s-mode-icon svg { height: 100%; width: auto; fill: currentColor; }
.s-mode-air .s-mode-icon { color: var(--gold-light); }
.s-mode-sea .s-mode-icon { color: var(--noir); height: 24px; margin-bottom: 34px; }
.s-mode-name { font-size: 11px !important; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; margin: 0 0 10px !important; color: var(--gold-dark) !important; }
.s-mode-air .s-mode-name { color: var(--gold-light) !important; }
.s-mode-time { font-family: var(--serif) !important; font-weight: 300; font-size: clamp(48px, 4.6vw, 72px) !important; line-height: 1 !important; margin: 0 0 28px !important; color: var(--noir) !important; }
.s-mode-time em { font-size: .5em; color: var(--gold-dark); margin-left: 4px; }
.s-mode-air .s-mode-time { color: var(--paper) !important; }
.s-mode-air .s-mode-time em { color: var(--gold-light); }
.s-mode dl { margin: 0 0 auto; border-top: 1px solid var(--ivory-border); }
.s-mode-air dl { border-top-color: rgba(217, 199, 171, .25); }
.s-mode dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--ivory-border); }
.s-mode-air dl > div { border-bottom-color: rgba(217, 199, 171, .15); }
.s-mode dt { font-size: 11px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--text-mid); }
.s-mode-air dt { color: #bfb4a6; }
.s-mode dd { margin: 0; font-family: var(--serif) !important; font-size: 21px; color: var(--noir); }
.s-mode-air dd { color: var(--paper); }
.s-mode-line { margin: 22px 0 0 !important; font-size: 13px !important; line-height: 1.7; color: var(--text-muted) !important; }
.s-mode-air .s-mode-line { color: #bfb4a6 !important; }
.s-note { margin: 18px 0 0 !important; font-size: 13px !important; color: var(--text-muted) !important; line-height: 1.7; }
.s-note a { color: var(--noir) !important; border-bottom: 1px solid var(--noir); text-decoration: none !important; }

/* Beside the sidebar the split is too tight on mid-size screens: stack it */
@media (max-width: 1199px) {
    .s-split { grid-template-columns: 1fr; gap: 32px; }
    .s-split-head { position: static; max-width: 560px; }
}

/* Countries — flag chips */
.s-countries ul {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.s-countries li {
    display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--paper);
    border: 1px solid var(--ivory-border); font-family: var(--serif) !important; font-size: 19px !important; color: var(--noir); text-align: left;
}
.s-countries li img { width: 28px; height: 21px; object-fit: cover; flex: none; box-shadow: 0 0 0 1px rgba(28, 26, 23, .08); }
/* "Other countries" — the whole bottom row, a link to the concierge */
.s-countries li.s-country-other { grid-column: 1 / -1; padding: 0; border-color: var(--noir); }
.s-country-other a { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 16px; color: var(--noir) !important; text-decoration: none !important; }
.s-other-text { font-family: var(--serif) !important; font-size: 19px; line-height: 1.2; }
.s-country-other em { display: block; margin-top: 3px; font-family: var(--sans); font-style: normal; font-size: 12px; color: var(--text-muted); }
.s-country-other .s-globe { display: flex; justify-content: center; width: 28px; color: var(--gold-dark); flex: none; }
.s-country-other .s-goods-arrow { margin-left: auto; }
.s-country-other a:hover .s-goods-arrow { transform: translateX(6px); }

.s-goods[hidden] { display: none; }
.s-goods-list { border-top: 1px solid var(--noir); }
.s-goods-item {
    display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; align-items: baseline; gap: 24px;
    padding: 26px 0; border-bottom: 1px solid var(--ivory-border); text-decoration: none !important;
}
.s-goods-name { font-family: var(--serif) !important; font-size: clamp(24px, 2.2vw, 32px) !important; font-weight: 300; color: var(--noir); }
.s-goods-kids { font-size: 12px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--text-muted); }
.s-goods-arrow { font-size: 18px; color: var(--gold-dark); transition: transform var(--transition); }
.s-goods-item:hover .s-goods-name { color: var(--gold-dark); }
.s-goods-item:hover .s-goods-arrow { transform: translateX(6px); }

/* Seal centre on two lines ("by sea / & air") */
.s-seal-mid-2 { font-size: 16px; }
/* The plane rides the dotted route above the ship */
@media (prefers-reduced-motion: no-preference) {
    .s-door-plane { animation: plane-float 5s ease-in-out infinite; }
}
@keyframes plane-float { 0%, 100% { transform: translate(-6px, 1px); } 50% { transform: translate(6px, -3px); } }

/* Shipping questions — native <details>, so they open without JavaScript */
.s-faq-list { border-top: 1px solid var(--noir); }
.s-faq details { border-bottom: 1px solid var(--ivory-border); }
.s-faq summary {
    display: flex; justify-content: space-between; align-items: baseline; gap: 24px; cursor: pointer; list-style: none;
    padding: 18px 0; font-family: var(--sans); font-size: 15px; font-weight: 500; color: var(--noir);
}
.s-faq summary::-webkit-details-marker { display: none; }
.s-faq summary::after { content: '+'; font-size: 18px; font-weight: 300; line-height: 1; color: var(--gold-dark); transition: transform var(--transition); }
.s-faq details[open] summary::after { transform: rotate(45deg); }
.s-faq summary:hover { color: var(--gold-dark); }
.s-faq details p { margin: -4px 0 20px !important; max-width: 640px; font-size: 14px !important; line-height: 1.8; color: var(--text-mid) !important; }

@media (max-width: 991px) {
    .s-hero { grid-template-columns: 1fr; min-height: 0; }
    .s-hero-art { max-width: 340px; margin-top: 12px; }
    .s-seal { left: -18px; bottom: 70px; width: 92px; height: 92px; }
    .s-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .s-facts > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .s-facts > div:nth-child(n+3) { border-top: 1px solid var(--ivory-border); }
}
@media (max-width: 575px) {
    .s-facts { grid-template-columns: 1fr; }
    .s-facts > div, .s-facts > div + div { padding: 28px 0; border-left: 0; }
    .s-facts > div + div { border-top: 1px solid var(--ivory-border); }
    .s-modes-cards { grid-template-columns: 1fr; }
    .s-countries ul { gap: 8px; }
    .s-countries li { font-size: 17px !important; gap: 10px; padding: 12px; }
    .s-goods-item { grid-template-columns: minmax(0, 1fr) auto; }
    .s-goods-kids { grid-column: 1 / -1; grid-row: 2; }
}