*, *::before, *::after
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root
{
    --primary: #1c2d52;
    --primary-dark: #15223f;
    --primary-darker: #0e172c;
    --primary-light: #31497a;
    --primary-lighter: #4d6699;
    --primary-50: #ebeae0;
    --primary-100: #dddcd0;
    --primary-200: #aeb4be;
    --red: #7e2a2a;
    --red-dark: #611f1f;
    --red-light: #9a3d39;
    --red-50: #f3eae2;
    --gold: #a9842e;
    --gold-dark: #82641d;
    --gold-light: #cbad6a;
    --gold-pale: #e9ddbc;
    --gold-hairline: rgba(169,132,46,.45);
    --blue: #2f4f7e;
    --blue-dark: #1c2d52;
    --blue-light: #54719f;
    --blue-50: #e9e9e2;
    --orange: #a9842e;
    --orange-light: #c9a85c;
    --success: #2f6b4f;
    --warning: #96762f;
    --error: #a03030;
    --white: #fcfaf3;
    --paper: #f7f1e4;
    --gray-50: #f3eddd;
    --gray-100: #ece4d0;
    --gray-200: #dfd5bc;
    --gray-300: #c9bc9e;
    --gray-400: #93876a;
    --gray-500: #6f654c;
    --gray-600: #564e39;
    --gray-700: #423c2c;
    --gray-800: #2e2a1f;
    --gray-900: #1e1b13;
    --black: #131109;
    --border-light: #dfd5bc;
    --border-default: #c9bc9e;
    --surface-alt: #f3eddd;
    --font-family: 'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --font-display: 'Spectral','Times New Roman',Georgia,serif;
    --font-cn: 'Noto Serif SC','Microsoft YaHei',serif;
    --font-mono: 'IBM Plex Mono','Courier New',Consolas,monospace;
    --shadow-sm: 0 1px 2px rgba(40,32,12,.06);
    --shadow-md: 0 3px 8px -2px rgba(40,32,12,.09),0 1px 3px rgba(40,32,12,.05);
    --shadow-lg: 0 12px 28px -8px rgba(40,32,12,.13),0 3px 8px -3px rgba(40,32,12,.06);
    --shadow-xl: 0 22px 48px -12px rgba(28,22,8,.18),0 8px 16px -8px rgba(40,32,12,.07);
    --shadow-glow: 0 0 0 1px var(--gold-hairline);
    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --radius-xl: 6px;
    --radius-2xl: 8px;
    --radius-full: 9999px;
    --transition-fast: .16s cubic-bezier(.4,0,.2,1);
    --transition-normal: .28s cubic-bezier(.4,0,.2,1);
    --transition-slow: .45s cubic-bezier(.4,0,.2,1);
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --z-header: 1000;
    --z-mobile-menu: 1500;
    --z-modal: 2000;
    --z-notification: 3000;
    --error-red: #a03030;
    --success-green: #2f6b4f;
}
html
{
    font-size: 16px;
    scroll-behavior: smooth;
}
body
{
    font-family: var(--font-family);
    font-size: 1rem;
    line-height: 1.65;
    color: var(--gray-700);
    background-color: var(--paper);
    background-image: radial-gradient(ellipse 120% 60% at 50% -10%,rgba(252,250,243,.9) 0%,rgba(252,250,243,0) 60%),repeating-linear-gradient(0deg,rgba(169,132,46,.018) 0,rgba(169,132,46,.018) 1px,transparent 1px,transparent 7px),linear-gradient(180deg,#f7f1e4 0%,#f4eedf 100%);
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}
::selection
{
    background: var(--primary);
    color: var(--gold-light);
}
:focus-visible
{
    outline: 2px solid var(--gold);
    outline-offset: 2px;
    border-radius: 2px;
}
.container
{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
@media(min-width: 768px)
{
    .container
    {
        padding: 0 32px;
    }
}
@media(min-width: 1280px)
{
    .container
    {
        padding: 0 40px;
    }
}
a
{
    color: var(--blue);
    text-decoration: none;
    transition: color var(--transition-fast);
}
a:hover
{
    color: var(--gold-dark);
}
img
{
    max-width: 100%;
    height: auto;
}
.cn-accent
{
    font-family: var(--font-cn);
}
h1, h2, h3, .page-title, .section-heading
{
    font-family: var(--font-display);
}
@keyframes riseIn
{
    from
    {
        opacity: 0;
        transform: translateY(14px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInUp
{
    from
    {
        opacity: 0;
        transform: translateY(24px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes ruleGrow
{
    from
    {
        transform: scaleX(0);
    }
    to
    {
        transform: scaleX(1);
    }
}
main
{
    animation: fadeIn .5s ease both;
}
.page-hero .page-title
{
    animation: riseIn .55s .05s cubic-bezier(.25,.6,.3,1) both;
}
.page-hero .page-subtitle
{
    animation: riseIn .55s .16s cubic-bezier(.25,.6,.3,1) both;
}
@media(prefers-reduced-motion: reduce)
{
    *, *::before, *::after
    {
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important;
        transition-duration: .01ms!important;
        scroll-behavior: auto!important;
    }
}
.utility-bar
{
    background: linear-gradient(180deg,var(--primary-darker) 0%,var(--primary-dark) 100%);
    color: rgba(245,238,220,.75);
    padding: 7px 0;
    font-size: 12.5px;
    border-top: 2px solid var(--gold);
    border-bottom: 1px solid rgba(203,173,106,.25);
    letter-spacing: .02em;
}
.utility-bar-inner
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.utility-bar-left
{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.utility-bar-right
{
    display: flex;
    align-items: center;
    gap: 16px;
}
.utility-bar a
{
    color: rgba(245,238,220,.75);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color var(--transition-fast);
}
.utility-bar a:hover
{
    color: var(--gold-light);
}
.utility-bar .crypto-badge
{
    color: var(--gold-light);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(203,173,106,.35);
    background: rgba(203,173,106,.08);
    padding: 2px 12px;
    border-radius: var(--radius-sm);
    font-size: 11.5px;
    letter-spacing: .05em;
}
@media(max-width: 767px)
{
    .utility-bar
    {
        text-align: center;
    }
    .utility-bar-inner
    {
        justify-content: center;
    }
    .utility-bar-right
    {
        display: none;
    }
}
.header
{
    padding: 0;
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    background: rgba(252,250,243,.88);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 1px 0 var(--gold-hairline),0 2px 14px rgba(40,32,12,.05);
}
.header-main
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 0;
}
.logo
{
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 12px;
    flex-shrink: 0;
}
.logo:hover
{
    text-decoration: none;
    opacity: .85;
}
.logo-img
{
    height: 40px;
    width: auto;
    display: block;
    mix-blend-mode: multiply;
}
.logo-icon
{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 2px solid var(--gold);
    box-shadow: 0 0 0 3px var(--paper),0 0 0 4px var(--gold-hairline);
}
.logo-gl
{
    font-size: 15px;
    font-weight: 700;
    color: var(--gold-light);
    letter-spacing: 1px;
    font-family: var(--font-display);
}
.logo-text
{
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
    line-height: 1.2;
    letter-spacing: .01em;
    font-family: var(--font-display);
}
.logo-text small
{
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: var(--gray-500);
    letter-spacing: .12em;
    margin-top: 1px;
    font-family: var(--font-family);
    text-transform: uppercase;
}
.header-search
{
    flex: 1;
    max-width: 520px;
    display: none;
}
@media(min-width: 768px)
{
    .header-search
    {
        display: flex;
    }
}
.header-search-form
{
    display: flex;
    width: 100%;
    border: 1px solid var(--gray-300);
    background: var(--white);
    border-radius: var(--radius-sm);
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(40,32,12,.04);
    transition: border-color var(--transition-fast),box-shadow var(--transition-fast);
}
.header-search-form:focus-within
{
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(169,132,46,.14);
}
.header-search-input
{
    flex: 1;
    padding: 10px 16px;
    border: none;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family);
    color: var(--gray-800);
    background: transparent;
}
.header-search-input::placeholder
{
    color: var(--gray-400);
}
.header-search-btn
{
    padding: 0 20px;
    background: var(--primary);
    color: var(--gold-light);
    border: none;
    cursor: pointer;
    font-size: 14px;
    transition: background var(--transition-fast);
}
.header-search-btn:hover
{
    background: var(--primary-light);
}
.header-actions
{
    display: flex;
    align-items: center;
    gap: 10px;
}
.nav-bar
{
    background: linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);
    border-top: 1px solid var(--gold-hairline);
    box-shadow: inset 0 1px 0 rgba(203,173,106,.12);
}
.nav-bar-inner
{
    display: none;
    align-items: center;
}
@media(min-width: 768px)
{
    .nav-bar-inner
    {
        display: flex;
    }
}
.nav-desktop
{
    display: contents;
}
.nav-links
{
    list-style: none;
    display: flex;
    align-items: center;
}
.nav-link
{
    display: block;
    padding: 13px 18px;
    color: rgba(245,238,220,.82);
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 600;
    transition: all var(--transition-fast);
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.nav-link:hover
{
    background: rgba(203,173,106,.1);
    color: #fcfaf3;
    text-decoration: none;
}
.nav-link.active
{
    background: rgba(203,173,106,.12);
    color: var(--gold-light);
    font-weight: 700;
    border-bottom-color: var(--gold);
}
.nav-dropdown
{
    position: relative;
}
.nav-dropdown-menu
{
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--white);
    border: 1px solid var(--gray-300);
    border-top: 2px solid var(--gold);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    box-shadow: var(--shadow-lg);
    list-style: none;
    padding: 6px 0;
    min-width: 210px;
    z-index: calc(var(--z-header) + 200);
}
.nav-dropdown:hover .nav-dropdown-menu
{
    display: block;
}
.nav-dropdown-menu li a
{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    font-size: .8rem;
    color: var(--gray-600);
    text-decoration: none;
    transition: all .15s;
    letter-spacing: .02em;
}
.nav-dropdown-menu li a:hover
{
    background: var(--gray-50);
    color: var(--primary);
}
.nav-dropdown-menu li a i
{
    width: 16px;
    text-align: center;
    color: var(--gold-dark);
    font-size: .75rem;
}
.btn
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    font-weight: 600;
    font-size: 13.5px;
    border-radius: var(--radius-sm);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.4;
    letter-spacing: .05em;
    font-family: var(--font-family);
}
.btn:hover
{
    text-decoration: none;
    transform: translateY(-1px);
}
.btn:active
{
    transform: translateY(0);
}
.btn-primary
{
    background: var(--primary);
    color: var(--gold-light);
    border-color: var(--primary-dark);
    box-shadow: inset 0 0 0 1px rgba(203,173,106,.35),0 2px 6px rgba(21,34,63,.25);
}
.btn-primary:hover
{
    background: var(--primary-light);
    border-color: var(--primary);
    color: #f5eedc;
    box-shadow: inset 0 0 0 1px rgba(203,173,106,.5),0 4px 10px rgba(21,34,63,.3);
}
.btn-blue
{
    background: var(--blue);
    color: var(--white);
    border-color: var(--blue);
    box-shadow: 0 2px 4px rgba(28,45,82,.18);
}
.btn-blue:hover
{
    background: var(--blue-dark);
    border-color: var(--blue-dark);
    color: var(--white);
}
.btn-secondary
{
    background: transparent;
    color: var(--primary);
    border-color: var(--gray-300);
    box-shadow: inset 0 0 0 0 transparent;
}
.btn-secondary:hover
{
    background: var(--white);
    border-color: var(--gold);
    color: var(--primary-dark);
}
.btn-gold
{
    background: var(--gold);
    color: var(--white);
    border-color: var(--gold-dark);
}
.btn-gold:hover
{
    background: var(--gold-dark);
    color: var(--white);
}
.btn-sm
{
    padding: 7px 14px;
    font-size: 12.5px;
}
.btn-lg
{
    padding: 14px 32px;
    font-size: 15px;
    border-radius: var(--radius-sm);
}
.btn-order
{
    background: var(--red);
    color: #f5eedc;
    font-weight: 700;
    border-color: var(--red-dark);
}
.btn-order:hover
{
    background: var(--red-dark);
    color: #f5eedc;
}
.text-center
{
    text-align: center;
}
.section-alt
{
    background: var(--gray-50);
}
.section-header
{
    text-align: center;
    margin-bottom: 44px;
}
.section-heading
{
    font-size: 33px;
    font-weight: 600;
    color: var(--primary-dark);
    margin-bottom: 12px;
    letter-spacing: .005em;
    line-height: 1.22;
}
.section-heading::after
{
    content: '';
    display: block;
    width: 72px;
    height: 7px;
    background: linear-gradient(var(--gold),var(--gold)) top center/72px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) bottom center/36px 1px no-repeat;
    margin: 16px auto 0;
    transform-origin: center;
    animation: ruleGrow .7s .2s cubic-bezier(.25,.6,.3,1) both;
}
.section-header p
{
    font-size: 15.5px;
    color: var(--gray-500);
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.75;
}
.desktop-only
{
    display: none;
}
@media(min-width: 768px)
{
    .desktop-only
    {
        display: flex;
    }
}
.hamburger-btn
{
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    padding: 10px;
    background: none;
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background var(--transition-fast);
}
.hamburger-btn:hover
{
    background: var(--gray-50);
}
.hamburger-btn span
{
    display: block;
    width: 100%;
    height: 2px;
    background: var(--primary);
    border-radius: 1px;
}
@media(max-width: 767px)
{
    .hamburger-btn
    {
        display: flex;
    }
}
.mobile-menu-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(20,17,9,.5);
    backdrop-filter: blur(4px);
    z-index: var(--z-mobile-menu);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
}
.mobile-menu-overlay.open
{
    opacity: 1;
    pointer-events: auto;
}
.mobile-menu
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    background: var(--white);
    z-index: calc(var(--z-mobile-menu) + 1);
    transform: translateX(100%);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    box-shadow: -8px 0 30px rgba(20,17,9,.18);
    border-left: 1px solid var(--gold-hairline);
}
.mobile-menu.open
{
    transform: translateX(0);
}
.mobile-menu-header
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 2px solid var(--gold);
    background: var(--primary);
}
.mobile-menu-title
{
    font-weight: 600;
    font-size: 18px;
    color: var(--gold-light);
    font-family: var(--font-display);
    letter-spacing: .03em;
}
.mobile-menu-close
{
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: rgba(245,238,220,.7);
    line-height: 1;
}
.mobile-menu-nav
{
    padding: 8px 0;
}
.mobile-menu-link
{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    color: var(--gray-700);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    border-left: 2px solid transparent;
    transition: all var(--transition-fast);
}
.mobile-menu-link:hover, .mobile-menu-link.active
{
    color: var(--primary);
    background: var(--gray-50);
    border-left-color: var(--gold);
    text-decoration: none;
}
.mobile-menu-link i
{
    width: 20px;
    text-align: center;
    color: var(--gray-400);
    font-size: 14px;
}
.mobile-menu-link.active i
{
    color: var(--gold-dark);
}
.mobile-menu-contact
{
    margin-top: auto;
    padding: 20px;
    border-top: 1px solid var(--gold-hairline);
    background: var(--gray-50);
}
.mobile-contact-btn
{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    transition: all var(--transition-fast);
}
.mobile-contact-btn:hover
{
    text-decoration: none;
    transform: translateY(-1px);
}
.mobile-contact-btn.tg
{
    background: #e3e8f0;
    color: #27416f;
}
.mobile-contact-btn.wa
{
    background: #dfebdd;
    color: #2a5f46;
}
.mobile-contact-btn.email
{
    background: var(--primary);
    color: var(--gold-light);
    border: 1px solid var(--gold-hairline);
}
.page-hero
{
    background: radial-gradient(ellipse 90% 130% at 50% -40%,rgba(28,45,82,.05) 0%,transparent 60%),linear-gradient(180deg,var(--gray-50) 0%,var(--paper) 100%);
    padding: 38px 0 30px;
    border-bottom: 1px solid var(--gold-hairline);
    position: relative;
}
.page-hero::after
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    border-bottom: 1px solid rgba(169,132,46,.18);
}
.page-title
{
    font-size: 32px;
    font-weight: 600;
    color: var(--primary-dark);
    margin-bottom: 6px;
    letter-spacing: .005em;
}
.page-title i
{
    color: var(--gold);
    margin-right: 12px;
    font-size: .75em;
    vertical-align: 2px;
}
.page-subtitle
{
    font-size: 15px;
    color: var(--gray-500);
}
.breadcrumb
{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
    color: var(--gray-400);
    margin-bottom: 16px;
    letter-spacing: .02em;
}
.breadcrumb a
{
    color: var(--blue);
}
.breadcrumb a:hover
{
    color: var(--gold-dark);
    text-decoration: underline;
}
.breadcrumb i
{
    font-size: 9px;
    color: var(--gold);
}
.footer
{
    background: radial-gradient(ellipse 100% 80% at 50% 0%,rgba(77,102,153,.12) 0%,transparent 55%),linear-gradient(180deg,var(--primary-dark) 0%,var(--primary-darker) 100%);
    color: rgba(236,228,208,.62);
    padding: 56px 0 26px;
    font-size: 14px;
    margin-bottom: 56px;
    border-top: 3px double var(--gold);
    position: relative;
}
@media(min-width: 768px)
{
    .footer
    {
        margin-bottom: 0;
    }
}
.footer-grid
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 36px;
}
@media(min-width: 768px)
{
    .footer-grid
    {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
    }
}
.footer-col h4
{
    color: var(--gold-light);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(203,173,106,.3);
    letter-spacing: .14em;
    text-transform: uppercase;
    font-family: var(--font-family);
}
.footer-col ul
{
    list-style: none;
}
.footer-col ul li
{
    margin-bottom: 10px;
}
.footer-col ul a
{
    color: rgba(236,228,208,.62);
    text-decoration: none;
    font-size: 13.5px;
    transition: color var(--transition-fast);
    letter-spacing: .01em;
}
.footer-col ul a:hover
{
    color: var(--gold-light);
}
.footer-logo
{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #fcfaf3;
    margin-bottom: 14px;
}
.footer-logo img
{
    background: #fff;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
}
.footer-description
{
    font-size: 13.5px;
    line-height: 1.75;
    color: rgba(236,228,208,.6);
    margin-bottom: 14px;
}
.footer-crypto-note
{
    margin-top: 14px;
    padding: 12px 16px;
    background: rgba(203,173,106,.07);
    border: 1px solid rgba(203,173,106,.25);
    border-radius: var(--radius-sm);
    font-size: 12.5px;
    color: var(--gold-light);
}
.footer-bottom
{
    border-top: 1px solid rgba(203,173,106,.22);
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12.5px;
    color: rgba(236,228,208,.45);
}
.footer-bottom .cn-accent
{
    color: rgba(236,228,208,.45)!important;
}
.footer-social
{
    display: flex;
    gap: 8px;
}
.footer-social a
{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(203,173,106,.08);
    color: rgba(236,228,208,.6);
    border: 1px solid rgba(203,173,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all var(--transition-fast);
}
.footer-social a:hover
{
    background: var(--gold);
    color: var(--primary-darker);
    border-color: var(--gold);
}
.mobile-bottom-nav
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(252,250,243,.95);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--gold-hairline);
    display: flex;
    justify-content: space-around;
    padding: 8px 0 env(safe-area-inset-bottom,4px);
    z-index: var(--z-header);
    box-shadow: 0 -2px 12px rgba(40,32,12,.07);
}
@media(min-width: 768px)
{
    .mobile-bottom-nav
    {
        display: none;
    }
}
.bottom-nav-item
{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    color: var(--gray-400);
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    transition: color var(--transition-fast);
    letter-spacing: .04em;
}
.bottom-nav-item:hover
{
    text-decoration: none;
    color: var(--primary);
}
.bottom-nav-item i
{
    font-size: 17px;
}
.bottom-nav-item.active
{
    color: var(--primary);
}
.bottom-nav-item.active i
{
    color: var(--gold-dark);
}
.faq-section
{
    padding: 64px 0;
    background: var(--gray-50);
    border-top: 1px solid var(--gold-hairline);
}
.faq-list
{
    max-width: 768px;
    margin: 0 auto;
}
.faq-item
{
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md);
    margin-bottom: 10px;
    overflow: hidden;
    background: var(--white);
    transition: all var(--transition-fast);
    box-shadow: var(--shadow-sm);
}
.faq-item:hover
{
    border-color: var(--gold-hairline);
    box-shadow: var(--shadow-md);
}
.faq-item.open
{
    border-color: var(--gold-hairline);
}
.faq-question
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 18px 24px;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: var(--gray-800);
    text-align: left;
    font-family: var(--font-display);
    transition: color var(--transition-fast);
}
.faq-question i
{
    color: var(--gold);
    font-size: 12px;
    transition: transform .3s,color .3s;
}
.faq-item.open .faq-question
{
    color: var(--primary);
}
.faq-item.open .faq-question i
{
    transform: rotate(180deg);
    color: var(--gold-dark);
}
.faq-answer
{
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s;
}
.faq-item.open .faq-answer
{
    max-height: 500px;
}
.faq-answer p
{
    padding: 0 24px 18px;
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.8;
}
.order-cta-bar
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    background: linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
    padding: 20px 28px;
    border-radius: var(--radius-md);
    margin-top: 32px;
    border: 1px solid var(--gold-hairline);
    box-shadow: inset 0 0 0 4px rgba(14,23,44,.45),inset 0 0 0 5px rgba(203,173,106,.3);
}
.order-cta-text
{
    color: rgba(245,238,220,.78);
    font-size: 14px;
}
.order-cta-text strong
{
    color: var(--gold-light);
}
.order-cta-links, .order-cta-actions
{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.order-cta-btn
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: var(--radius-sm);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    background: rgba(203,173,106,.1);
    color: var(--gold-light);
    border: 1px solid rgba(203,173,106,.4);
    transition: all var(--transition-fast);
    letter-spacing: .05em;
}
.order-cta-btn:hover
{
    background: var(--gold);
    color: var(--primary-darker);
    text-decoration: none;
}
.cert-showcase
{
    padding: 64px 0;
    background: var(--paper);
}
.cert-full-image
{
    max-width: 100%;
    border-radius: var(--radius-sm);
    border: 1px solid var(--gray-300);
    box-shadow: var(--shadow-md);
}
.cert-individual-grid
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
}
@media(min-width: 640px)
{
    .cert-individual-grid
    {
        grid-template-columns: repeat(3,1fr);
    }
}
@media(min-width: 1024px)
{
    .cert-individual-grid
    {
        grid-template-columns: repeat(5,1fr);
    }
}
.cert-individual-card
{
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-sm);
    overflow: hidden;
    transition: all var(--transition-normal);
    box-shadow: var(--shadow-sm);
}
.cert-individual-card:hover
{
    border-color: var(--gold);
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
}
.cert-individual-card img
{
    width: 100%;
    height: auto;
    display: block;
}
.cert-individual-card .cert-img-label
{
    padding: 10px 12px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--gray-600);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: var(--gray-50);
    border-top: 1px solid var(--gold-hairline);
}
.data-table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: var(--white);
}
.data-table thead
{
    background: var(--primary);
}
.data-table th
{
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: var(--gold-light);
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .1em;
    border-bottom: 2px solid var(--gold);
}
.data-table td
{
    padding: 12px 16px;
    border-bottom: 1px solid var(--gray-100);
    color: var(--gray-600);
}
.data-table tbody tr
{
    transition: background var(--transition-fast);
}
.data-table tbody tr:hover
{
    background: var(--gray-50);
}
.pro-card
{
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all var(--transition-normal);
    box-shadow: var(--shadow-sm);
}
.pro-card:hover
{
    box-shadow: var(--shadow-lg);
    border-color: var(--gold-hairline);
}
.pro-card-header
{
    padding: 16px 20px;
    border-bottom: 1px solid var(--gold-hairline);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pro-card-header h3
{
    font-size: 17px;
    font-weight: 600;
    color: var(--primary-dark);
    font-family: var(--font-display);
}
.pro-card-body
{
    padding: 20px;
}
.tag
{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 11.5px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    letter-spacing: .04em;
}
.tag-primary
{
    background: var(--primary-50);
    color: var(--primary);
    border: 1px solid var(--primary-200);
}
.tag-success
{
    background: #eaf2ea;
    color: var(--success);
    border: 1px solid #c4dcc4;
}
.tag-warning
{
    background: #f3ead2;
    color: var(--gold-dark);
    border: 1px solid #e5d5a4;
}
.tag-info
{
    background: var(--blue-50);
    color: var(--blue);
    border: 1px solid var(--primary-200);
}
.metric-row
{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.metric-card
{
    flex: 1;
    min-width: 140px;
    padding: 20px;
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-sm);
    border-top: 2px solid var(--gold);
    text-align: center;
    transition: all var(--transition-normal);
    box-shadow: var(--shadow-sm);
}
.metric-card:hover
{
    box-shadow: var(--shadow-md);
}
.metric-value
{
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    letter-spacing: .01em;
    font-family: var(--font-display);
}
.metric-label
{
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: var(--gray-500);
    text-transform: uppercase;
    margin-top: 4px;
    letter-spacing: .1em;
}
.info-panel
{
    padding: 16px 20px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.7;
}
.info-panel.info
{
    background: #ecede8;
    border: 1px solid var(--primary-200);
    color: var(--primary-dark);
}
.info-panel.warning
{
    background: #f6efdb;
    border: 1px solid #e5d5a4;
    color: #6e5520;
}
.info-panel.success
{
    background: #eaf2ea;
    border: 1px solid #c4dcc4;
    color: #234d39;
}
.text-mono
{
    font-family: var(--font-mono);
    font-size: 13px;
}
.text-label
{
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--gray-500);
}
.text-value
{
    font-size: 15px;
    font-weight: 700;
    color: var(--gray-800);
}
.text-muted
{
    color: var(--gray-500);
}
.text-primary
{
    color: var(--primary);
}
.text-red
{
    color: var(--red);
}
.text-success
{
    color: var(--success);
}
.divider
{
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--gold-hairline) 18%,var(--gold-hairline) 82%,transparent);
    margin: 24px 0;
}
@media(max-width: 1023px)
{
    .container
    {
        padding: 0 16px;
    }
}
.mobile-search-toggle
{
    display: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: var(--gray-50);
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-sm);
    color: var(--gray-600);
    font-size: 16px;
    cursor: pointer;
    transition: all var(--transition-fast);
}
.mobile-search-toggle:hover
{
    background: var(--primary-50);
    color: var(--primary);
    border-color: var(--gold);
}
@media(max-width: 767px)
{
    .mobile-search-toggle
    {
        display: flex;
    }
}
.mobile-search-bar
{
    display: none;
    padding: 0 16px 12px;
    background: rgba(252,250,243,.95);
}
.mobile-search-bar.open
{
    display: block;
}
.mobile-search-bar form
{
    display: flex;
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--white);
    transition: border-color var(--transition-fast),box-shadow var(--transition-fast);
}
.mobile-search-bar form:focus-within
{
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(169,132,46,.14);
}
.mobile-search-bar input
{
    flex: 1;
    padding: 12px 14px;
    border: none;
    outline: none;
    font-size: 15px;
    font-family: var(--font-family);
    color: var(--gray-800);
    background: transparent;
    min-width: 0;
}
.mobile-search-bar input::placeholder
{
    color: var(--gray-400);
}
.mobile-search-bar button
{
    padding: 0 18px;
    background: var(--primary);
    color: var(--gold-light);
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background var(--transition-fast);
}
.mobile-search-bar button:hover
{
    background: var(--primary-light);
}
@media(max-width: 767px)
{
    html
    {
        font-size: 15px;
    }
    .container
    {
        padding: 0 16px;
    }
    .header-main
    {
        padding: 10px 0;
        gap: 10px;
    }
    .logo
    {
        gap: 8px;
    }
    .logo-img
    {
        height: 32px;
    }
    .logo-icon
    {
        width: 38px;
        height: 38px;
    }
    .logo-gl
    {
        font-size: 12px;
    }
    .logo-text
    {
        font-size: 17px;
    }
    .logo-text small
    {
        font-size: 10px;
    }
    .header-actions
    {
        gap: 6px;
    }
    .basket-toggle
    {
        padding: .5rem .625rem;
        font-size: .9375rem;
        min-width: 42px;
        min-height: 42px;
        justify-content: center;
    }
    .utility-bar
    {
        padding: 5px 0;
        font-size: 11px;
    }
    .utility-bar .crypto-badge
    {
        font-size: 10px;
        padding: 2px 10px;
    }
    .utility-bar-left a
    {
        display: none;
    }
    .utility-bar-left>span
    {
        display: none;
    }
    .nav-bar
    {
        display: none;
    }
    .page-hero
    {
        padding: 22px 0 18px;
    }
    .page-title
    {
        font-size: 22px;
    }
    .page-subtitle
    {
        font-size: 13px;
    }
    .section-header
    {
        margin-bottom: 26px;
    }
    .section-heading
    {
        font-size: 23px;
    }
    .section-heading::after
    {
        width: 56px;
        margin-top: 12px;
        background-size: 56px 1px,28px 1px;
    }
    .section-header p
    {
        font-size: 14px;
    }
    .btn
    {
        padding: 10px 18px;
        font-size: 13px;
        min-height: 44px;
    }
    .btn-lg
    {
        padding: 12px 24px;
        font-size: 14px;
    }
    .btn-sm
    {
        padding: 8px 14px;
        font-size: 12px;
        min-height: 38px;
    }
    .order-cta-bar
    {
        flex-direction: column;
        text-align: center;
        padding: 18px 16px;
        border-radius: var(--radius-md);
    }
    .metric-row
    {
        flex-direction: column;
    }
    .faq-section
    {
        padding: 40px 0;
    }
    .faq-question
    {
        padding: 14px 16px;
        font-size: 15px;
        min-height: 44px;
    }
    .faq-answer p
    {
        padding: 0 16px 14px;
        font-size: 13px;
    }
    .footer
    {
        padding: 36px 0 16px;
        font-size: 13px;
        margin-bottom: 56px;
    }
    .footer-grid
    {
        gap: 24px;
        margin-bottom: 24px;
    }
    .footer-col h4
    {
        font-size: 12px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }
    .footer-col ul li
    {
        margin-bottom: 12px;
    }
    .footer-col ul a
    {
        font-size: 14px;
        padding: 2px 0;
        display: inline-block;
    }
    .footer-bottom
    {
        padding-top: 16px;
        font-size: 11px;
        flex-direction: column;
        text-align: center;
    }
    .footer-logo img
    {
        height: 28px!important;
    }
    .mobile-bottom-nav
    {
        padding: 8px 0 env(safe-area-inset-bottom,6px);
    }
    .bottom-nav-item
    {
        font-size: 10px;
        padding: 4px 12px;
        min-height: 44px;
        justify-content: center;
    }
    .bottom-nav-item i
    {
        font-size: 18px;
    }
    .breadcrumb
    {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .data-table
    {
        font-size: 13px;
    }
    .data-table th, .data-table td
    {
        padding: 8px 10px;
    }
    .pro-card-header
    {
        padding: 12px 14px;
    }
    .pro-card-body
    {
        padding: 14px;
    }
    .cert-showcase
    {
        padding: 40px 0;
    }
    .cert-individual-grid
    {
        gap: 10px;
    }
    .cert-individual-card .cert-img-label
    {
        padding: 6px 8px;
        font-size: 9px;
    }
    .mobile-menu
    {
        width: 300px;
    }
    .mobile-menu-link
    {
        padding: 15px 20px;
        font-size: 15px;
        min-height: 48px;
    }
    .mobile-menu-link i
    {
        font-size: 16px;
    }
    .mobile-contact-btn
    {
        padding: 14px 16px;
        font-size: 14px;
        min-height: 48px;
    }
}
@media(max-width: 374px)
{
    html
    {
        font-size: 14px;
    }
    .container
    {
        padding: 0 12px;
    }
    .header-main
    {
        padding: 8px 0;
    }
    .logo-img
    {
        height: 28px;
    }
    .logo-icon
    {
        width: 34px;
        height: 34px;
    }
    .logo-text
    {
        font-size: 15px;
    }
    .section-heading
    {
        font-size: 20px;
    }
    .mobile-menu
    {
        width: 280px;
    }
}
.crypto-banner
{
    display: none;
}
.trust-bar
{
    display: none;
}
.modal
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(20,17,9,.55);
    z-index: var(--z-modal);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: var(--space-4);
    align-items: flex-start;
    justify-content: center;
    opacity: 0;
    transition: opacity .25s ease;
    backdrop-filter: blur(4px);
}
.modal.show
{
    display: flex;
    opacity: 1;
}
.modal-content
{
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gold-hairline);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: var(--shadow-xl);
    margin: auto;
    transform: translateY(20px) scale(.98);
    transition: transform .3s ease,opacity .3s ease;
    opacity: 0;
}
.modal.show .modal-content
{
    transform: translateY(0) scale(1);
    opacity: 1;
}
.modal-header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-4) var(--space-6);
    border-bottom: 2px solid var(--gold);
    position: sticky;
    top: 0;
    z-index: 1;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background: linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);
}
.modal-title
{
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--gold-light);
    font-family: var(--font-display);
    letter-spacing: .02em;
}
.modal-close
{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(203,173,106,.12);
    border: 1px solid rgba(203,173,106,.35);
    border-radius: 50%;
    cursor: pointer;
    color: var(--gold-light);
    transition: all var(--transition-fast);
}
.modal-close:hover
{
    background: var(--gold);
    color: var(--primary-darker);
    border-color: var(--gold);
    transform: rotate(90deg);
}
.modal-body
{
    padding: var(--space-4) var(--space-6);
}
.notification-toast
{
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: var(--z-notification);
    transform: translateX(120%);
    transition: transform .3s ease;
}
.notification-toast.show
{
    transform: translateX(0);
}
.toast-content
{
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-xl);
    border-left: 3px solid var(--success-green);
    min-width: 280px;
    max-width: 90vw;
}
.notification-toast.success .toast-content
{
    border-left-color: var(--success-green);
}
.notification-toast.success .toast-icon
{
    color: var(--success-green);
}
.notification-toast.warning .toast-content
{
    border-left-color: var(--gold);
}
.notification-toast.warning .toast-icon
{
    color: var(--gold-dark);
}
.notification-toast.error .toast-content
{
    border-left-color: var(--error-red);
}
.notification-toast.error .toast-icon
{
    color: var(--error-red);
}
.notification-toast.info .toast-content
{
    border-left-color: var(--primary);
}
.notification-toast.info .toast-icon
{
    color: var(--primary);
}
.toast-icon
{
    font-size: 1.25rem;
    flex-shrink: 0;
}
.toast-message
{
    font-weight: 600;
    font-size: .9rem;
    color: var(--gray-800);
}
.toast-subtitle
{
    font-size: .8rem;
    color: var(--gray-500);
    margin-top: 2px;
}
.toast-close
{
    background: none;
    border: none;
    cursor: pointer;
    color: var(--gray-400);
    padding: 4px;
}
.toast-close:hover
{
    color: var(--gray-700);
}
@media(max-width: 640px)
{
    .modal-content
    {
        max-width: 100%;
        margin: var(--space-2);
    }
    .modal-body
    {
        padding: var(--space-3);
    }
    .modal-header
    {
        padding: var(--space-3) var(--space-4);
    }
}
@media(max-width: 479px)
{
    .modal
    {
        padding: 0;
        align-items: flex-end;
    }
    .modal-content
    {
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        max-height: 95vh;
        margin: 0;
    }
    .modal-header
    {
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    }
    .modal-body
    {
        padding: var(--space-4);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .notification-toast
    {
        right: var(--space-3);
        left: var(--space-3);
        top: auto;
        bottom: var(--space-3);
    }
    .toast-content
    {
        min-width: 0;
        width: 100%;
    }
}
@media(max-width: 767px)
{
    input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], select, textarea
    {
        font-size: 16px!important;
    }
    .hamburger-btn, .mobile-search-toggle
    {
        width: 44px;
        height: 44px;
    }
    .basket-toggle
    {
        min-width: 44px;
        min-height: 44px;
    }
    .modal-close
    {
        width: 44px;
        height: 44px;
    }
    .mobile-menu-close
    {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .text-mono, .crypto-address, .pay-crypto-addr, .coa-value, .meta-value, .chem-value
    {
        overflow-wrap: anywhere;
    }
    .faq-item.open .faq-answer
    {
        max-height: 1200px;
    }
    a, button
    {
        -webkit-tap-highlight-color: rgba(169,132,46,.18);
    }
}
@media(max-width: 479px)
{
    .mobile-menu
    {
        width: min(300px,86vw);
    }
    .order-cta-links, .order-cta-actions
    {
        width: 100%;
        flex-direction: column;
    }
    .order-cta-btn
    {
        justify-content: center;
        min-height: 44px;
    }
}
@media(max-width: 379px)
{
    div[style*="minmax(320px"], div[style*="minmax(280px"]
    {
        grid-template-columns: 1fr!important;
    }
}
.skip-link
{
    position: absolute;
    left: -9999px;
    top: 0;
    background: var(--primary);
    color: var(--gold-light);
    padding: 10px 18px;
    font-weight: 700;
    font-size: .875rem;
    border-radius: 0 0 var(--radius-md) 0;
    z-index: calc(var(--z-notification) + 1);
    text-decoration: none;
}
.skip-link:focus
{
    left: 0;
    color: var(--gold-light);
    outline: 2px solid var(--gold);
    outline-offset: -2px;
}
.sr-only
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
form.has-suggest
{
    overflow: visible!important;
}
form.has-suggest button[type="submit"]
{
    border-radius: 0 calc(var(--radius-sm) - 1px) calc(var(--radius-sm) - 1px) 0;
}
.search-suggest-wrap
{
    position: relative;
    flex: 1;
    display: flex;
    min-width: 0;
}
.search-suggest-wrap>input
{
    width: 100%;
}
.search-suggest
{
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid var(--gold-hairline);
    border-radius: var(--radius-md);
    box-shadow: 0 10px 32px rgba(28,45,82,.16),0 2px 8px rgba(28,45,82,.08);
    z-index: calc(var(--z-header) + 300);
    max-height: 380px;
    overflow-y: auto;
    display: none;
}
.search-suggest.open
{
    display: block;
}
.search-suggest-item
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid var(--gray-100);
}
.search-suggest-item:last-child
{
    border-bottom: none;
}
.search-suggest-item:hover, .search-suggest-item.active
{
    background: var(--primary-50,#f2f4f9);
}
.search-suggest-name
{
    font-size: .85rem;
    font-weight: 600;
    color: var(--gray-900);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-suggest-meta
{
    font-size: .72rem;
    color: var(--gray-500);
    flex-shrink: 0;
    font-family: var(--font-mono,monospace);
}
.search-suggest-price
{
    font-size: .8rem;
    font-weight: 700;
    color: var(--primary);
    flex-shrink: 0;
}
.search-suggest-footer
{
    display: block;
    padding: 9px 14px;
    font-size: .78rem;
    font-weight: 700;
    color: var(--primary);
    text-align: center;
    background: var(--paper,#fcfaf3);
    border-top: 1px solid var(--gold-hairline);
}

/* Codex logo CDN sizing */
.logo-img[src^="https://cdn.shopify.com/s/files/1/0977/3341/1188/files/banner-peptidesciencesbrasil.png"] {
    width: 240px !important;
    height: 56px !important;
    object-fit: cover !important;
    object-position: center !important;
    mix-blend-mode: normal !important;
}
.footer-logo img[src^="https://cdn.shopify.com/s/files/1/0977/3341/1188/files/banner-peptidesciencesbrasil.png"] {
    width: 190px !important;
    height: 46px !important;
    object-fit: cover !important;
    object-position: center !important;
}
@media (max-width: 768px) {
    .logo-img[src^="https://cdn.shopify.com/s/files/1/0977/3341/1188/files/banner-peptidesciencesbrasil.png"] {
        width: 190px !important;
        height: 44px !important;
    }
    .footer-logo img[src^="https://cdn.shopify.com/s/files/1/0977/3341/1188/files/banner-peptidesciencesbrasil.png"] {
        width: 160px !important;
        height: 38px !important;
    }
}
@media (max-width: 480px) {
    .logo-img[src^="https://cdn.shopify.com/s/files/1/0977/3341/1188/files/banner-peptidesciencesbrasil.png"] {
        width: 165px !important;
        height: 38px !important;
    }
}

/* Codex transparent logo background */
.logo-img[src*="logo-peptide-sciences-transparent.png"] {
    width: 240px !important;
    height: 56px !important;
    object-fit: cover !important;
    object-position: center !important;
    mix-blend-mode: normal !important;
    background: transparent !important;
}
.footer-logo img[src*="logo-peptide-sciences-transparent.png"] {
    width: 190px !important;
    height: 46px !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
@media (max-width: 768px) {
    .logo-img[src*="logo-peptide-sciences-transparent.png"] { width: 190px !important; height: 44px !important; }
    .footer-logo img[src*="logo-peptide-sciences-transparent.png"] { width: 160px !important; height: 38px !important; }
}
@media (max-width: 480px) {
    .logo-img[src*="logo-peptide-sciences-transparent.png"] { width: 165px !important; height: 38px !important; }
}

/* Codex footer white logo */
.footer-logo img[src*="logo-peptide-sciences-white.png"] {
    width: 190px !important;
    height: 46px !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
@media (max-width: 768px) {
    .footer-logo img[src*="logo-peptide-sciences-white.png"] { width: 160px !important; height: 38px !important; }
}

/* Codex desktop header search */
.header-main {
    justify-content: flex-start;
}
.header-search {
    flex: 1 1 auto;
    max-width: 820px;
    margin-left: auto;
}
.header-search-form {
    height: 58px;
    border: 1px solid #c9b98b;
    border-radius: 2px;
    background: #fffdf6;
    box-shadow: none;
}
.header-search-input {
    padding: 0 26px;
    font-size: 20px;
    color: #756b57;
}
.header-search-input::placeholder {
    color: #8b8069;
    opacity: 1;
}
.header-search-btn {
    width: 82px;
    padding: 0;
    background: #14223f;
    color: #c9a044;
    font-size: 24px;
}
.header-search-btn:hover {
    background: #1b2d51;
}
@media (max-width: 1180px) {
    .header-search { max-width: 680px; }
    .header-search-input { font-size: 17px; }
}
@media (max-width: 940px) {
    .header-search { max-width: 520px; }
    .header-search-form { height: 50px; }
    .header-search-input { padding: 0 18px; font-size: 15px; }
    .header-search-btn { width: 64px; font-size: 20px; }
}
@media (max-width: 767px) {
    .header-main { justify-content: space-between; }
    .header-search { display: none !important; }
}

/* Codex compact desktop header search */
.header-search {
    flex: 0 1 620px !important;
    max-width: 620px !important;
    margin-left: 60px !important;
    margin-right: auto !important;
}
.header-search-form {
    height: 44px !important;
}
.header-search-input {
    padding: 0 18px !important;
    font-size: 15px !important;
}
.header-search-btn {
    width: 58px !important;
    font-size: 19px !important;
}
@media (max-width: 1180px) {
    .header-search { flex-basis: 520px !important; max-width: 520px !important; margin-left: 36px !important; }
}
@media (max-width: 940px) {
    .header-search { flex-basis: 440px !important; max-width: 440px !important; margin-left: 24px !important; }
    .header-search-form { height: 40px !important; }
    .header-search-input { font-size: 14px !important; padding: 0 14px !important; }
    .header-search-btn { width: 52px !important; font-size: 17px !important; }
}
@media (max-width: 767px) {
    .header-search { display: none !important; }
}

.header-quote-btn {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 22px;
    border-radius: 999px;
    background: linear-gradient(135deg,#ffc64b,#f5a91b);
    color: #10243e;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .03em;
    box-shadow: 0 10px 22px rgba(245,169,27,.22);
    white-space: nowrap;
}
.header-quote-btn:hover {
    color: #10243e;
    text-decoration: none;
    filter: saturate(1.04);
    transform: translateY(-1px);
}
@media(min-width: 1024px) {
    .header-quote-btn { display: inline-flex; }
    .header-search { max-width: 460px; }
}


/* Hide Peptides page navigation */
a[href="peptides.html"],
a[href="/peptides.html"] {
    display: none !important;
}

li:has(> a[href="peptides.html"]),
li:has(> a[href="/peptides.html"]) {
    display: none !important;
}


/* ===== MOBILE HEADER: Logo + Search + Quote ===== */
@media (max-width: 767px) {

    .header {
        display: block !important;
        background: #fff !important;
    }

    .header > .container {
        display: block !important;
        width: 100% !important;
        padding: 12px 14px !important;
    }

    .header-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 12px !important;
    }

    /* Logo */
    .header-main .logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .header-main .logo-img {
        display: block !important;
        width: auto !important;
        max-width: 260px !important;
        height: 56px !important;
        object-fit: contain !important;
    }

    /* Desktop search重新在手机显示 */
    .header-search {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        flex-basis: auto !important;
        margin: 0 !important;
    }

    .header-search-form {
        display: flex !important;
        width: 100% !important;
        height: 46px !important;
    }

    .header-search-input {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 46px !important;
        font-size: 14px !important;
        padding: 0 14px !important;
    }

    .header-search-btn {
        width: 54px !important;
        height: 46px !important;
        flex: 0 0 54px !important;
        font-size: 18px !important;
    }

    /* Quote Request手机也显示 */
    .header-quote-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        min-height: 42px !important;
        padding: 0 24px !important;
        margin: 0 !important;
    }

    /*
     * 已经显示桌面搜索框，
     * 原来的手机专用搜索框关闭，避免出现两个搜索框
     */
    .mobile-search-bar {
        display: none !important;
    }
}

/* ===== Floating WhatsApp Bounce ===== */

.ps-existing-whatsapp-trigger {
    animation: whatsappFloatBounce 1.25s ease-in-out infinite !important;
    transform-origin: center center !important;
}

@keyframes whatsappFloatBounce {

    0%, 100% {
        transform: translateY(0) scale(1);
    }

    40% {
        transform: translateY(-10px) scale(1.04);
    }

    60% {
        transform: translateY(-4px) scale(1.02);
    }
}

/* 鼠标放上去时暂停跳动 */
.ps-existing-whatsapp-trigger:hover {
    animation-play-state: paused !important;
}
/* ===== MOBILE HEADER FINAL ===== */
@media (max-width: 767px) {

    /* Logo + 搜索框 + Quote区域不固定 */
    .header,
    .header > .container,
    .header-main {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
    }

    .header {
        width: 100% !important;
        z-index: auto !important;
    }

    .header-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        padding: 18px 0 22px !important;
    }

    /* Logo放大 */
    .header-main .logo {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .header-main .logo-img {
        display: block !important;
        width: auto !important;
        height: 68px !important;
        max-width: 300px !important;
        object-fit: contain !important;
    }

    /* 搜索框适当缩小 */
    .header-search {
        display: block !important;
        width: 86% !important;
        max-width: 480px !important;
        margin: 0 auto !important;
        flex-basis: auto !important;
    }

    .header-search-form {
        width: 100% !important;
        height: 46px !important;
    }

    .header-search-input {
        height: 46px !important;
        font-size: 14px !important;
    }

    .header-search-btn {
        width: 54px !important;
        height: 46px !important;
        flex: 0 0 54px !important;
    }

    /* Quote Request保留，但去掉前面图标 */
    .header-quote-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        padding: 0 30px !important;
        margin: 0 auto !important;
        gap: 0 !important;
        position: static !important;
    }

    .header-quote-btn i {
        display: none !important;
    }

    /* 避免出现第二个手机搜索框 */
    .mobile-search-bar {
        display: none !important;
    }
}
/* ===== MOBILE HEADER: BIG LOGO + SEARCH ICON ===== */
@media (max-width: 767px) {

    .header,
    .header > .container,
    .header-main {
        position: static !important;
    }

    .header > .container {
        padding: 0 16px !important;
    }

    .header-main {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        width: 100% !important;

        padding: 14px 0 16px !important;
        gap: 8px !important;
    }

    /* Logo区域 */
    .header-main .logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 78px !important;

        margin: 0 !important;
    }

    /* 放大Logo */
    .header-main .logo-img {
        display: block !important;

        width: 245px !important;
        max-width: 68vw !important;
        height: auto !important;

        margin: 0 auto !important;

        transform: scale(1.35) !important;
        transform-origin: center center !important;
    }

    /* 手机版Quote Request完全去掉 */
    .header-quote-btn {
        display: none !important;
    }

    /* 默认隐藏原搜索框 */
    .header-search {
        display: none !important;

        width: 88% !important;
        max-width: 400px !important;

        margin: 5px auto 0 !important;

        flex-basis: auto !important;
    }

    /* 点击放大镜后显示 */
    .header-main.mobile-search-open .header-search {
        display: block !important;
    }

    .header-search-form {
        display: flex !important;

        width: 100% !important;
        height: 42px !important;
    }

    .header-search-input {
        flex: 1 1 auto !important;

        min-width: 0 !important;
        height: 42px !important;

        padding: 0 12px !important;

        font-size: 13px !important;
    }

    .header-search-btn {
        width: 48px !important;
        height: 42px !important;

        flex: 0 0 48px !important;
    }

    /* Logo右侧新放大镜 */
    .mobile-header-search-toggle {
        position: absolute !important;

        top: 32px !important;
        right: 18px !important;

        width: 42px !important;
        height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;

        border: none !important;
        border-radius: 50% !important;

        background: #102648 !important;
        color: #d6b45f !important;

        font-size: 18px !important;

        cursor: pointer !important;

        box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;

        z-index: 20 !important;
    }

    .mobile-header-search-toggle i {
        color: #d6b45f !important;
    }

    /* 不使用原来的第二套手机搜索框 */
    .mobile-search-bar {
        display: none !important;
    }
}
/* ===== MOBILE LOGO + SEARCH ICON FIX ===== */
@media (max-width: 767px) {

    .header-main {
        position: relative !important;
        display: block !important;

        width: 100% !important;

        /* 右侧专门给搜索按钮留空间 */
        padding: 12px 68px 14px 12px !important;
    }

    /* Logo占剩余空间，不允许碰到搜索按钮 */
    .header-main .logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 82px !important;

        margin: 0 !important;
        overflow: visible !important;
    }

    /* Logo继续保持大尺寸，但限制最大宽度 */
    .header-main .logo-img {
        display: block !important;

        width: 100% !important;
        max-width: 340px !important;
        height: auto !important;

        margin: 0 auto !important;

        /* 取消前面会导致重叠的scale */
        transform: none !important;
    }

    /* 搜索放大镜固定在Logo右边自己的区域 */
    .mobile-header-search-toggle {
        position: absolute !important;

        top: 50% !important;
        right: 12px !important;

        transform: translateY(-50%) !important;

        width: 46px !important;
        height: 46px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        background: #102648 !important;
        color: #d6b45f !important;

        z-index: 20 !important;
    }

    /* Quote Request继续隐藏 */
    .header-quote-btn {
        display: none !important;
    }

    /* 点击搜索图标后，搜索框在Logo下面展开 */
    .header-main.mobile-search-open {
        padding-right: 12px !important;
    }

    .header-main.mobile-search-open .header-search {
        display: block !important;

        width: 88% !important;
        max-width: 380px !important;

        margin: 10px auto 0 !important;
    }
}
/* Hide third-party verification blocks and menus. */
.verified-labs,
.nav-dropdown:has(a[href*="peptidemeter.com"]),
.nav-dropdown-menu li:has(> a[href*="peptidemeter.com"]),
.nav-dropdown-menu li:has(> a[href*="compoundtalk.com/threads/t13817"]),
.nav-dropdown-menu li:has(> a[href*="vendorinvestigate.com"]),
a.mobile-menu-link[href*="peptidemeter.com"],
a.mobile-menu-link[href*="compoundtalk.com/threads/t13817"],
a.mobile-menu-link[href*="vendorinvestigate.com"],
nav > div:has(+ a.mobile-menu-link[href*="peptidemeter.com"]) {
    display: none !important;
}