/* GoldBee mobile evolution. Desktop and other projects retain their existing styles. */
@media (max-width:1100px) {
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] .gb-mobile-category-button {
        display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:7px;
        min-width:100px; min-height:44px; height:44px; padding:6px 12px; border:1px solid #e6dfd1;
        border-radius:12px; color:#171510; background:#f6f3eb; font:inherit; font-size:13px; font-weight:650; cursor:pointer;
    }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] .gb-mobile-category-button[aria-expanded="true"] { color:#fff; background:#8c6a05; border-color:#8c6a05; }
    body.is-goldbee-store .gb-mobile-category-button:focus-visible { outline:2px solid #8c6a05; outline-offset:2px; }
    body.is-goldbee-store .gb-mobile-categories { --gb-mobile-radius:12px; height:min(82dvh,760px); max-height:min(calc(100dvh - 16px),760px); }
    body.is-goldbee-store .gb-mobile-categories .mobile-category-sheet__header { padding:18px 20px 14px; border-bottom:1px solid #eee9df; }
    body.is-goldbee-store .gb-mobile-categories .mobile-category-sheet__close { width:44px; height:44px; min-width:44px; min-height:44px; color:#171510; }
    body.is-goldbee-store .gb-mobile-categories .mobile-category-sheet__content { flex:1; min-height:0; overflow-y:auto; padding:0 20px 24px; }
    body.is-goldbee-store .gb-category-tabs { position:sticky; top:0; z-index:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin:0 -2px 10px; padding:14px 2px 12px; background:#fff; }
    body.is-goldbee-store .gb-category-tabs [role="tab"] { min-height:44px; border:1px solid #e6dfd1; border-radius:var(--gb-mobile-radius); padding:9px 16px; color:#4e493f; background:#faf9f6; font:inherit; font-size:15px; font-weight:600; cursor:pointer; }
    body.is-goldbee-store .gb-category-tabs [aria-selected="true"] { color:#fff; background:#8c6a05; border-color:#8c6a05; }
    body.is-goldbee-store .gb-category-tabs [role="tab"]:focus-visible,
    body.is-goldbee-store .gb-category-panel:focus-visible { outline:2px solid #8c6a05; outline-offset:3px; }
    body.is-goldbee-store .gb-category-panel[hidden] { display:none !important; }
    body.is-goldbee-store .gb-category-view-all { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; margin-bottom:4px; color:#8c6a05; font-size:12px; font-weight:650; }
    body.is-goldbee-store .gb-mobile-categories .mobile-category-tree__toggle,
    body.is-goldbee-store .gb-mobile-categories .mobile-category-tree__link,
    body.is-goldbee-store .gb-mobile-categories .mobile-category-tree__all { min-height:48px; padding-top:12px; padding-bottom:12px; }
    body.is-goldbee-store .gb-category-more { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; margin-top:20px; padding-top:12px; border-top:1px solid #e9e3d8; }
    body.is-goldbee-store .gb-category-more a { display:flex; align-items:center; justify-content:space-between; min-height:44px; gap:8px; color:#514a3e; font-size:12px; }
}
@media (max-width:700px) {
    body.is-goldbee-store { --gb-mobile-space:12px; --gb-mobile-radius:12px; }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-header-inner,
    body.is-goldbee-store.gb-concept-home:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-header-inner {
        height:92px; grid-template-rows:48px 44px; gap:0 6px; padding-inline:16px;
    }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-header { top:-48px; }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-brand { width:144px; }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-brand img { max-width:144px; max-height:36px; }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-header-actions { gap:2px; }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-icon-button { min-width:44px; min-height:44px; width:44px; height:44px; flex-basis:44px; }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-search { height:38px; margin-block:3px; border-radius:20px; }
    body.is-goldbee-store:has(.gb-mobile-nav[data-gb-compact-nav]) .gb-search input { height:44px; min-height:44px; font-size:16px; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] { top:44px; height:60px; padding-block:8px; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] .gb-mobile-nav__scroll { height:44px; gap:6px; padding-left:16px; padding-right:16px; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] a { flex:0 0 auto; min-width:0; height:44px; min-height:44px; padding:10px 14px; border:1px solid #ebe6dc; border-radius:12px; background:#faf8f3; color:#302b22; font-size:12px; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] a:is(.is-active,[aria-current="page"]) { color:#755900; border-color:#d5c38d; background:#f4eddb; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] a:focus-visible { outline:2px solid #8c6a05; outline-offset:-3px; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] .gb-mobile-category-button { min-width:104px; padding:10px 14px; font-size:12px; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav] .gb-mobile-nav-next:not([hidden]) { top:8px; height:44px; }
    body.is-goldbee-store.gb-concept-home .gb-mobile-nav[data-gb-compact-nav]:has(.gb-mobile-nav-next:not([hidden])) .gb-mobile-nav__scroll { padding-right:48px; }

    /* Retain the campaign photo, positioning and CTA; refine only its type and spacing. */
    body.is-goldbee-store .hero .hero-content { padding:20px 16px 24px; }
    body.is-goldbee-store .hero .hero-content h2 { font-size:clamp(27px,7.2vw,32px); line-height:1.08; letter-spacing:-.035em; margin-top:8px; margin-bottom:14px; }
    body.is-goldbee-store .hero .hero-content .button { min-height:44px; padding:10px 14px; font-size:12px; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) { width:100%; max-width:none; margin:0; padding:12px 16px 4px; background:#fff; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefits-grid { width:100%; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; background:#fff; border:0; border-radius:0; box-shadow:none; overflow:visible; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefit { display:flex; align-items:flex-start; gap:8px; min-height:0; padding:10px 8px; background:transparent; border:0; border-radius:0; box-shadow:none; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefit:nth-child(n+3) { border-top:1px solid #eee9df; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefit-icon { flex:0 0 19px; width:19px; height:22px; margin:0; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefit-icon svg { width:19px; height:19px; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefit-copy { display:block; min-width:0; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefit h3 { margin:0; font-size:12px; line-height:1.35; }
    body.is-goldbee-store.gb-concept-home #content > .shop-benefits.shop-benefits--refined:not(.is-footer) .shop-benefit p { margin:4px 0 0; color:#6a6359; font-size:11.5px; line-height:1.45; }

    /* A transformed reveal ancestor traps the fixed purchase bar during fast scrolling. */
    body.is-goldbee-store .product-panel form[data-product-form] { opacity:1; transform:none; transition:none; }
    body.is-goldbee-store .product-panel .purchase-anchor.is-sticky .sticky-purchase-variant { min-height:44px; }
    body.is-goldbee-store .product-panel h1 { margin:0 0 10px; font-size:clamp(24px,6.4vw,30px); line-height:1.1; letter-spacing:-.03em; }
    body.is-goldbee-store .product-panel .product-breadcrumb { margin-bottom:10px; }
    body.is-goldbee-store .product-panel .product-price-summary { margin:0 0 14px; }
    body.is-goldbee-store .product-panel .product-price { margin:0 0 4px; font-size:24px; line-height:1.2; font-weight:650; }
    body.is-goldbee-store .product-panel .product-sale-main { gap:10px; }
    body.is-goldbee-store .product-panel .product-sale-main strong { font-size:26px; line-height:1.2; }
    body.is-goldbee-store .product-panel .sale-badge { padding:4px 7px; border-radius:7px; font-size:11px; }
    body.is-goldbee-store .product-panel :is(.original-price,.lowest-price,.tax-note) { margin-top:4px; margin-bottom:0; color:#655e53; font-size:11px; line-height:1.45; }
    body.is-goldbee-store .product-panel .product-benefits { padding:12px 0; margin:0 0 14px; border:0; border-top:1px solid #e9e3d8; border-bottom:1px solid #e9e3d8; border-radius:0; background:transparent; box-shadow:none; }
    body.is-goldbee-store .product-panel .product-benefits h2 { margin:0 0 8px; color:#806215; font-size:10px; line-height:1.3; letter-spacing:.08em; }
    body.is-goldbee-store .product-panel .product-benefits ul { gap:6px; }
    body.is-goldbee-store .product-panel .product-benefits li { gap:8px; font-size:13px; line-height:1.4; }
    body.is-goldbee-store .product-panel .product-benefits li svg { width:15px; height:15px; flex:0 0 15px; color:#8c6a05; background:transparent; }
    body.is-goldbee-store .product-panel .product-compression { gap:8px 12px; padding:0; margin:12px 0; border:0; border-radius:0; background:transparent; font-size:12px; }
    body.is-goldbee-store .product-panel .product-colors { margin-top:12px; margin-bottom:12px; }
    body.is-goldbee-store .product-panel .product-material { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:8px; margin:12px 0; padding:0; border:0; border-radius:0; background:transparent; }
    body.is-goldbee-store .product-panel .product-material > span { padding-top:2px; font-size:10px; }
    body.is-goldbee-store .product-panel .product-material p { margin:0; white-space:normal; overflow:visible; font-size:12px; line-height:1.45; }
    body.is-goldbee-store .product-panel .product-purchase-panel { margin:12px 0 0; padding:14px 0 0; background:transparent; border:0; border-top:1px solid #e9e3d8; border-radius:0; box-shadow:none; }
    body.is-goldbee-store .product-panel .variant-header { margin:0 0 10px; }
    body.is-goldbee-store .product-panel .variant-options { gap:8px; }
    body.is-goldbee-store .product-panel .variant-option > span { min-width:44px; height:44px; min-height:44px; padding:8px 10px; gap:5px; border:1px solid #dcd6ca; border-radius:10px; color:#24211c; background:#fff; font-size:13px; box-shadow:none; }
    body.is-goldbee-store .product-panel .variant-option input:checked + span { border-color:#8c6a05; background:#f7f2e5; box-shadow:0 0 0 1px #8c6a05; color:#171510; }
    body.is-goldbee-store .product-panel .variant-option input:focus-visible + span { outline:2px solid #8c6a05; outline-offset:3px; }
    body.is-goldbee-store .product-panel .variant-option input:disabled + span { color:#938b7e; background:#f8f7f4; border-color:#e6e1d8; box-shadow:none; text-decoration:line-through; }
    body.is-goldbee-store .product-panel .variant-stock-dot { width:4px; height:4px; flex:0 0 4px; box-shadow:none; opacity:.6; }
    body.is-goldbee-store .product-panel .product-size-advice { padding:0; margin:9px 0 0; border:0; border-radius:0; background:transparent; color:#655e53; font-size:12px; line-height:1.45; }
    body.is-goldbee-store .product-panel .variant-availability { margin:12px 0 0; font-size:12px; }
    body.is-goldbee-store .product-panel .delivery-estimate { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:3px 10px; padding:10px 0; margin:8px 0 12px; border:0; border-top:1px solid #eee9df; border-radius:0; background:transparent; }
    body.is-goldbee-store .product-panel .delivery-estimate > span { font-size:10px; line-height:1.4; }
    body.is-goldbee-store .product-panel .delivery-estimate strong { text-align:right; font-size:12px; line-height:1.4; }
    body.is-goldbee-store .product-panel .delivery-estimate small { grid-column:1 / -1; margin:2px 0 0; color:#655e53; font-size:11px; line-height:1.45; }
    body.is-goldbee-store .product-panel .purchase-row { gap:8px; }
    body.is-goldbee-store .product-panel .purchase-row .add-button { min-height:52px; border-radius:12px; color:#fff; background:#8c6a05; border-color:#8c6a05; font-size:14px; font-weight:700; box-shadow:0 3px 10px #8c6a051a; }
    body.is-goldbee-store .product-panel .quantity-stepper { border-radius:12px; box-shadow:none; }
    body.is-goldbee-store .product-panel .quantity-stepper button { min-width:44px; min-height:44px; }
    body.is-goldbee-store .product-panel .purchase-reassurance { gap:6px; margin-top:12px; padding-top:0; }
}