/* Brand finish: copper from the logo, lacquer black, warm ivory and brass.
   Loaded last so the existing layout and interactive states stay intact. */
.cs-storefront {
    --bg: #fffaf3;
    --bg-2: #f6ebdb;
    --surface: #fffefa;
    --ink: #251c17;
    --ink-2: #49392c;
    --muted: #79634f;
    --line: #e8d5bc;
    --line-strong: #cfae80;
    --accent: #ad490e;
    --accent-dark: #803309;
    --accent-soft: #fff0dc;
    --accent-tint: #efc390;
    --night: #231c18;
    --walnut-deep: #2c1d15;
    --green: #215e46;
    --green-deep: #0c251e;
    --green-soft: #e4f0e8;
    --sage: #21624b;
    --cream: #fff5e3;
    --light-square: #fff3de;
    --dark-square: #ad490e;
    --gold-1: #b47b24;
    --gold-2: #e6bc68;
    --gold-metal: linear-gradient(120deg, #a9671b, #f4d793 42%, #c38b32 72%, #f7dfa6);
    --shadow-sm: 0 3px 8px #43240d08, 0 14px 30px -18px #43240d45;
    --shadow-md: 0 8px 16px #43240d0c, 0 26px 48px -22px #43240d55;
}

/* A dark, finely edged masthead grounds the copper mark. */
.cs-storefront .top-header.top-header-dark {
    position: relative;
    isolation: isolate;
    background: linear-gradient(115deg, var(--green-deep), #174332 55%, var(--green-deep));
    border-bottom: 1px solid #b98242;
    box-shadow: inset 0 1px #ffffff08;
}
.cs-storefront .top-header.top-header-dark::before {
    content: ""; position: absolute; inset: 0 0 0 auto; width: min(32%, 400px);
    z-index: -1; pointer-events: none;
    background: repeating-conic-gradient(#e5b9750d 0 25%, transparent 0 50%) 0 0 / 28px 28px;
    mask-image: linear-gradient(90deg, transparent, #000);
}
.cs-storefront .top-header .header-contact { padding: 8px 0; }
.cs-storefront .top-header .header-dropdown > li { padding: 10px 16px; }
.cs-storefront .top-header .header-dropdown > li + li::before {
    content: ""; position: absolute; left: 0; top: 30%; height: 40%; width: 1px;
    background: #d6ac713d; pointer-events: none;
}
.cs-storefront .top-header .lang-switch-current,
.cs-storefront .top-header .account-switch-current,
.cs-storefront .top-header .top-whatsapp,
.cs-storefront .top-header .top-admin { color: #fffaf2 !important; font-weight: 600; }
.cs-storefront .top-header > .container .lang-switch-current i,
.cs-storefront .top-header > .container .account-icon,
.cs-storefront .top-header > .container .header-dropdown > li > a i,
.cs-storefront .top-header > .container .top-social i,
.cs-storefront .top-header > .container .top-whatsapp i { color: #ffe1a6 !important; }
.cs-storefront .top-header .top-social,
.cs-storefront .top-header .top-whatsapp i {
    background: #d6ac7108;
    box-shadow: inset 0 0 0 1px #d6ac7145;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease;
}
.cs-storefront .top-header .top-whatsapp { letter-spacing: .035em; }
.cs-storefront .top-header .top-social:hover,
.cs-storefront .top-header .top-whatsapp:hover,
.cs-storefront .top-header .top-admin:hover { background: #d6ac7114; color: #f6c885 !important; transform: none; }
.cs-storefront .top-header .lang-switch:hover .lang-switch-current,
.cs-storefront .top-header .mobile-account:hover .account-switch-current,
.cs-storefront .top-header .is-open .lang-switch-current,
.cs-storefront .top-header .is-open .account-switch-current { color: #f6c885 !important; }
.cs-storefront .top-header .lang-switch-current,
.cs-storefront .top-header .account-switch-current { transition: color .2s ease; }
.cs-storefront .top-header .onhover-show-div {
    border: 1px solid #d8bb90; background: #fffaf2;
    box-shadow: 0 12px 30px #281b1833;
}
.cs-storefront .top-header a:focus-visible,
.cs-storefront .top-header [tabindex]:focus-visible { outline-color: #f0c786; }
.cs-storefront header.header-style-5 {
    background: #fffaf3f5;
    border-bottom: 1px solid #d8bd96;
    box-shadow: 0 6px 24px #45260e08;
}
.cs-storefront .form_search { background: #fff; border-color: #e2cba9; }
.cs-storefront .form_search .btn-search { background: var(--accent); color: #fff; }
.cs-storefront .form_search .btn-search i { color: #fff; }
.cs-storefront .cs-catalog > summary {
    background: linear-gradient(135deg, #c45d18, #963a08);
    border: 1px solid #a3440c;
    box-shadow: inset 0 1px #ffffff38, 0 6px 14px #9b450e26;
}
.cs-storefront .cs-hero-frame { border-bottom: 3px solid #bb782d; }
.cs-storefront .cs-hero-slide::after {
    background: repeating-conic-gradient(#ad490e16 0 25%, transparent 0 50%) 0 0 / 64px 64px;
}
.cs-storefront .cs-btn-light {
    background: linear-gradient(135deg, #bf5615, #913506);
    color: #fff;
    border: 1px solid #a7440c;
    box-shadow: inset 0 1px #ffffff30, 0 10px 24px #8e3a0b30;
}
/* Hero actions share the logo's copper finish and generous touch targets. */
.cs-storefront .cs-hero-actions .cs-btn,
.cs-storefront .cs-hero-static .cs-btn {
    min-height: 48px; border-radius: 12px;
    border: 1px solid #c88a42;
    background: linear-gradient(135deg, #bd5819, #873008);
    color: #fff6e8; font-weight: 650;
    box-shadow: inset 0 1px #ffe3ac55, 0 7px 18px #78300926;
    transition: background .2s ease, box-shadow .2s ease;
}
.cs-storefront .cs-hero-actions .cs-btn i,
.cs-storefront .cs-hero-static .cs-btn i { color: #ffe0a5; }
.cs-storefront .cs-hero-slide:hover .cs-btn,
.cs-storefront .cs-hero-slide:focus-visible .cs-btn,
.cs-storefront .cs-hero-static .cs-btn:hover {
    background: linear-gradient(135deg, #a24711, #6e290a);
    box-shadow: inset 0 1px #ffe3ac55, 0 9px 22px #78300938;
}
.cs-storefront .cs-hero-controls {
    gap: 10px; padding: 6px; border-radius: 14px;
    background: #2a2019f0;
    border: 1px solid #c39450;
    box-shadow: inset 0 1px #ffffff12, 0 8px 22px #281b1829;
}
.cs-storefront .cs-hero-controls button {
    width: 44px; height: 44px; border-radius: 9px;
    background: #f1c6810d; color: #f6d49d;
    box-shadow: inset 0 0 0 1px #e5b97529;
}
.cs-storefront .cs-hero-controls button:hover {
    background: #e8bb75; color: #2b1e14;
}
.cs-storefront .cs-hero-controls button:focus-visible { outline-color: #f6d49d; }
.cs-storefront .cs-hero-counter { color: #cebda6; }
.cs-storefront .cs-hero-counter b { color: #fff2dc; }
.cs-storefront .cs-hero-progress { background: #e3ba7933; }
.cs-storefront .cs-hero-progress > i { background: #efc17a; }
.cs-storefront .cs-hero-actions .cs-hero-from {
    background: #fff8eced; color: #5d3c23;
    border: 1px solid #d8b580; border-radius: 10px;
    box-shadow: 0 3px 10px #5630190a;
}
@media (max-width: 767px) {
    .cs-storefront .top-header .header-contact { padding: 5px 0; }
    .cs-storefront .top-header .header-dropdown > li { padding: 8px 10px; }
    .cs-storefront .cs-hero-controls { gap: 6px; padding: 4px; border-radius: 12px; }
    .cs-storefront .cs-hero-controls button { width: 44px; height: 44px; }
    .cs-storefront .cs-hero-actions .cs-btn { min-height: 44px; border-radius: 10px; }
}
.cs-storefront .cs-hero-static { background: linear-gradient(120deg, #fff0d8, #e6bd85); }
.cs-storefront .cs-eyebrow-gold { background: none; color: #8a450e; }
.cs-storefront .section-heading h2::before,
.cs-storefront .trend-head h2::before {
    width: 26px; height: 26px; border-radius: 4px;
    background: repeating-conic-gradient(#302016 0 25%, #e7b565 0 50%) 0 0 / 13px 13px;
    box-shadow: 0 0 0 3px #fff6e7, 0 0 0 4px #dfc39a;
}

/* Product photography sits on an ivory plinth, with a subtle board at its foot. */
.cs-storefront .product-card {
    border: 1px solid #dec5a3 !important;
    border-radius: 18px;
    background: linear-gradient(155deg, #fffefa, #fbf6ed);
    box-shadow: inset 0 1px #fff, 0 4px 8px #183b2906, 0 18px 36px -22px #183b2955;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}
.cs-storefront .product-card:hover,
.cs-storefront .product-card:focus-within {
    border-color: #bc7d37 !important;
    box-shadow: 0 6px 16px #43240d10, 0 24px 40px -20px #7a380b55;
}
.cs-storefront .product-card .product-image-link {
    position: relative;
    margin: 10px 10px 0;
    border-radius: 12px;
    background: radial-gradient(ellipse at 50% 35%, #fff 20%, #fbf3e6 70%, #f1dfc4);
}
.cs-storefront .product-card .product-image-link::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: 0; height: 24px;
    background: repeating-conic-gradient(#b0763224 0 25%, transparent 0 50%) 0 0 / 24px 24px;
    mask-image: linear-gradient(transparent, #000);
    pointer-events: none;
}
.cs-storefront .product-card .card-body { padding: 18px 20px 20px; border-top: 0; }
.cs-storefront .product-card .card-title { font-weight: 650; line-height: 1.45; }
.cs-storefront .product-card-price {
    padding-top: 12px;
    border-top: 1px solid #eddfcc;
}
.cs-storefront .product-card-price strong { color: var(--green-deep); font-size: 24px; letter-spacing: -.035em; }
.cs-storefront .product-card .product-card-action {
    min-height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #215e46, #0c251e) !important;
    color: #fff3de !important;
    box-shadow: inset 0 1px #ffffff2b, 0 5px 12px #99400c1a;
    font-weight: 650;
}
.cs-storefront .product-card .product-card-action:hover:not(:disabled) { background: #123b2b !important; }
.cs-storefront .product-card .product-card-action.is-added { background: var(--green) !important; }
.cs-storefront .product-card .product-card-action:disabled {
    background: #eee6dc !important; color: #756555 !important; box-shadow: none;
}
.cs-storefront .product-sale-label { background: var(--green); color: #fff; }
.cs-storefront .list-actions button, .cs-storefront .list-actions a { background: #fffdf5f5; }

/* Premium products keep their real catalogue designation; gold is a visual cue. */
.cs-storefront .product-card.is-premium {
    border: 1px solid #c69445 !important;
    background: linear-gradient(145deg, #194431, #0c251e) padding-box, var(--gold-metal) border-box;
}
.cs-storefront .product-card.is-premium .product-image-link {
    background: radial-gradient(ellipse at 50% 30%, #fffef9 15%, #f7e9ca 70%, #e5c88e);
}
.cs-storefront .product-card.is-premium .product-card-action {
    background: linear-gradient(120deg, #f7d9a2, #dca75f) !important;
    color: #302111 !important;
}
.cs-storefront .product-card.is-premium .product-card-action:hover:not(:disabled) { background: #ffe2ae !important; }
.cs-storefront .product-card.is-premium .product-card-action.is-added { background: var(--green) !important; color: #fff !important; }
.cs-storefront .product-card.is-premium .product-card-action:disabled { background: #eee6dc !important; color: #756555 !important; }
.cs-storefront .cs-premium-badge { background: #2b2016; color: #ffe3a5; border-color: #d5a756; box-shadow: 0 4px 12px #39220e22; }
.cs-storefront .cs-premium-badge > span { color: #f0c36d; }
.cs-storefront .cs-premium-band {
    --band: #211c18;
    background: radial-gradient(ellipse at 90% 0, #94612b55, transparent 65%), #211c18;
    border-top: 1px solid #c89b53; border-bottom: 1px solid #c89b53;
}
.cs-storefront .cs-premium-band::before {
    inset: 0 0 0 40%;
    background: repeating-conic-gradient(#e7b65c16 0 25%, transparent 0 50%) 0 0 / 96px 96px;
}
.cs-storefront .cs-premium-head h2 { font-size: clamp(30px, 3vw, 42px); }
.cs-storefront .cs-premium-eyebrow { background: none; color: #efc675; }

/* Collection tiles echo alternating light and dark squares without tinting photos. */
.cs-storefront #collections::before {
    background: repeating-conic-gradient(#bd792d38 0 25%, #fff5df 0 50%) 0 0 / 64px 64px;
}
.cs-storefront .cs-collection {
    border-radius: 16px;
    border: 1px solid #d8b580 !important;
    background: #fff8e9;
    box-shadow: 0 10px 24px -15px #55300e55;
}
.cs-storefront .cs-collection-media { background: radial-gradient(ellipse at center, #fffefa, #f5e2c5); border-radius: 10px; }
.cs-storefront .cs-collection-body { padding: 16px 8px 10px; }
.cs-storefront .cs-collection-title { font-weight: 700; }
.cs-storefront .cs-collection:nth-child(even) { background: linear-gradient(145deg, #174332, var(--green-deep)); border-color: #42634d !important; }
.cs-storefront .cs-collection:nth-child(even) .cs-collection-title { color: #fff1db; }
.cs-storefront .cs-collection:nth-child(even) .cs-collection-count { color: #cad8c6; }
.cs-storefront .cs-collection .cs-collection-piece { background: #ad490e; color: #fff5e2; border-radius: 8px; }
.cs-storefront .cs-collection:nth-child(even) .cs-collection-piece { background: var(--green-deep); color: #f6cd81; }
.cs-storefront .cs-collection:hover { border-color: #b66a20 !important; }
.cs-storefront .home-service-icon { color: #ad490e; }
.cs-storefront .cs-trust-title { background: none; color: #91400e; }
.cs-storefront .cs-finder { background: var(--green-deep); box-shadow: 0 0 0 100vmax var(--green-deep); }
.cs-storefront .cs-finder::before {
    background: linear-gradient(115deg, #215e46bf, #0c251ed9), repeating-conic-gradient(#e5c58530 0 25%, transparent 0 50%) 0 0 / 80px 80px;
}
.cs-storefront .cs-finder::after { color: #ffdc91; text-shadow: -10px 0 var(--green-deep), 10px 0 var(--green-deep); }
.cs-storefront .cs-finder-wrap { border-radius: 20px; }
.cs-storefront .cs-finder-chip input:checked + span { background: var(--green) !important; }
.cs-storefront .bx-band {
    background: linear-gradient(120deg, #f4dbab, #fff3db 55%, #eecb91) !important;
    border-color: #dbb678 !important;
}
.cs-storefront .bxc, .cs-storefront .trend-lead, .cs-storefront .trend-tile {
    border: 1px solid #dec5a3 !important;
    box-shadow: var(--shadow-sm);
}
.cs-storefront .trend-rank-lead { background: #ad490e; }
.cs-storefront footer.dark-footer { border-top: 3px solid #bb782d; }

@media (max-width: 767px) {
    .cs-storefront .product-card { border-radius: 14px; }
    .cs-storefront .product-card .product-image-link { margin: 6px 6px 0; border-radius: 9px; }
    .cs-storefront .product-card .card-body { padding: 12px; }
    .cs-storefront .product-card-price { padding-top: 9px; }
    .cs-storefront .product-card-price strong { font-size: 19px; }
    .cs-storefront .product-card .product-card-action { white-space: normal; line-height: 1.35; }
    .cs-storefront .cs-collection-body { padding: 12px 6px 8px; }
    .cs-storefront .cs-dock { background: #0c251efa; border-top-color: #bb782d; }
    .cs-storefront .cs-dock-icon b { background: #bc5210; }
}
@media (prefers-reduced-motion: reduce) {
    .cs-storefront .product-card, .cs-storefront .cs-collection { transition: none; }
    .cs-storefront .product-card:hover, .cs-storefront .cs-collection:hover { transform: none; }
}

/* Shared card finish: ivory, emerald and a restrained brass edge. */
.cs-storefront .product-card.is-premium .card-title,
.cs-storefront .product-card.is-premium a:hover .card-title { color: #fff4df; }
.cs-storefront .product-card.is-premium .product-options,
.cs-storefront .product-card.is-premium .card-variant-label,
.cs-storefront .product-card.is-premium .product-card-price del,
.cs-storefront .product-card.is-premium .text-muted { color: #d0d9c9 !important; }
.cs-storefront .product-card.is-premium .product-card-price { border-top-color: #d7b57145; }
.cs-storefront .product-card.is-premium .product-card-price strong { color: #ffe0a5; }
.cs-storefront .product-card.is-premium .product-image-link { box-shadow: inset 0 0 0 1px #d6b16e55; }
.cs-storefront .product-card .product-image-link img { border-radius: 8px; }
.cs-storefront .product-card .product-card-action i { color: inherit; }
.cs-storefront .product-card:focus-within { transform: translateY(-3px); }
.cs-storefront .product-card.is-premium :focus-visible { outline-color: #ffe0a5; }
.cs-storefront .cs-collection { padding: 10px; box-shadow: inset 0 1px #fff9, 0 16px 30px -20px #14362866; }
.cs-storefront .cs-collection:nth-child(even) { box-shadow: inset 0 1px #eed59b33, 0 16px 30px -20px #14362866; }
.cs-storefront .cs-collection-body { position: relative; padding-right: 34px; }
.cs-storefront .cs-collection-body::after {
    content: "↗"; position: absolute; right: 5px; bottom: 12px; width: 26px; height: 26px;
    display: grid; place-items: center; border: 1px solid #bf9d6355; border-radius: 50%; color: #8b642e; font-size: 16px;
}
.cs-storefront .cs-collection:nth-child(even) .cs-collection-body::after { color: #efd095; border-color: #efd09555; }
.cs-storefront .home-content .bxc,
.cs-storefront .home-content .trend-lead,
.cs-storefront .home-content .trend-tile,
.cs-storefront .home-content .cs-post > a,
.cs-storefront .home-content .cs-review-card,
.cs-storefront .home-content .cs-partner {
    background: linear-gradient(145deg, #fffefa, #faf5ea);
    border: 1px solid #d8c5a4 !important; border-radius: 18px;
    box-shadow: inset 0 1px #fff, 0 3px 6px #183b2905, 0 18px 32px -24px #183b2966;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cs-storefront .home-content .bxc:hover,
.cs-storefront .home-content .trend-lead:hover,
.cs-storefront .home-content .trend-tile:hover,
.cs-storefront .home-content .cs-post > a:hover,
.cs-storefront .home-content .cs-review-card:hover,
.cs-storefront .home-content .cs-partner:hover {
    border-color: #b58c4e !important; transform: translateY(-3px);
    box-shadow: 0 6px 14px #183b290a, 0 24px 38px -24px #183b2966;
}
.cs-storefront .home-content .bxc-visual,
.cs-storefront .home-content .cs-post-media,
.cs-storefront .home-content .cs-partner-logo { border: 1px solid #e1d3bb; border-radius: 12px; }
.cs-storefront .home-content .bxc-cta {
    background: linear-gradient(135deg, #215e46, #0c251e); color: #fff1d6 !important; border-radius: 10px;
}
.cs-storefront .home-content .bxc-tag,
.cs-storefront .home-content .cs-post-kicker { color: var(--green); }
.cs-storefront .home-content .bxc-price strong,
.cs-storefront .home-content .trend-meta b { color: var(--green-deep); }
.cs-storefront .home-content .trend-rank-lead { background: var(--green-deep); color: #ffe1a6; }
.cs-storefront .home-content .cs-post time { border-top-style: solid; border-top-color: #e1d3bb; }
.cs-storefront .home-content .cs-review-card::before { height: 3px; background: linear-gradient(90deg, #215e46, #c7a360, #f1d59e); }
.cs-storefront .home-content .cs-review-avatar { background: var(--green-deep); color: #ffe1a6; box-shadow: 0 0 0 3px #fffaf0, 0 0 0 4px #c7a360; }
.cs-storefront .home-content .cs-review-badge { background: #e7efe7; color: #215e46; }

/* A quiet emerald closing panel, with readable links and a brass signature. */
.cs-storefront footer.dark-footer {
    background: radial-gradient(ellipse at 0 0, #215e4666, transparent 65%), #0c251e !important;
    border-top: 1px solid #c3a16b; border-radius: 28px 28px 0 0; color: #e2e7d9;
}
.cs-storefront .dark-footer::before { background: repeating-conic-gradient(#e5c5850d 0 25%, transparent 0 50%) 0 0 / 64px 64px; }
.cs-storefront .dark-footer::after { color: #e5c58508; }
.cs-storefront footer.dark-footer > .cs-tour { display: none; }
.cs-storefront .dark-footer .footer-navigation { padding-top: 56px; padding-bottom: 46px; }
.cs-storefront .dark-footer h4 { color: #f4d49a !important; font-size: 13px; letter-spacing: .12em; }
.cs-storefront .dark-footer .footer-brand p,
.cs-storefront .dark-footer .footer-brand > span,
.cs-storefront .dark-footer .footer-col a,
.cs-storefront .dark-footer .footer-contact-links span { color: #e2e7d9 !important; }
.cs-storefront .dark-footer .footer-col a { line-height: 1.65; }
.cs-storefront .dark-footer nav.footer-col a:hover,
.cs-storefront .dark-footer .footer-contact-links a:hover { color: #ffe0a5 !important; }
.cs-storefront .dark-footer .footer-contact-links i {
    width: 34px; height: 34px; background: #e7c2830a; color: #f4d49a !important;
    box-shadow: inset 0 0 0 1px #e7c28340; border-radius: 10px;
}
.cs-storefront .dark-footer .cs-signature { background: #ffffff05; border: 1px solid #d5b47b45; box-shadow: none; border-radius: 14px; }
.cs-storefront .dark-footer .cs-signature-seal { background: #e7c2830d; color: #ffe1a6 !important; box-shadow: inset 0 0 0 1px #d5b47b66; }
.cs-storefront .dark-footer .cs-signature-seal small { color: #e5c585; }
.cs-storefront .dark-footer .cs-signature-text strong { color: #fff1da !important; }
.cs-storefront .dark-footer .cs-signature-text span { color: #cfb985 !important; }
.cs-storefront .dark-footer .sub-footer.dark-subfooter { background: #081d17 !important; border-top: 1px solid #d5b47b26; }
.cs-storefront .dark-footer .sub-footer p { color: #c1cebe !important; }
.cs-storefront .dark-footer .footer-social a { display: inline-flex; background: transparent !important; border: 1px solid #d5b47b3d; border-radius: 10px; }
.cs-storefront .dark-footer .sub-footer i { color: #f4d49a !important; background: transparent; }
.cs-storefront .dark-footer .footer-social i { color: #f4d49a !important; }
.cs-storefront .dark-footer .footer-social a:hover { background: #d5b47b1c; }
.cs-storefront .dark-footer :focus-visible { outline-color: #ffe0a5; }

/* Loading uses the original logo knight, an illuminated seal and an indeterminate line. */
.cs-storefront .cs-loader {
    background: radial-gradient(ellipse at 50% 40%, #215e46f5, #0c251efc 65%);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.cs-storefront .cs-loader::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: repeating-conic-gradient(#e5c58508 0 25%, transparent 0 50%) 0 0 / 80px 80px;
    mask-image: radial-gradient(ellipse, #000, transparent 75%);
}
.cs-storefront .cs-loader-card { position: relative; padding: 32px; gap: 26px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.cs-loader-emblem {
    position: relative; display: grid; place-items: center; width: 124px; height: 124px; border-radius: 50%;
    background: radial-gradient(ellipse, #e6c48a33, #e6c48a05 65%);
    box-shadow: inset 0 0 0 1px #e3bc744d, 0 0 0 8px #d5b47b05;
}
.cs-loader-emblem::after { content: ""; position: absolute; inset: -7px; border: 1px solid #e3bc7426; border-radius: 50%; }
.cs-loader-emblem img { position: relative; width: 72px; height: 100px; object-fit: contain; filter: drop-shadow(0 3px 8px #0008); animation: cs-premium-breathe 2.4s ease-in-out infinite; }
.cs-storefront .cs-loader-text { gap: 10px; }
.cs-storefront .cs-loader-brand { color: #fff0d3; font-size: 24px; font-weight: 500; letter-spacing: .12em; }
.cs-loader-caption { color: #d1d9c8; font-size: 12px; letter-spacing: .1em; }
.cs-loader-track { position: relative; display: block; width: 140px; height: 2px; margin-top: 14px; overflow: hidden; background: #e3bc7426; }
.cs-loader-track::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #f6d496, transparent); animation: cs-premium-line 1.8s ease-in-out infinite; }
.cs-storefront .cs-loader-bar { background: linear-gradient(90deg, #aa7c38, #ffe1a6); height: 2px; }
@keyframes cs-premium-breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes cs-premium-line { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@media (max-width: 767px) {
    .cs-storefront .cs-collection-body { padding-right: 32px; }
    .cs-storefront .dark-footer .footer-navigation { padding-top: 36px; padding-bottom: 28px; }
    .cs-storefront .dark-footer .cs-signature { max-width: 100%; }
    .cs-storefront .dark-footer .cs-signature-text strong { font-size: 13px; }
    .cs-storefront .home-content .cs-post time { border-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .cs-loader-emblem img, .cs-loader-track::after { animation: none; }
    .cs-storefront .product-card:focus-within,
    .cs-storefront .home-content .bxc:hover,
    .cs-storefront .home-content .trend-lead:hover,
    .cs-storefront .home-content .trend-tile:hover,
    .cs-storefront .home-content .cs-post > a:hover,
    .cs-storefront .home-content .cs-review-card:hover,
    .cs-storefront .home-content .cs-partner:hover { transform: none; }
}

/* An ivory logo bar keeps the copper mark clear above the campaign artwork. */
.cs-storefront header.header-style-5 {
    background: linear-gradient(110deg, #fffdf8, #f4f1e8);
    border-bottom-color: #ded5c4;
}
.cs-storefront .top-header.top-header-dark {
    background: #21533f;
    border-bottom-color: #d5b47b40;
}
.cs-storefront .main-menu .menu-left { border-right-color: #d5b47b40; }
.cs-storefront .main-menu .header-list-link > a,
.cs-storefront .main-menu .header-list-link > a i,
.cs-storefront .main-menu .mobile-cart > a,
.cs-storefront .main-menu .mobile-cart > a i,
.cs-storefront .main-menu .mobile-cart .cart-total { color: #244b3b !important; }
.cs-storefront .main-menu .header-list-link > a:hover,
.cs-storefront .main-menu .mobile-cart > a:hover { color: #a74b17 !important; }
.cs-storefront .main-menu .mobile-cart > a {
    background: #f1d49f !important;
    color: #0c251e !important;
}
.cs-storefront .main-menu .mobile-cart > a i,
.cs-storefront .main-menu .mobile-cart .cart-total { color: #0c251e !important; }
.cs-storefront .main-menu .mobile-cart > a:hover { background: #ffe1ad !important; color: #0c251e !important; }