/* ==========================================
   MAIN STYLE SHEET - STYLE SERUM
   ========================================== */

/* 1. Base Imports & Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@import url('navbar.css');
@import url('hero.css');

:root {
    --color-blush-50: #FFF5F6;
    --color-blush-100: #FFEBEF;
    --color-blush-200: #FFCCD5;
    --color-blush-300: #FCA5B3;
    --color-blush-400: #F37D92;
    --color-blush-500: #E84E6D;
    --color-blush-600: #D03B58;
    
    --color-beige-50: #FAF6F0;
    --color-beige-100: #F5EFEB;
    --color-beige-200: #EADFC9;
    --color-beige-300: #D4BFA3;

    --color-charcoal-900: #1F1F1F;
    --color-charcoal-800: #2D2D2D;
    --color-charcoal-700: #4A4A4A;
    --color-charcoal-100: #F4F4F4;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}

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

/* Shared article typography: applies only to individual blog pages.
   Keeping this on the shared blog wrapper also covers future posts automatically. */
.blog-typography {
    font-family: 'Inter', sans-serif !important;
}

.blog-typography :where(p, li, a, button, input, textarea, select, label, td, th, caption, small, blockquote, summary, figcaption) {
    font-family: 'Inter', sans-serif !important;
}

.blog-typography :where(h1, h2, h3, h4, h5, h6, .font-serif) {
    font-family: 'Playfair Display', Georgia, serif !important;
}

/* The Korean edit uses sans-serif for compact utility headings inside its cards. */
.blog-typography :where(.kf-detail h3, .kf-buy-card h3) {
    font-family: 'Inter', sans-serif !important;
}

.fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

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

/* ==========================================
   GLOBAL MOBILE UTILITY
   ========================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

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

/* ==========================================
   NAVIGATION - MOBILE FIXES
   ========================================== */

/* Logo: slightly smaller on mobile */
@media (max-width: 767px) {
    header .h-16 {
        height: 3rem !important;
    }

    /* Ensure mobile menu links have good tap targets */
    #mobile-menu a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    /* Hamburger button tap area */
    #mobile-menu-btn {
        min-width: 44px;
        min-height: 44px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    /* Mobile search in menu should be full-width */
    #mobile-menu form input[type="text"] {
        width: 100% !important;
    }
}

/* ==========================================
   HOME PAGE - HERO SECTION
   ========================================== */
@media (max-width: 767px) {
    /* Stack hero content vertically */
    .hero-bg .grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    /* Reduce hero padding */
    .hero-bg {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    /* Smaller hero heading */
    .hero-bg h1 {
        font-size: 2.25rem !important;
        line-height: 1.2 !important;
    }

    /* Hero image: reasonable height on mobile */
    .hero-bg img.rounded-3xl {
        height: 260px !important;
        border-radius: 1.5rem !important;
        border-width: 2px !important;
    }

    /* Hero CTA button: full-width on mobile */
    .hero-bg .flex-col a {
        width: 100%;
        justify-content: center;
    }

    /* Trust stats: 2-column grid on mobile */
    .bg-white .grid-cols-2 {
        gap: 1rem !important;
    }

    .bg-white .grid-cols-2 p.font-serif {
        font-size: 1.75rem !important;
    }

    /* Latest guides section heading */
    section h2 {
        font-size: 1.75rem !important;
    }

    /* Blog cards grid: single column on mobile */
    .grid.md\:grid-cols-2,
    .grid.md\:grid-cols-3,
    .grid.lg\:grid-cols-3 {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================
   BLOGS PAGE - MOBILE
   ========================================== */
@media (max-width: 767px) {
    /* Blogs page header */
    .fade-in.py-12 h1 {
        font-size: 2rem !important;
    }

    /* Search bar: stack button below on very small screens */
    .fade-in.py-12 form.flex {
        flex-direction: column;
        gap: 0.5rem;
    }

    .fade-in.py-12 form.flex input[type="text"] {
        border-radius: 9999px !important;
        padding-right: 1.5rem !important;
    }

    .fade-in.py-12 form.flex button[type="submit"] {
        border-radius: 9999px !important;
        padding: 0.75rem 2rem;
        width: 100%;
    }

    /* Category filter pills: smaller text */
    .flex.flex-wrap.justify-center a {
        font-size: 0.7rem !important;
        padding: 0.4rem 0.85rem !important;
    }

    /* Blog card images: slightly shorter */
    .relative.h-56 {
        height: 200px !important;
    }
}

/* ==========================================
   ABOUT PAGE - MOBILE
   ========================================== */
@media (max-width: 767px) {
    /* About page heading */
    .fade-in.max-w-5xl h1 {
        font-size: 2rem !important;
    }

    /* Process cards: stack on mobile */
    .fade-in.max-w-5xl .grid.md\:grid-cols-3 {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }

    /* Inspiration section cards */
    .fade-in.max-w-5xl .grid.sm\:grid-cols-2 {
        grid-template-columns: 1fr !important;
    }

    /* Reduce padding in inspiration box */
    .fade-in.max-w-5xl .bg-white.p-8.md\:p-12 {
        padding: 1.5rem !important;
    }
}

/* ==========================================
   CONTACT PAGE - MOBILE
   ========================================== */
@media (max-width: 767px) {
    /* Stack contact columns */
    .fade-in.max-w-7xl .grid.md\:grid-cols-2 {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    /* Contact heading */
    .fade-in.max-w-7xl h1 {
        font-size: 1.85rem !important;
    }

    /* Form padding */
    .fade-in.max-w-7xl .bg-white.p-8 {
        padding: 1.5rem !important;
    }

    /* Submit button */
    .fade-in.max-w-7xl button[type="submit"] {
        padding: 1rem !important;
    }
}

/* ==========================================
   FOOTER - MOBILE
   ========================================== */
@media (max-width: 767px) {
    footer {
        padding-top: 2.5rem !important;
        padding-bottom: 2rem !important;
        margin-top: 2.5rem !important;
    }

    /* Footer grid: already 1-col via Tailwind grid-cols-1, just add spacing */
    footer .grid {
        gap: 2rem !important;
    }

    /* Footer intro text */
    footer .pr-4 {
        padding-right: 0 !important;
    }

    /* Copyright bar: center everything */
    footer .flex.flex-col.md\:flex-row {
        text-align: center;
        gap: 0.5rem !important;
    }
}

/* ==========================================
   BLOG POST PAGES - MOBILE
   ========================================== */
@media (max-width: 767px) {
    /* Blog post container padding */
    .blog1-container, .blog2-container, .blog-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    /* Flowchart: allow horizontal scroll */
    .flowchart-wrapper {
        overflow-x: auto !important;
    }

    /* Table: allow horizontal scroll */
    .table-responsive {
        overflow-x: auto !important;
    }

    /* Infographic nav bar: wrap nicely */
    .infographic-nav-bar {
        padding: 0.75rem 0.5rem !important;
        gap: 0.5rem 0.75rem !important;
        border-radius: 1rem !important;
    }
}

/* ==========================================
   GENERAL SMALL-SCREEN IMPROVEMENTS
   ========================================== */
@media (max-width: 480px) {
    /* Very small phones: tighten spacing */
    .max-w-7xl {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    h1 {
        font-size: 1.75rem !important;
        line-height: 1.25 !important;
    }

    h2 {
        font-size: 1.5rem !important;
    }

    /* Blog cards: reduce padding */
    .blog1-container .p-6, .blog2-container .p-6, .blog-container .p-6 {
        padding: 1rem !important;
    }
}

/* Touch-friendly tap targets across the board */
@media (max-width: 767px) {
    a, button {
        -webkit-tap-highlight-color: rgba(176, 101, 116, 0.1);
    }

    /* Prevent text overflow */
    p, h1, h2, h3, h4, span, li {
        overflow-wrap: break-word;
        word-break: break-word;
    }
}

/* ==========================================
   SUBTLE BLOG THEME UTILITIES
   ========================================== */
.subtle-badge {
    background-color: #FAF4F5;
    color: #9E5463;
    border: 1px solid #ECD6DC;
}

.subtle-card {
    background-color: #FFFFFF;
    border: 1px solid #EAE6E1;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.025);
    transition: all 0.3s ease;
}

.subtle-card:hover {
    border-color: #D6CBC1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

/* StyleSerum 2026 homepage */
:root { --navy:#111b3a; --ivory:#fffaf1; --blush:#f7dfdd; --berry:#b52d58; --ink:#17203b; --muted:#676574; --line:#eadfd6; }
.site-body { background:var(--ivory); color:var(--ink); padding-bottom:0; }
.site-shell { width:min(1180px, calc(100% - 40px)); margin-inline:auto; }
.site-header { background:rgba(17,27,58,.98); color:#fff; box-shadow:0 4px 20px rgba(15,23,42,.12); }
.header-inner { height:76px; display:grid; grid-template-columns:220px 1fr 48px; align-items:center; gap:24px; }
.site-logo { display:flex; align-items:center; width:192px; height:62px; overflow:hidden; position:relative; }
.site-logo img,.footer-logo img { width:100%; height:auto; filter:none; mix-blend-mode:normal; clip-path:inset(0 45% 0 0); }
.site-logo:after,.footer-logo:after { content:""; position:absolute; inset:0; pointer-events:none; background:var(--berry); -webkit-mask:url('../assets/images/styleserum-logo-white-exact.webp') center/100% auto no-repeat; mask:url('../assets/images/styleserum-logo-white-exact.webp') center/100% auto no-repeat; clip-path:inset(0 0 0 55%); }
.desktop-nav { justify-self:center; display:flex; gap:38px; height:100%; align-items:center; }
.desktop-nav a { color:#d8dbea; font-size:13px; font-weight:600; letter-spacing:.04em; position:relative; }
.desktop-nav a:after { content:""; position:absolute; left:0; right:0; bottom:-9px; height:2px; background:#ef789b; transform:scaleX(0); transition:.2s; }
.desktop-nav a:hover,.desktop-nav a.active { color:#fff; }.desktop-nav a.active:after { transform:scaleX(1); }
.header-icon { width:44px; height:44px; border:1px solid rgba(255,255,255,.5); border-radius:50%; display:grid; place-items:center; color:#fff; background:transparent; }
.saved-button:disabled { opacity:.88; cursor:not-allowed; }.mobile-menu-button { display:none; }
.mobile-menu { background:var(--navy); border-top:1px solid rgba(255,255,255,.12); padding:8px 20px 18px; }
.mobile-menu a { display:flex; align-items:center; min-height:48px; color:#d8dbea; border-bottom:1px solid rgba(255,255,255,.08); font-weight:600; }.mobile-menu a.active { color:#fff; }
.home-hero { background-color:#f8ddd8; background-image:url('../assets/images/styleserum-hero-balanced-desktop-v2.webp'); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; position:relative; }
.home-hero:before { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(181,45,88,.12); border-radius:50%; left:-260px; top:-220px; box-shadow:0 0 0 70px rgba(255,255,255,.08); pointer-events:none; }
.hero-layout { min-height:510px; display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:22px; padding-block:40px; }
.eyebrow { display:block; color:var(--berry); font-size:11px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; margin-bottom:12px; }
.hero-copy h1 { font-size:clamp(52px,5.2vw,76px); line-height:.99; letter-spacing:-.04em; color:var(--navy); margin:0 0 24px; }
.hero-accent-text { color:var(--berry); font-style:italic; font-weight:600; position:relative; display:inline-block; letter-spacing:-.035em; }
.hero-accent-text:after { content:""; position:absolute; left:5%; right:-2%; bottom:-7px; height:7px; border-top:2px solid rgba(181,45,88,.38); border-radius:50%; transform:rotate(-1.5deg); }
.hero-copy p { font-size:18px; line-height:1.7; color:#5c5967; max-width:480px; margin-bottom:32px; }
.primary-cta { display:inline-flex; min-height:52px; align-items:center; gap:13px; padding:0 24px; border-radius:999px; background:var(--berry); color:#fff; font-size:14px; font-weight:700; box-shadow:0 10px 26px rgba(181,45,88,.2); transition:transform .2s,background .2s; }.primary-cta:hover { background:#962148; transform:translateY(-2px); }
.hero-art { position:relative; min-height:430px; }
.hero-float { position:absolute; background:#fff; border:7px solid #fff; border-radius:24px; overflow:hidden; box-shadow:0 15px 30px rgba(57,38,51,.2); }.hero-float img { width:100%; height:100%; object-fit:contain; background:#f7f1ed; }
.hero-float-one { width:142px; height:150px; left:-18px; bottom:5px; transform:rotate(-7deg); }.hero-float-two { width:126px; height:134px; right:-10px; top:0; transform:rotate(7deg); }
.hero-sparkle { position:absolute; color:var(--berry); font-size:28px; }.sparkle-one { left:3px; top:37px; }.sparkle-two { right:8px; bottom:52px; }
.home-section { padding:82px 0; }.section-heading { text-align:center; margin-bottom:38px; }.section-heading h2 { margin:0; color:var(--navy); font-size:clamp(32px,3.3vw,46px); line-height:1.1; }
.categories-section { background:var(--ivory); padding:52px 0 44px; }.category-row { display:grid; grid-template-columns:repeat(8,1fr); gap:14px; }
.category-card { color:var(--ink); text-align:center; font-size:12px; line-height:1.3; font-weight:700; min-width:0; background:#f8eee7; border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 5px 16px rgba(35,28,44,.055); transition:transform .2s,box-shadow .2s; }.category-image { display:block; aspect-ratio:1.08; background:#f4e7e0; overflow:hidden; border:0; border-radius:0; margin:0; }.category-image img { width:100%; height:100%; object-fit:cover; object-position:center; }.category-label { min-height:48px; padding:9px 7px 10px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#fffaf5 0%,#f5e8df 100%); border-top:1px solid rgba(221,202,191,.7); }.category-card:hover { transform:translateY(-4px); box-shadow:0 12px 24px rgba(28,27,46,.1); }
.image-fallback { background:linear-gradient(135deg,#f8e6e0,#f0cfd7); position:relative; }.image-fallback:after { content:'StyleSerum'; position:absolute; inset:0; display:grid; place-items:center; font-family:'Playfair Display',serif; color:var(--berry); }
.trending-section { background:linear-gradient(180deg,#fffaf1 0%,#fff6ef 54%,#fbece9 100%); border-top:1px solid rgba(234,223,214,.75); border-bottom:1px solid rgba(234,223,214,.75); padding:48px 0 42px; }
.trending-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:14px; }.trending-heading .eyebrow { margin-bottom:7px; }.trending-heading h2 { margin:0; color:var(--navy); font-size:clamp(30px,3vw,42px); line-height:1.1; }.trending-toggle { color:var(--berry); background:#fff8f6; border:1px solid rgba(181,45,88,.22); border-radius:999px; min-height:44px; padding:0 16px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; display:inline-flex; align-items:center; gap:8px; transition:background .2s,color .2s,transform .2s; }.trending-toggle:hover { color:#fff; background:var(--berry); transform:translateY(-2px); }
.affiliate-note { max-width:880px; margin:0 0 25px; color:#77727c; font-size:10px; line-height:1.55; }.affiliate-note strong { color:#56515d; }
.trending-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; padding:3px 2px 18px; }.trending-row:not(.is-expanded) .product-card:nth-child(n+6) { display:none; }.trending-row.is-expanded { grid-template-columns:repeat(4,minmax(0,1fr)); }
.product-card { min-width:0; background:rgba(255,255,255,.92); border:1px solid #eadbd6; border-radius:17px; overflow:hidden; box-shadow:0 6px 18px rgba(58,32,44,.06); transition:transform .2s,box-shadow .2s; }.product-card:hover { transform:translateY(-4px); box-shadow:0 12px 26px rgba(58,32,44,.11); }.product-link { display:flex; flex-direction:column; height:100%; color:var(--ink); }.product-image { display:block; height:178px; background:linear-gradient(145deg,#fff 0%,#fff9f5 100%); padding:14px; overflow:hidden; position:relative; }.product-image img { width:100%; height:100%; object-fit:contain; }.product-body { min-height:145px; display:flex; flex-direction:column; padding:13px 14px 14px; border-top:1px solid #f0dfda; }.product-title { min-height:49px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:var(--navy); font-size:11px; font-weight:700; line-height:1.45; }.product-rating { margin-top:10px; color:#1b2441; font-size:10px; font-weight:700; }.product-rating i { color:#d89528; margin-right:3px; }.product-rating span { color:#7c7881; font-weight:500; }.product-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:12px; }.product-bottom strong { color:var(--berry); font-size:16px; }.product-bottom>span { color:#35724d; background:#edf7f0; border-radius:999px; padding:4px 7px; font-size:8px; font-weight:700; white-space:nowrap; }
.guides-section { background:#fff5ed; padding:54px 0 58px; }.section-heading-row { display:flex; justify-content:space-between; align-items:end; text-align:left; }.section-heading-row .eyebrow { margin-bottom:8px; }.text-link { color:var(--berry); font-size:13px; font-weight:700; min-height:44px; display:flex; align-items:center; gap:8px; }
.guides-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.guide-card { background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:0 8px 28px rgba(31,23,35,.06); }.guide-image { position:relative; display:block; aspect-ratio:1.55; overflow:hidden; background:#f1e5df; }.guide-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }.guide-card:hover .guide-image img { transform:scale(1.035); }.guide-banner-copy { position:absolute; z-index:2; top:50%; left:7%; width:46%; transform:translateY(-50%); color:#fff; text-align:left; text-shadow:0 1px 8px rgba(36,5,19,.34); }.guide-banner-copy small { display:block; margin-bottom:6px; color:#ffdda0; font-size:8px; font-style:normal; font-weight:800; letter-spacing:.12em; line-height:1.3; text-transform:uppercase; }.guide-banner-copy strong { display:block; color:#fff; font-family:'Playfair Display',serif; font-size:clamp(19px,1.65vw,25px); font-weight:600; line-height:1.04; }.guide-banner-copy em { display:block; margin-top:7px; color:#fff1df; font-size:9px; font-style:normal; font-weight:700; }.guide-content { padding:23px; }.guide-category { color:var(--berry); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.guide-content h3 { font-size:21px; line-height:1.28; color:var(--navy); margin:9px 0 10px; }.guide-content h3 a:hover { color:var(--berry); }.guide-content p { font-size:13px; color:var(--muted); line-height:1.65; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }.guide-meta { display:flex; gap:12px; border-top:1px solid #eee4df; margin-top:18px; padding-top:15px; color:#817b83; font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.site-footer { background:var(--navy); color:#bfc4d5; padding:64px 0 0; }.footer-grid { display:grid; grid-template-columns:1.3fr .72fr 1.1fr 1.35fr; gap:55px; padding-bottom:46px; }.footer-logo { display:block; position:relative; width:180px; height:58px; overflow:hidden; margin-bottom:17px; }.site-footer h2 { color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:18px; }.site-footer p,.site-footer a,.site-footer li { font-size:12px; line-height:1.8; }.site-footer li { margin-bottom:5px; }.site-footer a:hover { color:#fff; }.social-links { display:flex; gap:9px; margin-top:19px; }.footer-brand .social-links { width:180px; justify-content:center; }.social-icon { width:36px; height:36px; display:grid; place-items:center; border:1px solid #505975; border-radius:50%; color:#fff; }.footer-brand .social-icon { flex:1; width:auto; max-width:86px; border-radius:999px; }.social-icon:not(a) { opacity:.65; cursor:not-allowed; }.footer-bottom { border-top:1px solid #313b5a; padding:22px 0 27px; text-align:center; font-size:11px; color:#8991a9; }.mobile-bottom-nav { display:none; }
@media (max-width:900px) { .category-row { grid-template-columns:repeat(4,1fr); }.footer-grid { grid-template-columns:repeat(2,1fr); }.hero-layout { gap:30px; }.guides-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px) {
  .home-hero .site-shell { width:min(1400px,calc(100% - 64px)); }
}
@media (max-width:767px) {
  .site-body { padding-bottom:0; }.site-shell { width:min(100% - 32px,1180px); }.header-inner { height:64px; grid-template-columns:44px 1fr 44px; gap:8px; }.mobile-menu-button { display:grid!important; }.site-logo { width:148px; height:52px; justify-self:center; }.desktop-nav { display:none; }
  .home-hero { background-image:url('../assets/images/styleserum-hero-unified-mobile.webp'); background-position:62% center; background-size:cover; }
  .hero-layout { min-height:650px; grid-template-columns:1fr; text-align:center; padding-block:45px 30px; gap:8px; align-content:space-between; }.hero-copy h1 { font-size:clamp(46px,12.5vw,51px)!important; line-height:.98!important; letter-spacing:-.045em; margin-bottom:26px; }.hero-copy p { font-size:15px; margin-inline:auto; margin-bottom:25px; }.primary-cta { min-height:50px; }.hero-art { min-height:255px; max-width:480px; width:100%; margin:auto; }
  .home-section { padding:40px 0; }.categories-section { padding:40px 0 34px; }.trending-section { padding:38px 0 34px; }.guides-section { padding:40px 0 44px; }.section-heading { margin-bottom:23px; }.section-heading h2 { font-size:32px!important; }.category-row { display:flex; overflow-x:auto; gap:15px; margin-inline:-16px; padding:3px 16px 10px; scroll-snap-type:x proximity; scrollbar-width:none; }.category-row::-webkit-scrollbar { display:none; }.category-card { flex:0 0 94px; scroll-snap-align:start; font-size:10px; border:0; border-radius:0; overflow:visible; background:transparent; box-shadow:none; }.category-card:hover { transform:none; box-shadow:none; }.category-image { width:82px; height:82px; aspect-ratio:1; border-radius:50%; margin:0 auto 9px; border:1px solid #eadbd6; box-shadow:0 4px 12px rgba(58,32,44,.07); }.category-label { min-height:34px; padding:0 2px; display:flex; align-items:flex-start; background:transparent; border:0; line-height:1.28; }
  .trending-heading { align-items:end; }.trending-heading h2 { font-size:29px!important; }.trending-toggle { min-height:40px; padding-inline:12px; font-size:9px; }.affiliate-note { font-size:9px; margin-bottom:18px; }.trending-row { display:grid; grid-auto-flow:column; grid-auto-columns:158px; grid-template-columns:none; gap:12px; overflow-x:auto; margin-inline:-16px; padding-inline:16px; scroll-snap-type:x proximity; scrollbar-width:none; }.trending-row:not(.is-expanded) .product-card:nth-child(n+4) { display:none; }.trending-row.is-expanded { grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; margin-inline:0; padding-inline:0; }.trending-row::-webkit-scrollbar { display:none; }.product-card { scroll-snap-align:start; }.product-image { height:142px; padding:10px; }.product-body { min-height:139px; padding:11px 11px 12px; }.product-title { font-size:10px; min-height:44px; }.product-bottom strong { font-size:14px; }.product-bottom>span { display:none; }
  .section-heading-row { align-items:end; }.section-heading-row .text-link { font-size:0; }.section-heading-row .text-link i { font-size:14px; width:44px; height:44px; border:1px solid var(--berry); border-radius:50%; display:grid; place-items:center; }.guides-grid { grid-template-columns:1fr; gap:20px; }.guide-card { display:block; border-radius:24px; }.guide-image { aspect-ratio:1.55; height:auto; min-height:0; }.guide-content { padding:23px; }.guide-content h3 { font-size:21px; }.guide-content p { display:-webkit-box; }.guide-meta { display:flex; line-height:normal; margin-top:18px; padding-top:15px; }.guide-meta span { display:inline; }
  .site-footer { padding-top:44px; margin-top:0!important; }.site-footer h2 { font-size:12px!important; line-height:1.35!important; letter-spacing:.12em; margin-bottom:15px; }.footer-grid { grid-template-columns:1fr; gap:30px; padding-bottom:34px; }.footer-bottom { padding-bottom:22px; }.footer-logo,.footer-brand .social-links { width:168px; }.mobile-bottom-nav { display:none; }
}
/* Inner pages: extend the home-page editorial theme */
.editorial-product-card { border:1px solid #eadbd2!important; background:linear-gradient(145deg,#fff 0%,#fffdfb 64%,#fff8f2 100%)!important; border-radius:28px!important; box-shadow:0 12px 34px rgba(38,28,34,.09)!important; }
.editorial-product-card--detailed { display:grid!important; grid-template-columns:minmax(280px,38%) minmax(0,62%); gap:26px!important; padding:24px!important; margin-bottom:34px; }
.editorial-product-card--detailed>div:nth-child(2) { width:auto!important; height:100%; min-height:0; display:flex; grid-column:1; grid-row:1; overflow:hidden; border-radius:20px; background:#fff8f3; }
.editorial-product-card--detailed>div:nth-child(2) img { width:100%!important; height:100%!important; min-height:0!important; aspect-ratio:auto; object-fit:cover!important; object-position:center; border-radius:20px!important; box-shadow:none!important; }
.editorial-product-card--detailed>div:nth-child(3) { width:auto!important; grid-column:2; grid-row:1/3; padding:10px 8px 8px 16px!important; border:0!important; justify-content:start!important; }
.editorial-product-card--detailed>div:nth-child(3)>h3 { color:var(--navy)!important; font-size:clamp(25px,2.6vw,37px)!important; line-height:1.16!important; margin-bottom:15px!important; }
.editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(1) { color:var(--navy)!important; background:linear-gradient(90deg,#fee9df,#fbe2e2)!important; border:0!important; box-shadow:none!important; }
.editorial-product-card--detailed>div:nth-child(3)>p { color:#27304a!important; font-size:15px!important; line-height:1.65!important; }
.editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(2) { border:0!important; overflow:visible!important; }
.editorial-product-card--detailed table { border-collapse:separate; border-spacing:7px; }
.editorial-product-card--detailed thead { display:none; }
.editorial-product-card--detailed tbody tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.editorial-product-card--detailed tbody td { display:flex; align-items:center; justify-content:center; min-height:54px; padding:9px!important; color:var(--navy)!important; background:#fffaf6; border:1px solid #ecdcd3!important; border-radius:12px; font-size:11px!important; }
.editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(3) { display:grid!important; grid-template-columns:1fr 1fr; gap:14px!important; padding:0!important; background:transparent!important; border:0!important; }
.editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(3)>div { padding:18px; background:linear-gradient(145deg,#fffdf8,#f8f5ec); border-radius:16px; }
.editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(3)>div:last-child { background:linear-gradient(145deg,#fffaf5,#fff1e7); }
.editorial-product-card--detailed>div:nth-child(4) { width:auto!important; grid-column:1; grid-row:2; padding:0!important; justify-content:start!important; }
.editorial-product-card--detailed>div:nth-child(4)>div:nth-child(-n+3) { display:none!important; }
.editorial-product-card--detailed>div:nth-child(4)>div:last-child { width:100%!important; max-width:none!important; padding:0!important; }
.editorial-product-card--detailed>div:nth-child(4) h4,.editorial-product-card--detailed>div:nth-child(4) ul { display:none!important; }
.editorial-product-card--detailed>div:nth-child(4) a { width:100%!important; min-height:58px; background:linear-gradient(135deg,var(--berry),#d33263)!important; border-radius:13px!important; font-size:14px!important; box-shadow:0 10px 22px rgba(181,45,88,.2)!important; }
.editorial-product-card--detailed>div:nth-child(4) a span br { display:none; }
.editorial-product-card--study { padding:22px!important; margin:28px 0!important; }
.editorial-product-card--study>div:first-child { border:0!important; background:linear-gradient(90deg,#fee9df,#fbe2e2)!important; border-radius:16px!important; padding:16px 18px!important; }
.editorial-product-card--study>div:first-child span { color:var(--berry)!important; }
.editorial-product-card--study>div:nth-child(2)>div:first-child { border-color:#eadbd2!important; background:#fff7f1!important; border-radius:18px!important; }
.editorial-product-card--study>div:nth-child(2)>div:first-child img { width:100%; aspect-ratio:1/1; object-fit:cover; }
.editorial-product-card--study .study-pro-chip { background:#f6f8ef!important; border:1px solid #e2e9d7; }
.editorial-product-card--study .study-con-chip { background:#fff5ea!important; border:1px solid #f2dfc7; }
.editorial-product-card--study a[href*="amazon"] { background:linear-gradient(135deg,var(--berry),#d33263)!important; color:#fff!important; border-radius:13px!important; }
.inner-page { position:relative; z-index:0; color:var(--ink); }
.inner-page:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:calc(50% - 50vw); right:calc(50% - 50vw); background:radial-gradient(circle at 14% 5%,rgba(255,255,255,.92),transparent 25%),radial-gradient(circle at 88% 12%,rgba(239,120,155,.15),transparent 24%),linear-gradient(180deg,#fce8df 0%,#fff8f1 32%,#fffaf1 70%,#f9eae7 100%); }
.inner-page>div:first-child>.text-center:first-child,.about-page>.text-center:first-child { padding-top:28px; }
.inner-page h1 { color:var(--navy)!important; font-size:clamp(42px,5vw,64px)!important; font-weight:600!important; line-height:1.08!important; letter-spacing:-.035em; }
.inner-page h2,.inner-page h3 { color:var(--navy)!important; }
.inner-page>div:first-child>.text-center:first-child>span,.about-page>.text-center:first-child>span,.contact-page>div>.space-y-6>span { display:inline-flex; align-items:center; gap:9px; color:var(--berry)!important; font-size:10px!important; font-weight:800!important; letter-spacing:.18em!important; }
.inner-page>div:first-child>.text-center:first-child>span:before,.about-page>.text-center:first-child>span:before,.contact-page>div>.space-y-6>span:before { content:""; width:25px; height:1px; background:var(--berry); }
.blogs-page form { border-radius:999px; filter:drop-shadow(0 12px 25px rgba(33,25,38,.08)); }
.blogs-page form input[type="text"] { border-color:#ead6d0!important; background:rgba(255,255,255,.96)!important; }
.blogs-page form input[type="text"]:focus { border-color:var(--berry)!important; box-shadow:0 0 0 3px rgba(181,45,88,.1); }
.blogs-page form button { background:var(--navy)!important; transition:background .2s,transform .2s; }
.blogs-page form button:hover { background:var(--berry)!important; transform:translateY(-1px); }
.blogs-page .flex.flex-wrap.justify-center a { border-color:#e7d5cf!important; background:#fffaf7!important; color:var(--navy)!important; }
.blogs-page .flex.flex-wrap.justify-center a.bg-charcoal-900 { border-color:var(--navy)!important; background:var(--navy)!important; color:#fff!important; box-shadow:0 7px 18px rgba(15,27,50,.16); }
.blogs-page .grid.md\:grid-cols-2>div { border-color:#eadbd6!important; background:rgba(255,255,255,.94)!important; border-radius:24px!important; box-shadow:0 8px 28px rgba(31,23,35,.06)!important; }
.blogs-page .grid.md\:grid-cols-2>div:hover { box-shadow:0 15px 35px rgba(31,23,35,.11)!important; }
.blogs-page .grid.md\:grid-cols-2>div h3 { font-size:22px; line-height:1.28; }
.blogs-page .grid.md\:grid-cols-2>div a { color:var(--berry)!important; }
.blogs-page .relative.h-56 span { color:var(--navy)!important; border-color:#eadbd6!important; }
.about-page { max-width:1180px!important; }
.about-page>.grid.md\:grid-cols-3>div { border-color:#eadbd6!important; background:rgba(255,255,255,.96)!important; border-radius:24px!important; box-shadow:0 8px 28px rgba(31,23,35,.06)!important; transition:transform .2s,box-shadow .2s; }
.about-page>.grid.md\:grid-cols-3>div:hover { transform:translateY(-4px); box-shadow:0 14px 32px rgba(31,23,35,.1)!important; }
.about-page>.grid.md\:grid-cols-3>div>div:first-child { background:#fbe4e6!important; color:var(--berry)!important; border-radius:50%!important; }
.about-page>.bg-white { position:relative; overflow:hidden; border-color:#eadbd6!important; background:linear-gradient(135deg,#fffaf6 0%,#fff 52%,#fdf0ea 100%)!important; border-radius:28px!important; box-shadow:0 10px 32px rgba(31,23,35,.07)!important; }
.about-page>.bg-white:after { content:""; position:absolute; width:190px; height:190px; right:-75px; top:-90px; border:1px solid rgba(181,45,88,.14); border-radius:50%; }
.about-page>.bg-white h2 { position:relative; color:var(--berry)!important; }
.contact-page { width:min(100% - 32px,1180px)!important; padding-top:72px!important; padding-bottom:76px!important; }
.contact-page:before { top:0; bottom:0; left:calc(50% - 50vw); right:calc(50% - 50vw); }
.contact-page>div { align-items:center!important; }
.contact-page>div>.space-y-6 { padding:34px 22px 34px 0; }
.contact-page>div>.space-y-6 h1 { font-size:clamp(42px,4.5vw,60px)!important; }
.contact-page .w-10.h-10 { width:48px!important; height:48px!important; background:#fbe4e6!important; color:var(--berry)!important; box-shadow:0 7px 18px rgba(181,45,88,.09); }
.contact-page>div>.bg-white { border-color:#eadbd6!important; background:rgba(255,255,255,.96)!important; border-radius:28px!important; box-shadow:0 16px 42px rgba(31,23,35,.1)!important; }
.contact-page input,.contact-page textarea { border-color:#eadbd6!important; background:#fffaf7!important; }
.contact-page input:focus,.contact-page textarea:focus { border-color:var(--berry)!important; box-shadow:0 0 0 3px rgba(181,45,88,.1); }
.contact-page button[type="submit"] { background:var(--berry)!important; border-radius:999px!important; box-shadow:0 10px 24px rgba(181,45,88,.2)!important; }
.contact-page button[type="submit"]:hover { background:#962148!important; transform:translateY(-1px); }
@media (max-width:767px) {
  .editorial-product-card { border-radius:20px!important; }
  .editorial-product-card--detailed { grid-template-columns:1fr; gap:12px!important; padding:12px!important; margin-bottom:24px; }
  .editorial-product-card--detailed>div:nth-child(2) { height:auto; grid-column:1; grid-row:1; border-radius:14px; }
  .editorial-product-card--detailed>div:nth-child(2) img { height:auto!important; aspect-ratio:1/1; object-fit:contain!important; border-radius:14px!important; }
  .editorial-product-card--detailed>div:nth-child(4) { grid-column:1; grid-row:2; }
  .editorial-product-card--detailed>div:nth-child(4) a { min-height:46px; border-radius:10px!important; }
  .editorial-product-card--detailed>div:nth-child(3) { grid-column:1; grid-row:3; padding:7px 3px 3px!important; }
  .editorial-product-card--detailed>div:nth-child(3)>h3 { font-size:22px!important; margin-bottom:10px!important; }
  .editorial-product-card--detailed>div:nth-child(3)>p { font-size:12px!important; line-height:1.5!important; margin-bottom:10px!important; }
  .editorial-product-card--detailed tbody tr { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .editorial-product-card--detailed tbody td { min-height:40px; padding:6px 4px!important; font-size:9px!important; border-radius:8px; }
  .editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(3) { grid-template-columns:1fr!important; gap:7px!important; }
  .editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(3)>div { padding:12px; border-radius:11px; }
  .editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(3) h4 { margin-bottom:7px!important; }
  .editorial-product-card--detailed>div:nth-child(3)>div:nth-of-type(3) li { font-size:9px; line-height:1.35; }
  .editorial-product-card--study { padding:12px!important; margin:22px 0!important; }
  .editorial-product-card--study>div:first-child { padding:12px!important; }
  .inner-page:before { top:0; bottom:0; }
  .inner-page h1 { font-size:34px!important; }
  .inner-page>div:first-child>.text-center:first-child,.about-page>.text-center:first-child { padding-top:8px; }
  .blogs-page { padding-top:34px!important; padding-bottom:42px!important; }
  .blogs-page form { filter:none; }
  .blogs-page .grid.md\:grid-cols-2>div { border-radius:20px!important; }
  .about-page { padding-top:42px!important; padding-bottom:46px!important; }
  .about-page>.grid.md\:grid-cols-3>div { padding:24px!important; }
  .about-page>.bg-white { border-radius:22px!important; }
  .contact-page { padding-top:42px!important; padding-bottom:48px!important; }
  .contact-page>div>.space-y-6 { padding:10px 0 4px; }
  .contact-page>div>.bg-white { border-radius:22px!important; }
}
/* Contact page redesign */
.contact-redesign { width:min(1180px,calc(100% - 40px))!important; max-width:none!important; margin-inline:auto; padding:46px 0 70px!important; }
.contact-redesign:before { top:0; bottom:0; }
.contact-hero-new { min-height:390px; display:grid; grid-template-columns:1.25fr .75fr; overflow:hidden; position:relative; border-radius:30px; background:radial-gradient(circle at 75% 20%,rgba(239,120,155,.22),transparent 27%),linear-gradient(135deg,#fff8f1 0%,#f7dedc 55%,#f4d3d6 100%); border:1px solid #ead7d1; box-shadow:0 18px 48px rgba(35,27,33,.1); }
.contact-hero-copy-new { display:flex; flex-direction:column; justify-content:center; padding:52px; }
.contact-hero-copy-new h1 { max-width:760px; margin:0 0 20px; color:var(--navy); font-size:clamp(45px,5vw,68px)!important; line-height:1.02!important; }
.contact-hero-copy-new>p { max-width:680px; color:#5c5864; font-size:15px; line-height:1.75; }
.contact-hero-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }
.contact-hero-tags span { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:0 13px; border:1px solid rgba(181,45,88,.16); border-radius:999px; background:rgba(255,255,255,.7); color:var(--navy); font-size:10px; font-weight:700; }
.contact-hero-tags i { color:var(--berry); }
.contact-hero-decoration { position:relative; overflow:hidden; }
.contact-envelope { position:absolute; z-index:2; left:50%; top:50%; width:160px; height:160px; display:grid; place-items:center; transform:translate(-50%,-50%) rotate(-5deg); border:1px solid rgba(255,255,255,.85); border-radius:42px; background:rgba(255,255,255,.72); color:var(--berry); font-size:58px; box-shadow:0 18px 35px rgba(76,37,51,.12); backdrop-filter:blur(8px); }
.contact-orbit { position:absolute; width:340px; height:340px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid rgba(181,45,88,.19); border-radius:50%; box-shadow:0 0 0 46px rgba(255,255,255,.11),0 0 0 92px rgba(181,45,88,.05); }
.contact-sparkle { position:absolute; z-index:3; color:var(--berry); }.contact-sparkle.one { left:18%; top:20%; font-size:23px; }.contact-sparkle.two { right:17%; bottom:18%; font-size:16px; }
.contact-main-new { display:grid; grid-template-columns:.85fr 1.15fr; gap:34px; align-items:start; padding:64px 0 55px; }
.contact-options-new { padding:18px 10px 0 2px; }
.contact-section-intro h2 { margin:5px 0 15px; color:var(--navy); font-size:39px; line-height:1.12; }
.contact-section-intro>p { margin-bottom:27px; color:#65606b; font-size:12px; line-height:1.75; }
.contact-channel-card { display:grid; grid-template-columns:50px 1fr 24px; gap:13px; align-items:center; margin-bottom:12px; padding:17px; border:1px solid #eadbd2; border-radius:18px; background:rgba(255,255,255,.9); box-shadow:0 7px 22px rgba(35,27,33,.045); transition:transform .2s,box-shadow .2s; }
.contact-channel-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(35,27,33,.08); }
.contact-channel-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#f8e2e4; color:var(--berry); font-size:18px; }
.contact-channel-card>span:nth-child(2) { min-width:0; }
.contact-channel-card small,.contact-channel-card strong,.contact-channel-card em { display:block; overflow-wrap:anywhere; }
.contact-channel-card small { color:var(--berry); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.contact-channel-card strong { margin:3px 0; color:var(--navy); font-size:12px; }
.contact-channel-card em { color:#77717b; font-size:9px; font-style:normal; }
.contact-channel-card>i { color:var(--berry); font-size:11px; }
.contact-channel-card.pinterest .contact-channel-icon { background:#f4d9df; }
.contact-help-note { display:flex; gap:11px; margin-top:21px; padding:16px; border-radius:15px; background:#fff7e9; color:#6b635a; font-size:10px; line-height:1.55; }
.contact-help-note i { color:#dfa027; margin-top:3px; }
.contact-form-card-new { padding:36px; border:1px solid #eadbd2; border-radius:28px; background:rgba(255,255,255,.96); box-shadow:0 16px 42px rgba(31,23,35,.1); }
.contact-form-heading>span { color:var(--berry); font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.contact-form-heading h2 { margin:6px 0 7px; color:var(--navy); font-size:35px; }
.contact-form-heading p { color:#77717a; font-size:10px; }
.contact-success { display:flex; gap:9px; align-items:center; margin-top:20px; padding:13px 15px; border:1px solid #cfe5d4; border-radius:12px; background:#f1f8f2; color:#367449; font-size:11px; }
.contact-error { display:flex; gap:9px; align-items:center; margin-top:20px; padding:13px 15px; border:1px solid #f5c2c7; border-radius:12px; background:#fdf2f2; color:#b52d58; font-size:11px; }
.email-verify-feedback { font-size:11px; margin-top:6px; display:flex; align-items:center; gap:6px; }
.email-verify-feedback.valid { color:#2e7d32; }
.email-verify-feedback.invalid { color:#b52d58; }
.email-verify-feedback.checking { color:#777; }
.email-verify-feedback.typo { color:#d97706; }
.typo-suggestion-link { color:#b52d58; cursor:pointer; font-weight:700; text-decoration:underline; }
.contact-input-action-wrap { position:relative; display:flex; align-items:center; width:100%; }
.contact-input-action-wrap input { padding-right:110px!important; }
.btn-otp-action { position:absolute; right:6px; top:50%; transform:translateY(-50%); height:36px; padding:0 14px; border:0!important; border-radius:9px!important; background:var(--berry)!important; color:#fff!important; font-size:11px!important; font-weight:700!important; letter-spacing:.02em; cursor:pointer; white-space:nowrap; transition:background .2s,transform .2s,opacity .2s; box-shadow:0 2px 8px rgba(181,45,88,.2)!important; display:inline-flex; align-items:center; justify-content:center; gap:5px; margin:0!important; min-height:0!important; }
.btn-otp-action:hover { background:#9b244b!important; }
.btn-otp-action:disabled { opacity:.6; cursor:not-allowed; }
.btn-otp-action.verified { background:#e8f5e9!important; color:#2e7d32!important; border:1px solid #a5d6a7!important; box-shadow:none!important; cursor:default; }

.contact-otp-card { padding:18px 20px; background:linear-gradient(135deg,#fffaf7 0%,#fff4f0 100%); border:1.5px solid #ecd5cc; border-radius:18px; box-shadow:0 6px 20px rgba(181,45,88,.04); margin-top:2px; margin-bottom:4px; }
.otp-card-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.otp-card-badge { display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--berry); background:rgba(181,45,88,.09); padding:4px 10px; border-radius:999px; }
.otp-card-instruction { font-size:11px; color:#6a646c; margin:0; }
.otp-card-instruction strong { color:var(--navy); }
.otp-card-controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.otp-input-box { width:135px; }
.otp-input-box input { height:44px!important; text-align:center!important; font-size:20px!important; font-weight:800!important; letter-spacing:.3em!important; border-radius:11px!important; background:#fff!important; color:var(--navy)!important; border:1.5px solid #dcc6be!important; }
.btn-otp-verify { height:44px; min-height:0!important; padding:0 20px; border:0!important; border-radius:11px!important; background:linear-gradient(135deg,var(--berry),#d33263)!important; color:#fff!important; font-size:12px!important; font-weight:700!important; cursor:pointer; display:inline-flex; align-items:center; gap:8px; box-shadow:0 4px 14px rgba(181,45,88,.2)!important; transition:transform .2s,box-shadow .2s; }
.btn-otp-verify:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(181,45,88,.28)!important; }
.otp-resend-inline { display:inline-flex; align-items:center; gap:8px; font-size:11px; color:#888; }
.btn-resend-link { background:none!important; border:0!important; padding:0!important; min-height:0!important; box-shadow:none!important; color:var(--berry)!important; font-size:11px!important; font-weight:700!important; text-decoration:underline; cursor:pointer; }
.btn-resend-link:hover { color:#9b244b!important; transform:none!important; }
.otp-status-feedback { font-size:11px; margin-top:8px; display:flex; align-items:center; gap:6px; font-weight:600; }
.otp-status-feedback.error { color:#b52d58; }
.otp-status-feedback.success { color:#2e7d32; }
.badge-verified { display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px; background:#e8f5e9; color:#2e7d32; font-size:9px; font-weight:700; text-transform:none; letter-spacing:0; vertical-align:middle; margin-left:6px; }

.contact-form-new { display:grid; gap:18px; margin-top:27px; }
.contact-field-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.contact-field label { display:block; margin-bottom:7px; color:var(--navy); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.contact-field input,.contact-field select,.contact-field textarea { width:100%; border:1px solid #e7d7d0!important; border-radius:13px!important; outline:0; background:#fffaf7!important; color:var(--navy); font:inherit; font-size:12px; transition:border .2s,box-shadow .2s; }
.contact-field input,.contact-field select { height:49px; padding:0 14px; }
.contact-field textarea { min-height:145px; padding:13px 14px; resize:vertical; }
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus { border-color:var(--berry)!important; box-shadow:0 0 0 3px rgba(181,45,88,.1); }
.contact-field small { display:block; margin-top:6px; color:#8b858d; font-size:8px; }
.contact-select-wrap { position:relative; }.contact-select-wrap select { appearance:none; padding-right:40px; }.contact-select-wrap>i { position:absolute; right:14px; top:18px; color:var(--berry); font-size:10px; pointer-events:none; }
.contact-form-new button[type="submit"],.contact-form-new button.contact-submit-btn { min-height:53px; display:flex; align-items:center; justify-content:center; gap:11px; border:0; border-radius:999px!important; background:linear-gradient(135deg,var(--berry),#d33263)!important; color:#fff; font-size:12px; font-weight:800; box-shadow:0 10px 24px rgba(181,45,88,.2)!important; transition:transform .2s,box-shadow .2s; }
.contact-form-new button[type="submit"]:hover,.contact-form-new button.contact-submit-btn:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(181,45,88,.26)!important; }
.contact-bottom-new { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; border-radius:20px; background:var(--navy); }
.contact-bottom-new>div { display:flex; align-items:center; gap:13px; }.contact-bottom-new>div>i { color:#ef789b; font-size:20px; }.contact-bottom-new span { color:#bfc4d5; font-size:10px; }.contact-bottom-new strong { display:block; color:#fff; font-size:12px; }
.contact-bottom-new>a { display:inline-flex; align-items:center; gap:9px; color:#fff; font-size:10px; font-weight:800; white-space:nowrap; }
@media (max-width:767px) {
  .contact-redesign { width:min(100% - 32px,1180px)!important; padding:25px 0 45px!important; }
  .contact-hero-new { min-height:0; grid-template-columns:1fr; border-radius:22px; }
  .contact-hero-copy-new { padding:33px 21px 35px; }
  .contact-hero-copy-new h1 { font-size:38px!important; }
  .contact-hero-copy-new>p { font-size:13px; }
  .contact-hero-decoration { min-height:235px; }
  .contact-envelope { width:125px; height:125px; border-radius:33px; font-size:45px; }
  .contact-orbit { width:250px; height:250px; }
  .contact-main-new { grid-template-columns:1fr; gap:30px; padding:45px 0; }
  .contact-options-new { padding:0; }
  .contact-section-intro h2 { font-size:34px!important; }
  .contact-form-card-new { padding:26px 17px; border-radius:22px; }
  .contact-form-heading h2 { font-size:31px!important; }
  .contact-field-row { grid-template-columns:1fr; }
  .contact-bottom-new { flex-direction:column; align-items:flex-start; padding:21px; }
}

/* About page redesign */
.about-redesign { width:min(1180px,calc(100% - 40px)); max-width:none!important; margin-inline:auto; padding:46px 0 70px!important; }
.about-redesign:before { top:0; bottom:0; }
.about-hero-new { display:block; min-height:600px; overflow:hidden; position:relative; isolation:isolate; border:1px solid #eadbd2; border-radius:32px; background:#f6e7dc; box-shadow:0 20px 55px rgba(35,27,33,.13); }
.about-hero-new:after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(255,249,243,.99) 0%,rgba(255,247,240,.96) 34%,rgba(255,246,239,.56) 53%,rgba(255,255,255,0) 72%); }
.about-hero-copy-new { position:relative; z-index:2; width:57%; min-height:600px; display:flex; flex-direction:column; justify-content:center; padding:62px 48px; }
.about-hero-copy-new h1 { max-width:620px; margin:0 0 23px; font-size:clamp(45px,5.1vw,69px)!important; text-shadow:0 2px 0 rgba(255,255,255,.4); }
.about-hero-copy-new>p { max-width:520px; color:#55525f; font-size:16px; line-height:1.75; }
.about-hero-actions { display:flex; align-items:center; gap:22px; margin-top:29px; }
.about-text-link { display:inline-flex; align-items:center; gap:9px; color:var(--navy); font-size:12px; font-weight:800; }
.about-hero-visual-new { position:absolute; inset:0; min-width:0; pointer-events:none; }
.about-hero-visual-new>img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.about-image-note { position:absolute; z-index:3; width:330px; right:24px; bottom:22px; display:flex; align-items:center; gap:13px; padding:14px 16px; border:1px solid rgba(255,255,255,.7); border-radius:16px; background:rgba(17,27,58,.91); color:#fff; backdrop-filter:blur(8px); box-shadow:0 10px 28px rgba(17,27,58,.2); }
.about-image-note>i { width:38px; height:38px; display:grid; place-items:center; flex:0 0 38px; border-radius:50%; background:var(--berry); }
.about-image-note span { color:#d9dce8; font-size:10px; line-height:1.45; }
.about-image-note strong { display:block; color:#fff; font-size:12px; }
.about-purpose { display:grid; grid-template-columns:.72fr 1.2fr .9fr; gap:38px; align-items:start; padding:78px 24px; }
.about-section-kicker>span { color:var(--berry); font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.about-section-kicker h2 { margin-top:10px; color:var(--navy); font-size:39px; line-height:1.1; }
.about-purpose-copy p { color:#5f5b65; font-size:13px; line-height:1.75; margin-bottom:15px; }
.about-purpose-copy .about-lead { color:var(--navy); font-family:'Playfair Display',serif; font-size:19px; line-height:1.55; }
.about-purpose blockquote { padding:24px; border-radius:0 20px 20px 0; border-left:4px solid var(--berry); background:#fff7f2; color:var(--navy); font-family:'Playfair Display',serif; font-size:18px; line-height:1.55; }
.about-process-new { padding:64px 40px; border-radius:30px; background:var(--navy); color:#fff; }
.about-section-heading-new { display:grid; grid-template-columns:1.2fr .8fr; gap:45px; align-items:end; margin-bottom:35px; }
.about-section-heading-new h2 { color:#fff!important; font-size:42px; line-height:1.1; }
.about-section-heading-new>p { color:#bfc4d5; font-size:12px; line-height:1.7; }
.about-process-grid-new { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.about-process-grid-new article { position:relative; min-height:270px; padding:23px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(255,255,255,.055); }
.about-step { position:absolute; right:13px; top:-9px; color:rgba(255,255,255,.06); font-family:'Playfair Display',serif; font-size:76px; line-height:1; }
.about-step-icon { width:44px; height:44px; display:grid; place-items:center; margin-bottom:48px; border-radius:50%; background:#f4dfe1; color:var(--berry); }
.about-process-grid-new h3 { color:#fff!important; font-size:19px; line-height:1.25; }
.about-process-grid-new p { margin-top:11px; color:#c7cad6; font-size:11px; line-height:1.65; }
.about-trust-new { display:grid; grid-template-columns:.8fr 1.2fr; gap:55px; padding:76px 24px; }
.about-trust-intro h2 { color:var(--navy); font-size:41px; line-height:1.1; }
.about-trust-intro>p { margin-top:16px; color:#68636d; font-size:12px; line-height:1.75; }
.about-trust-list { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.about-trust-list>div { display:flex; gap:12px; padding:19px; border:1px solid #eadbd2; border-radius:17px; background:rgba(255,255,255,.82); }
.about-trust-list i { color:#4d9a61; margin-top:3px; }
.about-trust-list span { color:#6a6570; font-size:10px; line-height:1.5; }
.about-trust-list strong { display:block; margin-bottom:5px; color:var(--navy); font-size:12px; }
.about-disclosure-new { display:grid; grid-template-columns:100px 1fr; gap:28px; align-items:center; padding:35px 42px; border:1px solid #eadbd2; border-radius:25px; background:linear-gradient(135deg,#fff,#fff4ed); box-shadow:0 10px 30px rgba(35,27,33,.06); }
.about-disclosure-icon { width:76px; height:76px; display:grid; place-items:center; border-radius:50%; background:#f6dfe1; color:var(--berry); font-size:27px; }
.about-disclosure-new h2 { color:var(--navy); font-size:29px; line-height:1.2; }
.about-disclosure-new p { margin-top:10px; color:#68636d; font-size:11px; line-height:1.7; }
.about-founder-note { display:grid; grid-template-columns:130px 1fr; gap:30px; max-width:880px; margin:76px auto; }
.about-founder-mark { color:#edc5cf; font-family:'Playfair Display',serif; font-size:150px; line-height:.7; text-align:center; }
.about-founder-note h2 { margin-bottom:16px; color:var(--navy); font-size:39px; }
.about-founder-note p { margin-bottom:13px; color:#5f5b65; font-size:13px; line-height:1.8; }
.about-founder-note strong { color:var(--berry); font-family:'Playfair Display',serif; }
.about-next-new { padding:55px 30px; border-radius:28px; background:radial-gradient(circle at 90% 0,rgba(239,120,155,.22),transparent 28%),linear-gradient(135deg,#fff1e8,#fffaf2); text-align:center; }
.about-next-new h2 { color:var(--navy); font-size:42px; }
.about-next-new>p { margin:12px auto 24px; color:#68636d; font-size:13px; }
.about-next-new>div { display:flex; justify-content:center; gap:12px; }
.about-outline-cta { min-height:52px; display:inline-flex; align-items:center; padding:0 24px; border:1px solid var(--berry); border-radius:999px; color:var(--berry); font-size:12px; font-weight:800; }
@media (max-width:900px) { .about-process-grid-new { grid-template-columns:1fr 1fr; }.about-purpose { grid-template-columns:1fr 1fr; }.about-purpose blockquote { grid-column:1/-1; }.about-trust-new { grid-template-columns:1fr; } }
@media (max-width:767px) {
  .about-redesign { width:min(100% - 32px,1180px); padding:25px 0 45px!important; }
  .about-hero-new { min-height:0; display:flex; flex-direction:column; border-radius:22px; }
  .about-hero-new:after { display:none; }
  .about-hero-copy-new { width:100%; min-height:0; padding:34px 22px 35px; background:radial-gradient(circle at 95% 0,rgba(239,120,155,.17),transparent 30%),linear-gradient(145deg,#fff8f2,#f8dedb); }
  .about-hero-copy-new h1 { font-size:38px!important; }
  .about-hero-actions { flex-direction:column; align-items:stretch; gap:14px; }
  .about-hero-actions .primary-cta { justify-content:center; }
  .about-text-link { justify-content:center; }
  .about-hero-visual-new { position:relative; z-index:auto; inset:auto; min-height:330px; order:2; }
  .about-hero-visual-new>img { position:absolute; z-index:0; inset:0; object-position:62% center; }
  .about-image-note { width:auto; left:12px; right:12px; bottom:12px; }
  .about-purpose { grid-template-columns:1fr; gap:20px; padding:50px 5px; }
  .about-section-kicker h2,.about-trust-intro h2 { font-size:34px!important; }
  .about-purpose blockquote { grid-column:auto; }
  .about-process-new { padding:39px 17px; border-radius:22px; }
  .about-section-heading-new { grid-template-columns:1fr; gap:14px; }
  .about-section-heading-new h2 { font-size:34px!important; }
  .about-process-grid-new { grid-template-columns:1fr; }
  .about-process-grid-new article { min-height:220px; }
  .about-step-icon { margin-bottom:35px; }
  .about-trust-new { gap:27px; padding:50px 4px; }
  .about-trust-list { grid-template-columns:1fr; }
  .about-disclosure-new { grid-template-columns:1fr; padding:26px 20px; }
  .about-disclosure-new h2 { font-size:25px!important; }
  .about-founder-note { grid-template-columns:1fr; gap:5px; margin:55px 4px; }
  .about-founder-mark { height:70px; text-align:left; }
  .about-founder-note h2 { font-size:33px!important; }
  .about-next-new { padding:39px 18px; border-radius:22px; }
  .about-next-new h2 { font-size:34px!important; }
  .about-next-new>div { flex-direction:column; }
  .about-next-new .primary-cta,.about-outline-cta { justify-content:center; }
}

/* Navratri editorial article */
.navratri-article { max-width:1120px; margin:0 auto; color:var(--ink); }
.navratri-hero { min-height:580px; display:grid; grid-template-columns:1.05fr .95fr; align-items:stretch; overflow:hidden; position:relative; border:1px solid #eadbd2; border-radius:30px; background:#fae5dc; box-shadow:0 18px 48px rgba(36,27,34,.1); }
.navratri-hero>img { width:100%; height:100%; min-height:580px; object-fit:cover; }
.navratri-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:52px 45px; background:radial-gradient(circle at 95% 5%,rgba(255,255,255,.8),transparent 35%),linear-gradient(145deg,#fffaf4,#fbe5df); }
.navratri-hero h1 { margin:0 0 22px; color:var(--navy); font-size:clamp(40px,4.4vw,62px); line-height:1.02; letter-spacing:-.04em; }
.navratri-hero p { color:#5f5c69; font-size:16px; line-height:1.7; margin-bottom:28px; }
.navratri-primary-cta,.navratri-cta-row a,.navratri-final-cta>a { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:50px; padding:0 22px; border-radius:999px; background:linear-gradient(135deg,var(--berry),#d33263); color:#fff!important; font-size:12px; font-weight:800; box-shadow:0 10px 24px rgba(181,45,88,.2); }
.navratri-primary-cta { align-self:flex-start; }
.navratri-disclosure { display:flex; align-items:flex-start; gap:12px; margin:22px 0 42px; padding:15px 18px; border:1px solid #eadbd2; border-radius:15px; background:#fffaf5; color:#615c66; font-size:11px; line-height:1.55; }
.navratri-disclosure i { color:var(--berry); margin-top:3px; }
.navratri-intro { max-width:800px; margin:0 auto 52px; }
.navratri-intro>p { margin-bottom:16px; color:#4f4c59; font-size:16px; line-height:1.8; }
.navratri-tip { display:flex; gap:16px; margin-top:25px; padding:22px 24px; border-left:4px solid var(--berry); border-radius:0 18px 18px 0; background:linear-gradient(90deg,#fbe5e2,#fff8f2); color:var(--navy); }
.navratri-tip i { color:var(--berry); font-size:20px; margin-top:4px; }
.navratri-section-heading { margin-bottom:26px; text-align:center; }
.navratri-section-heading span { display:block; margin-bottom:8px; color:var(--berry); font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.navratri-section-heading h2 { margin:0; color:var(--navy); font-size:clamp(30px,3.5vw,44px); line-height:1.12; }
.navratri-quick-guide { margin-bottom:50px; }
.navratri-table-wrap { overflow-x:auto; border:1px solid #eadbd2; border-radius:20px; background:#fff; box-shadow:0 8px 25px rgba(34,26,32,.06); }
.navratri-table-wrap table { width:100%; border-collapse:collapse; text-align:left; }
.navratri-table-wrap th { padding:15px 18px; background:var(--navy); color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.navratri-table-wrap td { padding:14px 18px; border-top:1px solid #f0e3db; color:#5f5a65; font-size:12px; }
.navratri-table-wrap td:first-child { color:var(--navy); font-weight:700; }
.navratri-table-wrap tr:nth-child(even) td { background:#fffaf6; }
.navratri-editorial-image { margin:0 0 55px; overflow:hidden; border-radius:26px; background:#f4e4dc; box-shadow:0 12px 35px rgba(35,26,33,.09); }
.navratri-editorial-image img { display:block; width:100%; aspect-ratio:1.85; object-fit:cover; }
.navratri-editorial-image figcaption { padding:12px 18px; background:#fffaf5; color:#77717a; font-size:10px; text-align:center; }
.navratri-editorial-image.inline { margin:4px 0 34px; }
.navratri-accessory-list>.navratri-section-heading { margin-bottom:34px; }
.navratri-accessory-card { display:grid; grid-template-columns:72px 1fr; gap:20px; margin-bottom:30px; padding:32px; border:1px solid #eadbd2; border-radius:26px; background:linear-gradient(145deg,#fff,#fffaf5); box-shadow:0 10px 30px rgba(35,27,33,.065); }
.navratri-card-number { color:#e6b7c4; font-family:'Playfair Display',serif; font-size:46px; line-height:1; }
.navratri-card-title { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.navratri-card-title>span { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#fbe4e5; color:var(--berry); }
.navratri-card-title h2 { margin:0; color:var(--navy); font-size:27px; line-height:1.2; }
.navratri-card-intro { color:#5e5963; font-size:14px; line-height:1.7; }
.navratri-card-columns { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:20px 0 14px; }
.navratri-card-columns>div { padding:18px; border-radius:16px; background:#f8f7f0; }
.navratri-card-columns>div+div { background:#fff3ed; }
.navratri-card-columns h3 { margin-bottom:10px; color:var(--navy); font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; }
.navratri-card-columns li { display:flex; gap:8px; margin-top:7px; color:#5b5861; font-size:11px; line-height:1.45; }
.navratri-card-columns li i { color:#4b9a5d; margin-top:3px; }
.navratri-keep { display:flex; gap:11px; padding:14px 16px; border-radius:13px; background:#fff7e9; color:#655d53; font-size:11px; line-height:1.5; }
.navratri-keep i { color:#e89b24; margin-top:3px; }
.navratri-style-idea { margin-top:12px; color:var(--berry); font-size:11px; }
.navratri-cta-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.navratri-cta-row a { min-height:45px; padding:0 18px; font-size:10px; }
.navratri-cta-row a:hover,.navratri-final-cta>a:hover { background:linear-gradient(135deg,#962148,#bd2956); transform:translateY(-1px); }
.navratri-planning-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:60px 0; }
.navratri-planning-grid .full { grid-column:1/-1; }
.navratri-planning-grid article { padding:25px; border:1px solid #eadbd2; border-radius:20px; background:#fffaf6; }
.navratri-planning-grid article>i { width:44px; height:44px; display:grid; place-items:center; margin-bottom:16px; border-radius:50%; background:var(--navy); color:#fff; }
.navratri-planning-grid h3 { margin-bottom:9px; color:var(--navy); font-size:19px; }
.navratri-planning-grid p { color:#65616a; font-size:12px; line-height:1.65; }
.navratri-combinations { margin-bottom:60px; }
.navratri-combo-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.navratri-combo-grid>div { position:relative; overflow:hidden; min-height:155px; padding:24px; border-radius:20px; background:linear-gradient(135deg,#f9e3df,#fff6ee); }
.navratri-combo-grid b { position:absolute; right:16px; top:5px; color:rgba(181,45,88,.12); font-family:'Playfair Display',serif; font-size:66px; }
.navratri-combo-grid h3 { position:relative; color:var(--navy); font-size:20px; margin-bottom:10px; }
.navratri-combo-grid p { position:relative; max-width:85%; color:#65606b; font-size:12px; line-height:1.6; }
.navratri-mistakes { display:grid; grid-template-columns:.75fr 1.25fr; gap:36px; margin:0 0 60px; padding:34px; border-radius:25px; background:var(--navy); color:#fff; }
.navratri-mistakes h2 { color:#fff; font-size:32px; line-height:1.2; }
.navratri-mistakes p { color:#bfc4d5; font-size:12px; margin-top:10px; }
.navratri-mistakes ul { display:grid; gap:9px; }
.navratri-mistakes li { position:relative; padding:10px 12px 10px 34px; border:1px solid rgba(255,255,255,.12); border-radius:11px; color:#e3e5ed; font-size:11px; }
.navratri-mistakes li:before { content:'×'; position:absolute; left:13px; color:#ef789b; font-weight:800; }
.navratri-faq { max-width:900px; margin:0 auto 60px; }
.navratri-faq details { margin-bottom:10px; border:1px solid #eadbd2; border-radius:15px; background:#fff; }
.navratri-faq summary { cursor:pointer; padding:17px 20px; color:var(--navy); font-family:'Playfair Display',serif; font-weight:700; }
.navratri-faq details p { padding:0 20px 18px; color:#66616b; font-size:12px; line-height:1.65; }
.navratri-related { display:grid; grid-template-columns:1.2fr repeat(3,1fr); gap:12px; margin-bottom:60px; }
.navratri-related>div { padding-right:18px; }
.navratri-related h2 { color:var(--navy); font-size:28px; line-height:1.15; }
.navratri-related>a { display:flex; flex-direction:column; min-height:150px; padding:18px; border:1px solid #eadbd2; border-radius:18px; background:#fffaf5; }
.navratri-related>a span { color:var(--berry); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.navratri-related>a strong { color:var(--navy); font-family:'Playfair Display',serif; font-size:15px; line-height:1.35; margin:10px 0; }
.navratri-related>a i { color:var(--berry); margin-top:auto; }
.navratri-final-cta { padding:48px; border-radius:28px; background:radial-gradient(circle at 95% 10%,rgba(239,120,155,.2),transparent 30%),linear-gradient(135deg,#fff0e8,#fffaf3); text-align:center; }
.navratri-final-cta h2 { max-width:760px; margin:0 auto 16px; color:var(--navy); font-size:38px; line-height:1.15; }
.navratri-final-cta p { max-width:800px; margin:0 auto 24px; color:#625e68; font-size:13px; line-height:1.75; }
.navratri-final-cta small { display:block; max-width:750px; margin:20px auto 0; color:#7a747d; font-size:9px; line-height:1.5; }
@media (max-width:767px) {
  .navratri-article { margin-inline:-4px; }
  .navratri-hero { min-height:0; grid-template-columns:1fr; border-radius:22px; }
  .navratri-hero>img { min-height:0; aspect-ratio:1.35; }
  .navratri-hero-copy { padding:28px 22px 30px; }
  .navratri-hero h1 { font-size:34px!important; }
  .navratri-hero p { font-size:13px; }
  .navratri-primary-cta { width:100%; }
  .navratri-disclosure { margin-bottom:34px; }
  .navratri-intro>p { font-size:14px; }
  .navratri-tip { padding:17px; }
  .navratri-section-heading h2 { font-size:30px!important; }
  .navratri-table-wrap table { min-width:680px; }
  .navratri-editorial-image { border-radius:18px; margin-bottom:38px; }
  .navratri-editorial-image img { aspect-ratio:1.3; }
  .navratri-accessory-card { grid-template-columns:1fr; gap:8px; padding:18px 15px; border-radius:20px; }
  .navratri-card-number { font-size:31px; }
  .navratri-card-title { align-items:flex-start; gap:10px; }
  .navratri-card-title h2 { font-size:23px!important; }
  .navratri-card-columns { grid-template-columns:1fr; gap:8px; }
  .navratri-card-columns>div { padding:14px; }
  .navratri-cta-row { display:grid; grid-template-columns:1fr; }
  .navratri-cta-row a { width:100%; }
  .navratri-planning-grid { grid-template-columns:1fr; margin:45px 0; }
  .navratri-planning-grid .full { grid-column:auto; }
  .navratri-combo-grid { grid-template-columns:1fr; }
  .navratri-mistakes { grid-template-columns:1fr; gap:22px; padding:24px 18px; }
  .navratri-related { grid-template-columns:1fr; }
  .navratri-related>div { padding:0; }
  .navratri-related>a { min-height:120px; }
  .navratri-final-cta { padding:31px 18px; border-radius:22px; }
  .navratri-final-cta h2 { font-size:30px!important; }
  .navratri-final-cta>a { width:100%; }
}

/* Navratri 2026 product-led redesign */
.navratri-article { --festive-teal:#0f7d7c; --festive-gold:#c89542; width:min(1024px,100%); max-width:none; margin-inline:auto; }
.navratri-hero-v2 { display:block; min-height:0; margin:8px auto 0; overflow:visible; border-radius:0; border:0; background:transparent; box-shadow:none; }
.navratri-hero-v2>img { position:static; display:block; width:100%; height:auto; min-height:0; aspect-ratio:auto; border:1px solid #eadfe1; border-radius:24px; object-fit:contain; object-position:center; background:#fff7ef; box-shadow:none; }
.navratri-hero-v2:after { display:none; }
.navratri-hero-v2 h1 { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.navratri-meta { display:flex; align-items:center; justify-content:center; gap:12px 20px; flex-wrap:wrap; padding:22px 12px 0; color:#696572; font-size:.82rem; }
.navratri-meta span { display:inline-flex; align-items:center; gap:7px; }
.navratri-meta .navratri-category { padding:7px 15px; border:1px solid #f3bfd0; border-radius:999px; background:#fff4f7; color:#c8325d; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.navratri-page-panel { margin-top:30px; padding:1px 31px 48px; overflow:hidden; border:1px solid rgba(231,221,218,.9); border-radius:24px; background:#fff; box-shadow:0 3px 14px rgba(17,27,58,.045); }
.navratri-ornament { display:flex; align-items:center; width:210px; color:#b18b62; font-size:24px; }
.navratri-ornament:before,.navratri-ornament:after { content:''; flex:1; height:1px; background:#b18b62; }
.navratri-ornament i { margin:0 12px; }
.navratri-hero-rule { display:block; width:90px; height:3px; margin-bottom:20px; background:var(--berry); }
.navratri-disclosure-v2 { max-width:940px; margin:34px auto 46px; align-items:center; padding:21px 28px; border:0; border-radius:10px; background:#faf5f1; font-size:12px; }
.navratri-disclosure-v2>span { flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:var(--festive-teal); color:#fff; font-size:24px; }
.navratri-disclosure-v2 strong { display:block; margin-bottom:3px; color:var(--navy); font-family:'Playfair Display',serif; font-size:17px; }
.navratri-intro-v2 { margin-bottom:24px; text-align:center; }
.navratri-intro-v2>p { font-family:'Playfair Display',serif; font-size:18px; line-height:2; }
.navratri-flourish { display:flex; align-items:center; justify-content:center; gap:8px; color:var(--berry); }
.navratri-flourish span { width:90px; height:1px; background:linear-gradient(90deg,transparent,var(--berry)); }
.navratri-flourish span:last-child { background:linear-gradient(90deg,var(--berry),transparent); }
.navratri-jump { position:sticky; z-index:15; top:74px; display:flex; justify-content:center; gap:6px; width:max-content; max-width:100%; margin:0 auto 60px; padding:7px; border:1px solid #eadbd2; border-radius:999px; background:rgba(255,250,246,.92); box-shadow:0 8px 24px rgba(25,28,44,.08); backdrop-filter:blur(12px); }
.navratri-jump a { padding:9px 15px; border-radius:999px; color:var(--navy); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.navratri-jump a:hover { background:var(--navy); color:#fff; }
.navratri-selection,.navratri-quick-guide,.navratri-formulas,.navratri-product-list,.navratri-mistakes-v2,.navratri-faq { scroll-margin-top:135px; }
.navratri-section-heading>p { max-width:680px; margin:10px auto 0; color:#6c6670; font-size:13px; }
.navratri-selection { margin-bottom:62px; }
.navratri-selection-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.navratri-selection-grid article { min-height:190px; padding:24px 20px; border:1px solid #eadbd2; border-radius:17px; background:#fffaf6; }
.navratri-selection-grid article:nth-child(even) { background:#f7f6ee; }
.navratri-selection-grid i { width:42px; height:42px; display:grid; place-items:center; margin-bottom:28px; border-radius:50%; background:var(--festive-teal); color:#fff; }
.navratri-selection-grid h3 { margin-bottom:8px; color:var(--navy); font-size:17px; line-height:1.25; }
.navratri-selection-grid p { color:#68626b; font-size:10px; line-height:1.6; }
.navratri-method-note { max-width:850px; margin:16px auto 0; padding:13px 16px; border-radius:12px; background:#f4edf0; color:#665e67; font-size:10px; line-height:1.55; text-align:center; }
.navratri-method-note i { margin-right:6px; color:var(--berry); }
.navratri-table-wrap { border-radius:5px; }
.navratri-table-wrap th { background:var(--festive-teal); text-align:center; }
.navratri-table-wrap td { vertical-align:middle; text-align:center; }
.navratri-table-wrap td:first-child { min-width:210px; text-align:left; }
.navratri-table-wrap td:first-child a { display:flex; align-items:center; gap:12px; color:var(--navy); }
.navratri-table-wrap td:first-child img { width:58px; height:58px; flex:0 0 58px; border:1px solid #eee3dc; border-radius:10px; object-fit:contain; background:#fff; }
.navratri-table-wrap td:last-child strong,.navratri-table-wrap td:last-child small { display:block; white-space:nowrap; }
.navratri-table-wrap td:last-child strong { color:var(--festive-teal); }
.navratri-table-wrap td:last-child strong i { color:#e9a525; font-size:10px; }
.navratri-table-wrap td:last-child small { color:#817982; font-size:9px; }
.navratri-live-note { margin:12px 0 0; color:#7b747b; font-size:10px; text-align:center; }
.navratri-live-note i { color:var(--festive-teal); margin-right:5px; }
.navratri-formulas { margin:65px 0; }
.navratri-formula-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.navratri-formula-grid article { position:relative; overflow:hidden; padding:24px 18px 22px; border:1px solid #e4d3bd; border-radius:10px; background:linear-gradient(150deg,#fffdf9,#fff8ef); text-align:center; }
.navratri-formula-number { width:34px; height:34px; display:grid; place-items:center; margin:0 auto 8px; border-radius:50%; background:var(--festive-teal); color:#fff; font-family:'Playfair Display',serif; font-weight:700; }
.navratri-formula-grid h3 { color:var(--berry); font-size:20px; }
.navratri-formula-products { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:5px; margin:20px 0; }
.navratri-formula-products a { min-width:0; color:#57515a; }
.navratri-formula-products img { width:80px; height:80px; margin:0 auto 7px; border-radius:50%; object-fit:cover; background:#fff; }
.navratri-formula-products small { display:block; font-size:8px; line-height:1.3; }
.navratri-formula-products b { color:var(--festive-gold); font-size:20px; }
.navratri-formula-grid article>p { color:#6d6670; font-size:10px; line-height:1.55; }
.navratri-formula-grid article>p strong { color:var(--navy); }
.navratri-product-list>.navratri-section-heading { margin-bottom:35px; }
.navratri-product-card { scroll-margin-top:140px; display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr); overflow:hidden; margin-bottom:30px; border:1px solid #eadbd2; border-radius:22px; background:#fff; box-shadow:0 12px 35px rgba(34,27,32,.07); }
.navratri-product-visual { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:510px; padding:35px 24px 22px; background:linear-gradient(145deg,#fffaf5,#f8eee7); }
.navratri-product-visual:after { content:''; position:absolute; inset:18px; border:1px solid rgba(181,45,88,.1); border-radius:16px; pointer-events:none; }
.navratri-product-visual .navratri-card-number { position:absolute; z-index:2; top:20px; left:25px; color:rgba(181,45,88,.22); }
.navratri-product-visual img { position:relative; z-index:1; width:100%; height:auto; aspect-ratio:1; border-radius:14px; object-fit:cover; }
.navratri-product-visual small { position:relative; z-index:1; margin-top:20px; color:#8c8587; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.navratri-product-copy { padding:36px 35px; }
.navratri-product-type { display:inline-block; margin-bottom:10px; color:var(--berry); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.navratri-product-copy>h2 { margin:0 0 13px; color:var(--navy); font-size:31px; line-height:1.16; }
.navratri-rating-row { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.navratri-rating-row span { padding:6px 9px; border-radius:6px; background:#f5f2ec; color:#5f5963; font-size:9px; font-weight:700; }
.navratri-rating-row span:first-child { background:#e8f5f2; color:#15746f; }
.navratri-rating-row i { color:#e7a321; }
.navratri-decision-strip { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:-3px 0 18px; }
.navratri-decision-strip p { padding:10px 12px; border:1px solid #dcebe7; border-radius:10px; background:#f1faf7; color:#4f5f5c; font-size:10px; line-height:1.45; }
.navratri-decision-strip p:last-child { border-color:#eddfe2; background:#fff6f6; color:#705d61; }
.navratri-decision-strip i { width:19px; color:var(--festive-teal); }
.navratri-decision-strip p:last-child i { color:var(--berry); }
.navratri-product-copy .navratri-card-columns>div { min-height:155px; }
.navratri-product-copy .navratri-card-columns h3 i { margin-right:5px; color:var(--berry); }
.navratri-product-copy .navratri-card-columns p { color:#5b5861; font-size:11px; line-height:1.58; }
.navratri-check { display:flex; gap:11px; padding:14px 16px; border:1px solid #f1d7aa; border-radius:13px; background:#fff8ea; color:#655d53; font-size:11px; line-height:1.5; }
.navratri-check i { color:#d78b16; margin-top:3px; }
.navratri-style-idea i { margin-right:7px; }
.navratri-buy-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; }
.navratri-buy-row>a { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 20px; border-radius:999px; background:var(--festive-teal); color:#fff!important; font-size:10px; font-weight:800; box-shadow:0 8px 20px rgba(15,125,124,.18); }
.navratri-buy-row>a:hover { background:#0a6463; transform:translateY(-1px); }
.navratri-buy-row>small { color:#888087; font-size:8px; text-align:right; }
.navratri-mistakes-v2 { align-items:start; }
.navratri-mistakes-v2 ol { counter-reset:mistake; display:grid; gap:9px; }
.navratri-mistakes-v2 li { counter-increment:mistake; position:relative; padding:11px 12px 11px 44px; border:1px solid rgba(255,255,255,.12); border-radius:11px; color:#e3e5ed; font-size:11px; line-height:1.45; }
.navratri-mistakes-v2 li:before { content:counter(mistake); position:absolute; left:12px; top:9px; width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:rgba(239,120,155,.15); color:#ef789b; font-weight:800; }
.navratri-mistakes-v2 li strong { color:#fff; }
.navratri-garba-kit { display:grid; grid-template-columns:.8fr 1.2fr; gap:30px; margin:0 0 60px; padding:32px; border:1px solid #e7d6c8; border-radius:20px; background:linear-gradient(135deg,#fff8ef,#f7f4e9); }
.navratri-garba-kit h2 { color:var(--navy); font-size:30px; line-height:1.15; }
.navratri-garba-kit>div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.navratri-garba-kit p { padding:10px 12px; border-radius:9px; background:#fff; color:#5f5962; font-size:10px; }
.navratri-garba-kit p i { width:19px; height:19px; display:inline-grid; place-items:center; margin-right:6px; border-radius:50%; background:#e7f4ef; color:var(--festive-teal); font-size:8px; }
.navratri-faq details { overflow:hidden; border-radius:18px; }
.navratri-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 24px; list-style:none; font-size:18px; }
.navratri-faq summary::-webkit-details-marker { display:none; }
.navratri-faq summary i { color:var(--berry); font-size:12px; transition:transform .2s ease; }
.navratri-faq details[open] summary i { transform:rotate(45deg); }
.navratri-faq details p { padding:0 24px 21px; font-size:12px; }

@media (max-width:900px) {
  .navratri-selection-grid { grid-template-columns:1fr 1fr; }
  .navratri-formula-grid { grid-template-columns:1fr; }
  .navratri-product-card { grid-template-columns:1fr; }
  .navratri-product-visual { min-height:400px; }
  .navratri-product-visual img { height:auto; }
}
@media (max-width:767px) {
  .navratri-hero-v2 { min-height:0; margin-top:0; }
  .navratri-hero-v2>img { border-radius:16px; object-position:center; }
  .navratri-meta { gap:8px 12px; padding:16px 4px 0; font-size:.7rem; }
  .navratri-meta span:nth-child(3) { display:none; }
  .navratri-page-panel { margin-top:22px; padding:1px 13px 34px; border-radius:18px; box-shadow:0 2px 10px rgba(17,27,58,.035); }
  .navratri-ornament { width:150px; }
  .navratri-disclosure-v2 { align-items:flex-start; padding:17px; }
  .navratri-disclosure-v2>span { flex-basis:42px; width:42px; height:42px; font-size:17px; }
  .navratri-intro-v2>p { font-size:15px; line-height:1.85; }
  .navratri-jump { top:63px; justify-content:flex-start; width:calc(100% + 8px); margin-left:-4px; overflow-x:auto; border-radius:12px; }
  .navratri-jump a { flex:0 0 auto; }
  .navratri-selection-grid { grid-template-columns:1fr; }
  .navratri-selection-grid article { min-height:0; }
  .navratri-selection-grid i { margin-bottom:16px; }
  .navratri-formula-products img { width:70px; height:70px; }
  .navratri-product-visual { min-height:330px; padding:30px 20px 15px; }
  .navratri-product-visual img { height:auto; }
  .navratri-product-copy { padding:26px 17px; }
  .navratri-product-copy>h2 { font-size:27px!important; }
  .navratri-decision-strip { grid-template-columns:1fr; }
  .navratri-buy-row { align-items:stretch; flex-direction:column; }
  .navratri-buy-row>a { width:100%; }
  .navratri-buy-row>small { text-align:center; }
  .navratri-garba-kit { grid-template-columns:1fr; padding:23px 17px; }
  .navratri-garba-kit>div:last-child { grid-template-columns:1fr; }
  .navratri-faq summary { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { .fade-in { animation:none; } *,*:before,*:after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }

/* Single-line Blog Meta Row (Category, Min Read, Date) for Web & Mobile */
.blog-meta-single-line,
.guide-meta-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  line-height: 1.2 !important;
}
.blog-meta-single-line::-webkit-scrollbar,
.guide-meta-row::-webkit-scrollbar {
  display: none !important;
}
.blog-meta-single-line > *,
.guide-meta-row > * {
  flex-shrink: 0 !important;
}