/* Mobile presentation only. No locale, country, document or checkout rules. */
@media (max-width: 1024px), (pointer: coarse) {
  .site-shell .offer-grid .offer .offer-savings-box small,
  .site-shell .offer-grid .offer .offer-gift small,
  .site-shell .offer-grid .offer .offer-gift b,
  .site-shell .offer-grid .offer .offer-badge { font-size: 14px; line-height: 1.4; }
  /* The existing wide-tablet delivery rule uses !important. */
  .site-shell .offer-grid .offer .offer-shipping { font-size: 14px !important; line-height: 1.4; }
  .site-shell .offer-grid .offer .offer-savings-box strong { font-size: 17px; }
  .site-shell .offer-grid .offer .offer-heading { font-size: 17px; line-height: 1.4; }
  .site-shell .offer .offer-gift,
  .site-shell .offer .offer-savings-box { min-width: 0; flex-wrap: wrap; }
  .site-shell .offer .offer-gift small { overflow-wrap: anywhere; }
  .site-shell .primary-button,
  .site-shell .secondary-button,
  .site-shell .product-details-trigger,
  .site-shell .purchase-card button:not(.stepper button) { font-size: 16px; line-height: 1.35; }
  .site-shell .summary-meta > span,
  .site-shell .summary-offers-heading172 .status-ok { font-size: 14px; line-height: 1.4; }
  .site-shell .product-summary > p,
  .site-shell .purchase-card > p { font-size: 16px; line-height: 1.5; }
  .mobile-store-nav > a > span:not(.cart-badge205),
  .mobile-store-nav > button > span:not(.cart-badge205),
  .mobile-store-nav [data-mobile172="support"] > span {
    font-size: 13px; line-height: 1.2; white-space: normal;
    overflow-wrap: anywhere; max-width: 100%;
  }
  .mobile-store-nav > a > svg,
  .mobile-store-nav > button > svg { width: 27px; height: 27px; flex: none; display: block; }
  .mobile-store-nav > a,
  .mobile-store-nav > button { min-height: 58px; justify-content: center; align-items: center; }
  .site-shell .stepper button,
  .site-shell .product-action-buttons button,
  .vd164-close, .vd164-audio, .vd164-popover-close,
  .vd164-nav > button, .vd164-comments > header > button {
    box-sizing: border-box; display: inline-flex; align-items: center;
    justify-content: center; padding: 0; line-height: 1;
    min-width: 44px; min-height: 44px; flex-shrink: 0;
  }
  .site-shell .header-actions .support-button,
  .account-topbar .support-button,
  .sup144-header > button {
    box-sizing: border-box; align-items: center; justify-content: center;
    padding: 0; line-height: 1; min-width: 44px; min-height: 44px;
  }
  .site-shell .stepper button { font-size: 24px; }
  .site-shell .stepper button svg,
  .site-shell .product-action-buttons button svg,
  .site-shell .header-actions button > svg,
  .account-topbar button > svg,
  .sup144-header > button > svg,
  .vd164-close > svg, .vd164-audio > svg, .vd164-popover-close > svg,
  .vd164-nav > button > svg, .vd164-comments > header > button > svg {
    display: block; flex: none; margin: 0; width: 24px; height: 24px;
  }
  /* Do not override deliberate display:none on header controls. */
  .sup144-header > button { vertical-align: middle; }
  .vd164-actions .vd164-action-icon { box-sizing: border-box; display: grid; place-items: center; padding: 0; }
  .vd164-actions .vd164-action-icon > svg { display: block; margin: 0; flex: none; }
  .sup144-overlay.support-chat.open[data-viewport364] {
    position: fixed; inset: auto; left: 0; top: var(--chat-top364, 0px);
    width: 100%; height: var(--chat-height364, 100dvh); max-height: none;
    padding: 0; margin: 0; box-sizing: border-box;
    display: flex; align-items: stretch; justify-content: center;
  }
  .sup144-overlay.support-chat.open[data-viewport364] > .sup144-panel {
    height: 100%; max-height: 100%; min-height: 0; margin: 0;
    display: flex; flex-direction: column; box-sizing: border-box;
  }
  .sup144-overlay.support-chat.open[data-viewport364] .sup144-content { min-height: 0; flex: 1; overflow-y: auto; }
  .sup144-overlay.support-chat.open[data-viewport364] .shop-support-chat306 .sup144-content { overflow: hidden; }
  .sup144-overlay.support-chat.open[data-viewport364] .sup144-header { flex-shrink: 0; }
  .sup144-panel input:not([type=checkbox]):not([type=radio]),
  .sup144-panel textarea { font-size: 16px; }
  html[data-chat-embedded364] { height: 100%; min-height: 0; overflow: hidden; }
  html[data-chat-embedded364] body.shop-support-chat309 {
    height: 100%; min-height: 0; margin: 0; overflow: hidden;
  }
  html[data-chat-direct364] body.shop-support-chat309 {
    position: fixed; top: var(--chat-top364, 0px); left: 0; width: 100%;
    height: var(--chat-height364, 100dvh); min-height: 0; margin: 0; overflow: hidden;
  }
  body.shop-support-chat309 main#shop-support302,
  body.shop-support-chat309 main#shop-support302 .conversation { min-height: 0; }
  body.shop-support-chat309 .conversation .messages { min-height: 0; overscroll-behavior: contain; }
  body.shop-support-chat309 #support302-send { flex-shrink: 0; }
  body.shop-support-chat309 #support302-send textarea { font-size: max(16px,var(--chat-font310,16px)); }
  body.shop-support-chat309 #support302-send .emoji309,
  body.shop-support-chat309 #support302-send button[type=submit] {
    display: flex; align-items: center; justify-content: center; box-sizing: border-box; line-height: 1;
  }
}
@media (max-width: 640px) {
  .sup144-overlay.support-chat.open[data-viewport364] > .sup144-panel { width: 100%; border-radius: 0; }
}

/* 365: center only pause/play, comment close and the floating support launcher. */
@media (max-width:1024px), (pointer:coarse) {
  .vd164-layer button.vd164-play,
  .vd164-layer .vd164-comments > header > button,
  .sup144-launcher-host > button.sup144-launcher {
    -webkit-appearance:none;
    appearance:none;
    box-sizing:border-box;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
  }
  .vd164-layer button.vd164-play > svg,
  .vd164-layer .vd164-comments > header > button > svg,
  .sup144-launcher-host > button.sup144-launcher > svg {
    display:block;
    flex:0 0 auto;
    margin:0;
    padding:0;
  }
}

/* 366: readable mobile storefront and marketplace account. */
@media (max-width:1024px), (pointer:coarse) {
  .site-shell .scenario-actions .scenario-primary,
  .site-shell .scenario-actions .scenario-secondary {
    font-size:17px; line-height:1.4; min-height:48px; white-space:normal;
  }
  .site-shell .scenario-actions { flex-wrap:wrap; }
  .site-shell .scenario-chips > button { font-size:15px; line-height:1.35; min-height:44px; white-space:normal; }
  .site-shell .anchor-links > a,
  .site-shell .anchor-links > button {
    font-size:16px; line-height:1.35; min-height:44px;
    white-space:normal; text-align:center;
  }
  .site-shell .anchor-links { flex-wrap:wrap; height:auto; }
  .site-shell .offer-grid .offer { padding-block:17px; row-gap:10px; }
  .site-shell .offer-grid .offer .offer-heading { font-size:18px; line-height:1.4; }
  .site-shell .offer-grid .offer .offer-price { font-size:28px; line-height:1.2; }
  .site-shell .offer-grid .offer .offer-savings-box small,
  .site-shell .offer-grid .offer .offer-gift small,
  .site-shell .offer-grid .offer .offer-gift b { font-size:16px; line-height:1.45; }
  .site-shell .offer-grid .offer .offer-shipping { font-size:16px!important; line-height:1.45; }
  .site-shell .offer-grid .offer .offer-savings-box strong { font-size:19px; }
  .site-shell .offer-grid .offer .offer-gift > span { min-width:0; }
  .site-shell .offer-grid .offer .offer-gift small,
  .site-shell .offer-grid .offer .offer-gift b,
  .site-shell .offer-grid .offer .offer-shipping { white-space:normal; overflow-wrap:anywhere; }
  .site-shell .offer-grid .offer .offer-savings-box { flex-wrap:wrap; }
  .site-shell .purchase-card .price-line > div:first-child > strong { font-size:clamp(30px,8vw,40px); }
  .site-shell .primary-button,
  .site-shell .secondary-button { font-size:17px; line-height:1.4; }
  .site-shell > .topbar .locale206-current,
  .account-topbar .locale206-current { font-size:17px; line-height:1.25; }
  .site-shell > .topbar .country-switcher-trigger,
  .site-shell > .topbar .currency-select select { font-size:16px; }
  .site-shell > .topbar .country-switcher-trigger { min-width:0; }
  .site-shell > .topbar .header-actions > .cart-button > b,
  .account-shell .account-top-cart b { font-size:13px; min-width:24px; height:24px; }
  /* Keep icon-only mobile header controls icon-only. */
  .account-shell .account-sidebar nav > button,
  .account-shell .account-sidebar nav > a,
  .account-shell .account-sidebar nav .account-group230-trigger,
  .account-shell .account-sidebar nav .account-group230-items > .account-sidebar-action,
  .account-shell .account-sidebar .account-group229-items > button,
  .account-shell .account-sidebar .account-group229-items > a {
    font-size:16px; line-height:1.4; min-height:46px; white-space:normal;
  }
  .account-shell .account-sidebar-action > span,
  .account-shell .account-group230-label { min-width:0; overflow-wrap:anywhere; }
  .account-shell .account-field > span,
  .account-shell .account-field > label,
  .account-shell .account-field input,
  .account-shell .account-field select,
  .account-shell .account-field textarea { font-size:16px; line-height:1.4; }
  .account-shell .account-field input,
  .account-shell .account-field select { min-height:48px; }
  .account-shell .account-note { font-size:15px; line-height:1.5; }
  .account-shell .account-panel .primary-button,
  .account-shell .account-panel .secondary-button,
  .account-shell .account-profile-grid button { font-size:16px; line-height:1.4; min-height:44px; }
  .account-shell .account-order-filters { flex-wrap:wrap; overflow:visible; }
  .account-shell .account-order-filters button { font-size:16px; min-height:44px; line-height:1.4; white-space:normal; flex:1 1 auto; }
  .account-shell .account-history-order-row { font-size:16px; line-height:1.45; }
  .account-shell .account-history-order-row small,
  .account-shell .account-history-order-row time,
  .account-shell .account-order-items small { font-size:14px; line-height:1.45; }
  .account-shell .account-history-order-id strong,
  .account-shell .account-history-order-product strong,
  .account-shell .account-history-order-track strong {
    font-size:16px; white-space:normal; overflow-wrap:anywhere;
    overflow:visible; text-overflow:clip;
  }
  .account-shell .account-history-order-amount strong { font-size:19px; }
  .account-shell .account-order-detail-column dt,
  .account-shell .account-order-detail-column dd { font-size:15px; line-height:1.45; overflow-wrap:anywhere; }
  .account-shell .account-order-stat span,
  .account-shell .account-payment-pill { font-size:14px; line-height:1.4; }
  .account-shell .account-bonus-record-toggle,
  .account-shell .account-bonus-breakdown { font-size:16px; line-height:1.45; }
  .account-shell .account-bonus-record-toggle small,
  .account-shell .account-home-stats > button > small { font-size:14px; line-height:1.45; }
  .account-shell .account-home-stats > button > span { font-size:17px; line-height:1.4; }
  .account-shell .bp232-home .bp232-home-balances dt { font-size:16px; line-height:1.4; }
  .account-shell .bp232-home .bp232-home-balances dd { font-size:20px; line-height:1.35; }
  .account-shell .promo129 button,
  .account-shell .promo129 .promo-tabs button,
  .account-shell .promo129 .promo-actions button,
  .account-shell .promo129 .promo-link button,
  .account-shell .promo129 label,
  .account-shell .promo129 input,
  .account-shell .promo129 select { font-size:16px; line-height:1.4; }
  .account-shell .promo129 button:not(.promo-toggle) { min-height:44px; white-space:normal; }
  .account-shell .promo129 .promo-meta,
  .account-shell .promo129 dt,
  .account-shell .promo129 .promo-muted,
  .account-shell .promo129 [data-count] { font-size:14px; line-height:1.45; }
  .account-shell .promo129 dd { font-size:24px; }
  .account-shell .promo129 dt { min-height:0; overflow-wrap:anywhere; }
  .settings-overlay309 .settings-intro309,
  .settings-overlay309 .settings-row309 p,
  .settings-overlay309 .settings-state309,
  .settings-overlay309 .settings-chat310 p { font-size:15px; line-height:1.5; }
  .settings-overlay309 .settings-chat310 label,
  .settings-overlay309 .settings-chat310 select,
  .settings-overlay309 .settings-actions309 button { font-size:16px; line-height:1.4; }
  .settings-overlay309 .settings-header309 button {
    -webkit-appearance:none; appearance:none; padding:0;
    box-sizing:border-box; align-items:center; justify-content:center;
    min-width:44px; min-height:44px;
  }
  .settings-overlay309 .settings-header309 button svg { display:block; flex:none; margin:0; }
}
@media (max-width:460px) {
  .account-shell .promo129 dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
}

/*367: readable product descriptions on phones and touch tablets.*/
@media (max-width:1024px), (pointer:coarse) {
  .product-details-modal .product-details-intro,
  .product-details-modal .product-details-content section p {
    font-size:17px; line-height:1.5;
  }
  .product-details-modal .product-details-facts dt,
  .product-details-modal .product-details-facts dd,
  .product-details-modal .product-details-nutrition table,
  .product-details-modal .product-details-nutrition thead th,
  .product-details-modal .product-details-verified {
    font-size:15px; line-height:1.45; overflow-wrap:anywhere;
  }
  .product-details-modal .product-details-content h3 { font-size:18px; line-height:1.4; }
  .product-details-modal .product-details-content .product-details-nutrition-heading h3 { font-size:20px; }
  .product-details-modal .product-details-supplement h4 { font-size:16px; line-height:1.4; }
  .product-info161 .product-info161-panel p,
  .product-info161 .product-info161-panel li { font-size:20px; line-height:1.65; }
  .product-info161 .product-info161-nav > a,
  .product-info161 .product-info161-nav > button { font-size:18px; line-height:1.4; white-space:normal; }
}
@media (max-width:620px) {
  .product-details-modal .product-details-facts dt,
  .product-details-modal .product-details-facts dd { font-size:13px; }
  .product-details-modal .product-details-nutrition table { font-size:14px; }
  .product-details-modal .product-details-content .product-details-nutrition-heading h3 { font-size:19px; }
  .product-info161 .product-info161-panel p,
  .product-info161 .product-info161-panel li { font-size:18px; }
  .product-info161 .product-info161-nav > a,
  .product-info161 .product-info161-nav > button { font-size:16px; }
}

/* Replace unequal fixed-width slots only in the existing mobile header. */
@media (max-width:720px) {
  .site-shell > .topbar .header-actions {
    grid-template-columns:repeat(3,minmax(0,1fr)) repeat(2,minmax(48px,.7fr));
    gap:6px;
  }
  .site-shell > .topbar .header-actions > .header-select.currency-select {
    width:100%!important; max-width:none!important; padding:0 6px!important;
  }
  .site-shell > .topbar .header-actions > .header-select.currency-select > select {
    font-size:17px; text-align:center; text-align-last:center;
  }
  .site-shell > .topbar .header-actions .locale206-trigger {
    -webkit-appearance:none; appearance:none; box-sizing:border-box;
    min-height:44px; padding:0 4px; gap:4px; justify-content:center;
  }
  .site-shell > .topbar .header-actions .locale206-current {
    font-size:18px; min-width:0; white-space:normal; overflow-wrap:anywhere; line-height:1.15;
  }
  .site-shell > .topbar .header-actions .country-switcher-trigger {
    -webkit-appearance:none; appearance:none; box-sizing:border-box;
    font-size:17px; padding:0 4px; justify-content:center;
  }
  .site-shell > .topbar .header-actions > .cart-button,
  .site-shell > .topbar .header-actions > .login-button {
    -webkit-appearance:none; appearance:none; box-sizing:border-box;
    width:100%; min-width:0; min-height:46px; padding:0; margin:0;
    align-items:center; justify-content:center;
  }
  .site-shell > .topbar .header-actions > .cart-button > svg,
  .site-shell > .topbar .header-actions > .login-button > svg {
    width:26px; height:26px; display:block; flex:none; margin:0;
  }
}
@media (max-width:360px) {
  .site-shell > .topbar .header-actions { gap:4px; }
  .site-shell > .topbar .header-actions .locale206-trigger { padding-inline:2px; gap:3px; }
}

/*368: restore scrolling where the compact phone navigation is not active.*/
@media (max-width:1024px), (pointer:coarse) {
 .site-shell > .anchorbar .anchor-links { flex-wrap:nowrap; overflow-x:auto; }
 .site-shell > .anchorbar .anchor-links > a,
 .site-shell > .anchorbar .anchor-links > button { white-space:nowrap; flex:none; }
}
.sections368-toggle { display:none; }
@media (max-width:720px) {
 .site-shell > .anchorbar[data-sections368] {
  display:grid; grid-template-columns:auto minmax(0,1fr) 44px; gap:6px;
  padding-block:6px; align-items:center;
 }
 .site-shell > .anchorbar[data-sections368] > .scenario-menu-shell { grid-column:1; grid-row:1; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links {
  display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  grid-column:2; grid-row:1; gap:2px; min-width:0; overflow:visible;
 }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > :not([data-primary368]) { display:none; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-primary368] {
  display:flex; align-items:center; justify-content:center; min-width:0; min-height:44px;
  padding:4px; font-size:16px; line-height:1.3; white-space:normal; overflow-wrap:anywhere;
 }
 .site-shell > .anchorbar .scenario-menu-trigger { font-size:16px; padding-inline:8px; gap:6px; }
 .site-shell > .anchorbar .scenario-menu-label-mobile { font-size:16px; }
 .site-shell > .anchorbar .scenario-menu-icon,
 .site-shell > .anchorbar .scenario-menu-icon svg { width:20px; flex-basis:20px; }
 .site-shell > .anchorbar[data-sections368] > .sections368-toggle {
  grid-column:3; grid-row:1; display:flex; justify-content:center; align-items:center;
  -webkit-appearance:none; appearance:none; box-sizing:border-box; width:44px; height:44px;
  padding:0; margin:0; border:1px solid #b8dadd; border-radius:12px; background:#e7f7f7; color:#007d86;
 }
 .sections368-toggle > svg { display:block; width:24px; height:24px; flex:none; }
}
@media (max-width:360px) {
 .site-shell > .anchorbar[data-sections368] { grid-template-columns:minmax(0,1fr) 44px; gap:2px 6px; }
 .site-shell > .anchorbar[data-sections368] > .sections368-toggle { grid-column:2; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links { grid-column:1 / -1; grid-row:2; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.sections368-dialog {
 box-sizing:border-box; position:fixed; inset:auto 8px max(8px,env(safe-area-inset-bottom));
 margin:0 auto; width:calc(100% - 16px); max-width:560px; max-height:calc(100vh - 100px);
 max-height:calc(100dvh - 100px); padding:0; border:1px solid #c8e1e4; border-radius:22px;
 background:#f7fbfc; color:#123743; box-shadow:0 18px 60px #082e4050; overflow:hidden;
 font-family:inherit; text-align:start;
}
.sections368-dialog[open] { display:flex; flex-direction:column; }
.sections368-dialog::backdrop { background:#082e4073; }
.sections368-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px; flex:none; }
.sections368-dialog h2 { font-size:21px; line-height:1.3; margin:0; color:inherit; }
.sections368-list { display:grid; gap:8px; padding:0 18px 18px; overflow-y:auto; min-height:0; overscroll-behavior:contain; }
.sections368-list > a,.sections368-list > button {
 display:flex; align-items:center; box-sizing:border-box; min-height:50px; width:100%; margin:0;
 padding:12px 16px; border:1px solid #deeaed; border-radius:12px; background:white; color:inherit;
 font-family:inherit; font-size:17px; font-weight:600; line-height:1.4;
 white-space:normal; overflow-wrap:anywhere; text-align:start; text-decoration:none; cursor:pointer;
}
.sections368-list > :hover { background:#e8f7f7; border-color:#a2d3d8; }
.sections368-dialog :focus-visible,.sections368-toggle:focus-visible { outline:3px solid #007d86; outline-offset:-3px; }
/* Fixed square button, CSS-drawn cross: no font baseline or native Safari padding. */
.storefront132-catalog .scenario-menu-close,.sections368-close {
 -webkit-appearance:none; appearance:none; position:relative; box-sizing:border-box;
 display:flex; align-items:center; justify-content:center; flex:0 0 44px;
 width:44px; min-width:44px; max-width:44px; height:44px; min-height:44px; max-height:44px;
 margin:0; padding:0; border:0; border-radius:50%; background:#eaf2f3; color:#234954;
 font-size:0; line-height:0; cursor:pointer;
}
.storefront132-catalog .scenario-menu-close::before,.storefront132-catalog .scenario-menu-close::after,
.sections368-close::before,.sections368-close::after {
 content:''; position:absolute; top:50%; left:50%; width:20px; height:2px;
 background:currentColor; border-radius:1px; transform:translate(-50%,-50%) rotate(45deg);
}
.storefront132-catalog .scenario-menu-close::after,.sections368-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
/* Readable installation steps on both phones and computers, no install logic changes. */
.install214-dialog .install214-intro { font-size:19px; }
.install214-dialog li { font-size:18px; }
.install214-dialog li::before { font-size:17px; }
.install214-dialog .install214-tabs button { font-size:16px; white-space:normal; overflow-wrap:anywhere; }
.install214-dialog .install214-brand { font-size:17px; }
.install214-dialog .install214-muted,.install214-dialog .install214-safe small,
.install214-dialog .install214-remember { font-size:15px; }
.install214-dialog .install214-safe,.install214-dialog .install214-share > p,
.install214-dialog .install214-status { font-size:16px; }
.install214-dialog .install214-download { font-size:16px!important; }
.install214-dialog input { font-size:16px; }
.install214-dialog .install214-primary { font-size:18px; white-space:normal; }
.install214-dialog .install215-owner { font-size:17px; }
@media (max-width:720px) {
 .install214-dialog .install214-intro,.install214-dialog li { font-size:17px; }
 .install214-dialog .install214-brand,.install214-dialog .install214-tabs button { font-size:15px; }
}
/* Hero explanation: +4px over the existing phone sizes; large headings unchanged. */
@media (max-width:720px) {
 .site-shell .scenario-hero-copy > p { font-size:21px; line-height:1.5; }
 .site-shell .scenario-hero-copy .scenario-eyebrow { font-size:15px; }
}
@media (max-width:620px) {
 .site-shell .scenario-hero-copy > p { font-size:19px; }
}

/*369: one compact phone row; retain full accessible and desktop product labels.*/
@media (max-width:720px) {
 .site-shell > .anchorbar[data-sections368] { grid-template-columns:auto minmax(0,1fr) 44px; gap:4px; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links {
  grid-column:2; grid-row:1; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:0;
 }
 .site-shell > .anchorbar[data-sections368] > .sections368-toggle { grid-column:3; grid-row:1; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-primary368] { padding-inline:2px; font-size:15px; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-about369] { font-size:0; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-about369]::after {
  content:attr(data-about369); font-size:15px; line-height:1.3; white-space:normal;
 }
}
@media (max-width:380px) {
 .site-shell > .anchorbar .scenario-menu-trigger { font-size:15px; padding-inline:6px; gap:4px; }
 .site-shell > .anchorbar .scenario-menu-label-mobile { font-size:15px; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-primary368]:not([data-about369]),
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-about369]::after { font-size:14px; }
}
/* Very small screens and enlarged text may still use two compact rows. */
@media (max-width:339px) {
 .site-shell > .anchorbar[data-sections368] { grid-template-columns:minmax(0,1fr) 44px; }
 .site-shell > .anchorbar[data-sections368] > .sections368-toggle { grid-column:2; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links { grid-column:1 / -1; grid-row:2; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* Center in the available viewport, with a compact header and internally scrolling links. */
.sections368-dialog {
 inset:0; margin:auto; width:calc(100% - 24px); max-width:500px;
 max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px);
}
.sections368-dialog > header { gap:10px; padding:10px 16px; }
.sections368-dialog h2 { font-size:18px; line-height:1.3; }
.sections368-dialog .sections368-close:focus-visible { outline:none; }
[data-keyboard369] .sections368-dialog .sections368-close:focus-visible { outline:2px solid #007d86; outline-offset:2px; }
.sections368-list { gap:6px; padding:0 16px 16px; }
.sections368-list > a,.sections368-list > button { min-height:46px; padding:10px 14px; }
/*369: registration/share dialog cross independent of the Safari button and text baseline.*/
.share217-dialog .share217-close {
 -webkit-appearance:none; appearance:none; position:relative; box-sizing:border-box;
 display:flex; align-items:center; justify-content:center; flex:0 0 44px;
 width:44px; min-width:44px; max-width:44px; height:44px; min-height:44px; max-height:44px;
 margin:0; padding:0; border:0; border-radius:8px; background:transparent; box-shadow:none;
 outline:none; color:#234954; font-size:0; line-height:0;
}
.share217-dialog .share217-close::before,.share217-dialog .share217-close::after {
 content:''; position:absolute; top:50%; left:50%; width:20px; height:2px;
 background:currentColor; border-radius:1px; transform:translate(-50%,-50%) rotate(45deg);
}
.share217-dialog .share217-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
.share217-dialog .share217-close:focus,.share217-dialog .share217-close:focus-visible { outline:none; box-shadow:none; }
[data-keyboard369] .share217-dialog .share217-close:focus-visible { outline:2px solid #007d86; outline-offset:2px; }
@media (max-width:1024px) {
 .share217-dialog .share217-intro { font-size:17px; }
 .share217-dialog .share217-label { font-size:17px; }
 .share217-dialog .share217-url { font-size:16px; }
 .share217-dialog .share217-button { font-size:16px; white-space:normal; overflow-wrap:anywhere; }
 .share217-dialog .share217-note,.share217-dialog .share217-status,
 .share217-dialog .share217-qrbox p,.share217-dialog .share217-switch p { font-size:15px; }
 .share217-dialog .share217-download { font-size:16px; }
 .share217-dialog .share217-privacy { font-size:14px; }
}

/*371: one phone header contract for product, review and question renderers.*/
@media (max-width:720px) {
 .site-shell > .topbar:not(.account-topbar) {
  min-height:64px; padding:8px 12px; gap:0; box-sizing:border-box;
 }
 .site-shell > .topbar:not(.account-topbar) > .logo-link { display:none; }
 .site-shell > .topbar:not(.account-topbar) > .header-actions {
  display:grid; width:100%; min-width:0; align-items:center;
 }
 .site-shell > .topbar:not(.account-topbar) .country-switcher-trigger { min-height:46px; gap:3px; }
 .site-shell > .topbar:not(.account-topbar) .country-switcher-flag { flex:0 0 18px; width:18px; }
 .site-shell > .topbar:not(.account-topbar) .country-switcher-flag > img { width:100%; object-fit:contain; }
 .site-shell > .topbar:not(.account-topbar) .country-switcher-trigger > svg { width:12px; height:12px; flex:0 0 12px; }
 .site-shell > .topbar .header-actions > .review-account151 {
  width:100%; min-width:0; min-height:46px; padding:0;
  display:flex; justify-content:center; align-items:center;
 }
 .site-shell > .topbar .header-actions > .review-account151 > span:not(.review-header-avatar151) { display:none; }
 .site-shell > .anchorbar[data-sections368] {
  top:var(--header-height371,64px); padding-inline:12px;
  grid-template-columns:minmax(0,auto) minmax(0,1fr) 44px;
 }
 .site-shell > .anchorbar[data-sections368] > .q224-catalog { grid-column:1; grid-row:1; min-width:0; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links { padding-bottom:0; }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-primary368] {
  font-weight:600; overflow-wrap:normal; word-break:normal; hyphens:none; text-align:center;
 }
 .site-shell > .anchorbar[data-sections368] > .anchor-links > [data-about369]::after {
  overflow-wrap:normal; word-break:normal; font-weight:600;
 }
 .site-shell > .anchorbar .scenario-menu-trigger,
 .site-shell > .anchorbar .q224-catalog > summary[data-catalog371] {
  box-sizing:border-box; min-height:44px; max-width:100%; padding:8px;
  border:1px solid #c8dfe2; border-radius:12px; background:#fff; color:#007b88;
  display:flex; align-items:center; justify-content:center; gap:5px;
  font-weight:600; line-height:1.3;
 }
 .site-shell > .anchorbar .q224-catalog > summary[data-catalog371] { font-size:0; }
 .site-shell > .anchorbar .q224-catalog > summary[data-catalog371]::before {
  content:''; display:block; width:18px; height:18px; flex:0 0 18px;
  background:linear-gradient(currentColor,currentColor) center 3px/18px 2px no-repeat,
   linear-gradient(currentColor,currentColor) center 8px/18px 2px no-repeat,
   linear-gradient(currentColor,currentColor) center 13px/18px 2px no-repeat;
 }
 .site-shell > .anchorbar .q224-catalog > summary[data-catalog371]::after {
  content:attr(data-catalog371); font-size:16px; white-space:normal; overflow-wrap:normal;
 }
 .site-shell > .anchorbar .q224-catalog-panel {
  position:absolute; top:100%; inset-inline-start:0!important; inset-inline-end:auto!important;
  width:calc(100vw - 24px); max-width:calc(100vw - 24px); box-sizing:border-box;
  max-height:calc(100vh - var(--header-height371,64px) - 160px);
  max-height:calc(100dvh - var(--header-height371,64px) - 160px);
  grid-template-columns:1fr; padding:16px; text-align:start;
 }
 .site-shell > .anchorbar .q224-catalog-panel a { min-height:44px; font-size:15px; display:flex; align-items:center; }
 .mobile-store-nav > a,.mobile-store-nav > button { min-width:0; padding-inline:2px; }
 .mobile-store-nav > a > span:not(.cart-badge205),
 .mobile-store-nav > button > span:not(.cart-badge205),
 .mobile-store-nav [data-mobile172="support"] > span {
  font-size:clamp(11px,3.1vw,13px); font-weight:600; line-height:1.2;
  word-break:normal; overflow-wrap:normal; white-space:normal; hyphens:none;
 }
}
@media (max-width:380px) {
 .site-shell > .topbar:not(.account-topbar) .country-switcher-trigger { gap:2px; padding-inline:2px; }
 .site-shell > .topbar:not(.account-topbar) .country-switcher-flag { flex-basis:16px; width:16px; }
 .site-shell > .topbar:not(.account-topbar) .country-switcher-trigger > svg { width:10px; height:10px; flex-basis:10px; }
 .site-shell > .anchorbar .scenario-menu-trigger,
 .site-shell > .anchorbar .q224-catalog > summary[data-catalog371] { padding-inline:6px; gap:4px; }
 .site-shell > .anchorbar .q224-catalog > summary[data-catalog371]::after { font-size:15px; }
}
@media (max-width:339px) {
 .site-shell > .anchorbar[data-sections368] { grid-template-columns:minmax(0,1fr) 44px; }
}

/*373: reclaim the hidden logo row on review, reviews and questions pages.*/
@media (max-width:720px) {
 .site-shell:is(.reviews222-page,.review-write-page) > .topbar:not(.account-topbar) {
  height:auto; grid-template-rows:auto; grid-auto-rows:auto; align-content:center;
 }
}

/*Android touch headers: align to the existing tallest control, without shrinking.*/
@media (max-width:1024px) and (pointer:coarse) {
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions {
  --header-control373:50px;
 }
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions > :is(.header-select,.country-switcher,.header-button) {
  box-sizing:border-box; height:var(--header-control373); min-height:var(--header-control373);
  padding-block:0; align-items:center;
 }
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions .locale205-native {
  box-sizing:border-box; height:100%; min-height:0;
 }
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions :is(.locale206-trigger,.country-switcher-trigger),
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions > .header-select > select {
  box-sizing:border-box; height:calc(var(--header-control373) - 2px); min-height:calc(var(--header-control373) - 2px); padding-block:0;
  display:flex; align-items:center; justify-content:center;
 }
}
@media (max-width:720px) and (pointer:coarse) {
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions {
  --header-control373:48px;
 }
}

/*374: modestly smaller phone hero labels; keep button width and tap area.*/
@media (max-width:720px) and (orientation:portrait) {
 .site-shell .scenario-actions .scenario-primary,
 .site-shell .scenario-actions .scenario-secondary { font-size:15px; }
}

/*Portrait offers: use the radio column's spare space for a single gift row.*/
@media (max-width:720px) and (orientation:portrait) {
 .site-shell .offer-grid .offer .offer-gift {
  grid-column:1 / -1; display:grid; grid-template-columns:56px minmax(0,1fr);
  column-gap:10px; align-items:center; padding-inline:0;
 }
 .site-shell .offer-grid .offer .offer-gift > img {
  display:block; width:56px; height:56px; margin:0; justify-self:start;
 }
 .site-shell .offer-grid .offer .offer-gift > span {
  min-width:0; display:flex; flex-direction:column; align-items:flex-start;
 }
 .site-shell .offer-grid .offer .offer-gift > span:only-child { grid-column:1 / -1; }
 .site-shell .offer-grid .offer .offer-gift b,
 .site-shell .offer-grid .offer .offer-gift small {
  overflow-wrap:normal; word-break:normal;
 }
}

/*Latest feedback: Android controls stay equal, now 2px shorter than 373.*/
@media (max-width:1024px) and (pointer:coarse) {
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions {
  --header-control373:48px;
 }
}
@media (max-width:720px) and (pointer:coarse) {
 html[data-header373-platform="android"] .site-shell > .topbar:not(.account-topbar) .header-actions {
  --header-control373:46px;
 }
}

/*375: this is an ordinary page, so its white panel must grow with the whole form.*/
.review-write-page .review-submit-page-panel,
.review-write-page .review-submit-page-panel .review-submit-form {
 height:auto; max-height:none; overflow:visible;
}
.review-write-page .review-submit-page-shell,
.review-write-page .review-submit-page-panel,
.review-write-page .review-submit-fields,
.review-write-page .review-text-field,
.review-write-page .review-text-field textarea {
 min-width:0; box-sizing:border-box;
}
.review-write-page .review375-toolbar {
 display:flex; flex-wrap:wrap; align-items:center; gap:6px;
 margin:0; padding:6px; border-radius:12px;
}
.review-write-page .review375-toolbar > button,
.review-write-page .review375-palette > button {
 box-sizing:border-box; width:44px; min-height:44px; flex:0 0 44px;
 display:flex; align-items:center; justify-content:center; padding:4px; margin:0;
}
.review-write-page .review375-toolbar > .review375-toggle {
 margin-inline-start:auto; width:64px; flex-basis:64px; gap:8px;
 border-color:#bed8db; background:#fff; color:#007b88;
}
.review-write-page .review375-toggle::after {
 content:''; width:7px; height:7px; border-right:2px solid currentColor;
 border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg);
}
.review-write-page .review375-toggle[aria-expanded="true"]::after { transform:translateY(2px) rotate(225deg); }
.review-write-page .review375-palette {
 flex:0 0 100%; display:flex; flex-wrap:wrap; gap:6px; min-width:0;
 max-height:180px; max-height:min(180px,35dvh); overflow-y:auto;
 overscroll-behavior:contain; padding-block-start:6px; border-top:1px solid #dce9eb;
}
@media (max-width:900px), (pointer:coarse) {
 .review-write-page .review-submit-fields { gap:14px; padding:18px 16px 24px; }
 .review-write-page .review-text-field textarea { min-height:132px; font-size:16px; }
 .review-write-page .review-write-page-content {
  padding-block-end:calc(116px + env(safe-area-inset-bottom));
 }
 .review-write-page .review-submit-button {
  min-height:50px; scroll-margin-block:130px;
 }
}

/*378: readable review/question actions on phones, including landscape.*/
@media (max-width:720px), (max-width:1024px) and (pointer:coarse) {
 .site-shell .rating-all-reviews,
 .site-shell .questions-actions > .questions-all-button {
  font-size:19px; line-height:1.35; white-space:normal;
 }
 .site-shell .review-write-actions .review-write-primary {
  font-size:17px; line-height:1.35; white-space:normal;
 }
 .site-shell .questions-actions > .questions-login-button {
  font-size:18px; line-height:1.35; white-space:normal; overflow-wrap:anywhere;
 }
 .site-shell .review-media-heading > a,
 .site-shell .review-media-heading > button {
  font-size:17px; line-height:1.4; white-space:normal; overflow-wrap:anywhere;
 }
 .site-shell .rating-all-reviews > span,
 .site-shell .questions-actions > .questions-all-button > span,
 .site-shell .review-write-actions .review-write-primary > span {
  min-width:0; overflow-wrap:anywhere;
 }
 .site-shell .rating-all-reviews > b,
 .site-shell .questions-actions > .questions-all-button > b,
 .site-shell .review-write-actions .review-write-primary > b { flex-shrink:0; }
}

/* Keep the first-visit delivery confirmation inside a narrow viewport, including RTL. */
@media (max-width: 767px) {
 .country-suggestion {
  position: fixed !important;
  left: 12px !important; right: 12px !important; top: 110px !important;
  width: auto !important; max-width: none !important;
  transform: none !important; box-sizing: border-box;
  max-height: calc(100vh - 126px); max-height: calc(100dvh - 126px);
  overflow-y: auto; overscroll-behavior: contain;
 }
}