/* Pixel-matched phone layout from the supplied 500px reference capture. */
@media (max-width: 599px) {
  html { scroll-padding-top: 0; }
  html:has(body.metalora-home.admin-bar) { margin-top: 0 !important; }
  body.metalora-home.admin-bar #wpadminbar { display: none; }
  body.metalora-site { font-size: 12px; }
  .site-container { width: calc(100% - 20px); max-width: none; }

  /* 41px ticker + 109px compact header + 109px category rail. */
  .market-bar,
  .market-bar__inner { height: 41px; }
  .market-bar .site-container { width: 100%; padding-inline: 4px; }
  .market-bar__scroll { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .market-bar__scroll .market-chip:nth-child(-n+3) { display: flex !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 3px; justify-content: center; gap: 3px; }
  .market-bar__scroll .market-chip:nth-child(n+4),
  .market-bar__charts { display: none !important; }
  .market-chip,
  .market-chip strong { font-size: 8px; }
  .market-chip__change { font-size: 7px; }

  .header-main { height: 109px; border-bottom: 0; }
  .header-main__inner { width: calc(100% - 20px); height: 109px; padding: 0; grid-template-columns: 40px minmax(0,1fr) 40px; grid-template-rows: 69px 40px; gap: 0; }
  .mobile-menu-toggle { display: grid; width: 32px; height: 32px; padding: 0; grid-column: 1; grid-row: 1; justify-self: start; border: 0; }
  .mobile-menu-toggle .icon { width: 23px; height: 23px; }
  .header-main .brand { width: 54px; height: 54px; grid-column: 2; grid-row: 1; justify-self: center; transform: none; }
  .header-main .brand__mark { width: 54px; height: 54px; border-width: 2px; }
  .header-main .brand__mark::before,
  .header-main .brand__mark::after,
  .header-main .brand__mark i { display: block; width: auto; height: auto; }
  .header-main .brand__copy { display: none; }
  .header-actions { width: 40px; height: 69px; padding: 0; grid-column: 3; grid-row: 1; justify-self: end; align-items: center; justify-content: flex-end; gap: 0; }
  .header-account { display: none; }
  .header-cart { width: 32px; height: 40px; padding: 0; justify-content: flex-end; }
  .header-cart > span:last-child,
  .header-cart__count { display: none; }
  .header-cart__icon > .icon { width: 25px; height: 25px; }
  .header-main .catalog-search { width: 100%; height: 40px; grid-column: 1 / -1; grid-row: 2; grid-template-columns: minmax(0,1fr) 60px; border: 0; transform: none; }
  .catalog-search__icon { display: none; }
  .catalog-search input[type="search"] { padding: 0 13px; border-radius: 6px 0 0 6px; font-size: 13px; }
  .catalog-search > button { position: relative; display: block; width: 60px; padding: 0; font-size: 0; }
  .catalog-search > button { border-radius: 0 6px 6px 0; }
  .catalog-search > button::before { position: absolute; top: 12px; left: 22px; width: 12px; height: 12px; border: 2px solid var(--navy); border-radius: 50%; content: ""; }
  .catalog-search > button::after { position: absolute; top: 24px; left: 34px; width: 7px; height: 2px; background: var(--navy); content: ""; transform: rotate(45deg); transform-origin: left center; }
  .search-suggestions { top: calc(100% + 3px); }
  .primary-navigation { display: none; }

  .mobile-category-nav { display: grid; width: 100%; height: 109px; padding: 14px 0 8px; grid-template-columns: repeat(7,minmax(0,1fr)); border-bottom: 1px solid #eff0f2; background: #fff; }
  .mobile-category-nav a { display: grid; min-width: 0; grid-template-rows: 61px 20px; place-items: center; color: #252525; font-size: 8px; font-weight: 600; line-height: 1; text-align: center; text-transform: uppercase; }
  .mobile-category-nav img,
  .mobile-category-nav b { display: grid; width: 56px; height: 58px; place-items: center; object-fit: contain; }
  .mobile-category-nav img { padding: 4px; border-radius: 50%; background: #f3f2f0; }
  .mobile-category-nav__sale b { width: 54px; height: 54px; border-radius: 50%; background: #ff5f5f; color: #fff; font-size: 11px; }
  .mobile-category-nav__chart b { position: relative; width: 54px; height: 54px; border: 3px solid var(--yellow); background: #eef4f4; }
  .mobile-category-nav__chart b::before { position: absolute; right: 8px; bottom: 9px; left: 8px; height: 2px; background: #83c8cc; content: ""; transform: rotate(-18deg); box-shadow: 8px -6px 0 #83c8cc; }

  /* The mobile home is deliberately reordered to match the capture. */
  .reference-home { display: flex; padding-bottom: 0; flex-direction: column; }
  .exclusive-strip { display: none; }
  .mobile-offer-strip { display: grid; height: 50px; order: 1; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; background: #050607; }
  .mobile-offer-strip a { position: relative; display: flex; min-width: 0; padding: 6px 5px 5px 9px; flex-direction: column; justify-content: center; overflow: hidden; border-right: 1px solid #353535; color: #fff; text-transform: uppercase; }
  .mobile-offer-strip a:last-child { border-right: 0; }
  .mobile-offer-strip span { color: #f3d36b; font-size: 6px; font-weight: 700; }
  .mobile-offer-strip strong { position: relative; z-index: 2; max-width: 75px; font-size: 10px; line-height: 1.05; }
  .mobile-offer-strip img { position: absolute; right: 3px; bottom: -5px; width: 54px; height: 54px; object-fit: contain; opacity: .9; }
  .mobile-offer-strip b { position: absolute; right: 8px; color: #ff5f5f; font-size: 13px; transform: rotate(-7deg); }

  .hero-carousel.site-container { width: 100%; height: 207px; margin-top: 10px; order: 2; }
  .hero-carousel__slides { width: 100%; height: 177px; }
  .hero-slide { height: 177px; padding: 13px 13px 10px; grid-template-columns: 46% 54%; grid-template-rows: 1fr; text-align: left; }
  .hero-slide__copy { align-self: center; }
  .hero-slide__maker { margin-bottom: 6px; padding-bottom: 4px; font-size: 10px; }
  .hero-slide h1,
  .hero-slide h2 { font-size: 18px; line-height: .98; }
  .hero-slide h1 strong,
  .hero-slide h2 strong { font-size: 23px; }
  .hero-slide__copy p { margin: 7px 0 6px; font-size: 10px; }
  .hero-slide__copy .button { width: 92px; min-width: 92px; min-height: 25px; padding: 0 8px; font-size: 7px; }
  .hero-slide__art { min-height: 0; align-items: center; }
  .hero-slide__art img { width: 100%; max-height: 160px; }
  .hero-slide--gold .hero-slide__art img,
  .hero-slide--platinum .hero-slide__art img { width: 50%; max-height: 135px; }
  .hero-slide__sale { top: 8px; right: 8px; left: auto; width: 72px; height: 38px; font-size: 20px; }
  .hero-arrow { display: none; }
  .hero-dots { right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 30px; background: #fff; }
  .hero-dots button { display: none; }
  .hero-dots::before { position: absolute; top: 10px; left: 50%; width: 217px; height: 10px; background: radial-gradient(circle at 5px 5px,#c7cace 0 4px,transparent 4.6px) 0 0 / 23px 10px repeat-x; content: ""; transform: translateX(-50%); }
  .hero-dots::after { position: absolute; top: 10px; left: calc(50% - 108.5px + var(--hero-mobile-dot-offset, 23px)); width: 10px; height: 10px; border-radius: 50%; background: #5a636f; content: ""; transition: left .28s var(--ease); }

  .reference-benefits { width: calc(100% - 20px); height: 40px; min-height: 40px; margin-top: 0; order: 3; grid-template-columns: 1fr; }
  .reference-benefits > div { display: none; }
  .reference-benefits > div:first-child { display: flex; height: 40px; padding: 0; border: 0; font-size: 12px; }
  .reference-benefits .icon { width: 17px; height: 17px; }

  .deal-market { display: block; width: calc(100% - 20px); height: 206px; margin-top: 0; order: 4; }
  .mobile-section-label { display: flex; height: 48px; margin: 0; align-items: center; color: #252525; font-size: 14px; font-weight: 600; }
  .daily-deal-card { width: 100%; height: 158px; grid-template-columns: 150px minmax(0,1fr); border-color: var(--soft); }
  .daily-deal-card__badge { top: 13px; left: 10px; width: 38px; height: 38px; background: #bc0000; font-size: 7px; }
  .daily-deal-card__image { padding: 8px 3px; }
  .daily-deal-card__image img { width: 132px; height: 140px; }
  .daily-deal-card__details { padding: 18px 18px 14px 9px; }
  .daily-deal-card__details h2 { font-size: 13px; font-weight: 500; line-height: 1.35; }
  .daily-deal-card__bottom { align-items: flex-end; justify-content: space-between; flex-direction: row; gap: 7px; }
  .daily-deal-card__bottom small { font-size: 9px; }
  .daily-deal-card__bottom strong { margin-top: 2px; font-size: 14px; }
  .daily-deal-card .button--buy { width: 82px; min-height: 30px; height: 30px; padding: 0 8px; font-size: 9px; }
  .reference-spot-table { display: none; }

  .reference-section { width: calc(100% - 20px); height: 297px; margin-top: 17px; order: 5; }
  .reference-section__title { height: 33px; }
  .reference-section__title h2 { font-size: 14px; font-weight: 600; }
  .reference-section__title a,
  .metal-section__view { padding-bottom: 2px; font-size: 9px; font-weight: 600; }
  .reference-section > .reference-carousel:not(.reference-carousel--mobile),
  .tab-panel > .reference-carousel:not(.reference-carousel--mobile) { display: none; }
  .reference-carousel--mobile { position: relative; display: block; overflow: visible; }
  .best-sellers .reference-carousel--mobile { height: 264px; }
  .mobile-product-track { height: 214px; gap: 0; }
  .mobile-product-slide { display: grid; width: 100%; height: 214px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; scroll-snap-align: start; }
  .mobile-product-slide .product-card { display: flex; height: 214px; min-height: 0; flex-direction: column; direction: ltr; border: 1px solid var(--soft); background: #fff; box-shadow: 0 3px 9px rgba(45,53,69,.1); }
  .mobile-product-slide .product-card__media { height: 100px; min-height: 100px; flex: 0 0 100px; }
  .mobile-product-slide .product-card__image-link img { width: 92px; height: 92px; max-height: 92px; object-fit: contain; }
  .mobile-product-slide .product-card__content,
  .mobile-product-slide .product-card--featured .product-card__content { height: 114px; min-height: 0; padding: 7px 10px 10px; }
  .mobile-product-slide .product-card__title,
  .mobile-product-slide .product-card--featured .product-card__title { min-height: 27px; font-size: 10px; font-weight: 500; line-height: 13px; }
  .mobile-product-slide .product-card__title a { -webkit-line-clamp: 2; }
  .mobile-product-slide .product-card__eyebrow,
  .mobile-product-slide .product-card--featured .product-card__eyebrow { margin-top: auto; font-size: 7px; line-height: 1.1; }
  .mobile-product-slide .product-card__bottom { margin-top: 2px; align-items: end; }
  .mobile-product-slide .product-card__price,
  .mobile-product-slide .product-card--featured .product-card__price { font-size: 10px; font-weight: 600; }
  .mobile-product-slide .product-card .button--buy { width: 78px; min-width: 78px; min-height: 30px; height: 30px; padding: 0 5px; font-size: 9px; }
  .mobile-product-slide .product-card__badge { top: 14px; left: 12px; height: 19px; padding: 0 7px; font-size: 6px; line-height: 19px; }
  .mobile-carousel-dots { display: flex; height: 50px; padding-top: 11px; align-items: flex-start; justify-content: center; gap: 11px; }
  .mobile-carousel-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #c7cace; }
  .mobile-carousel-dots button.is-active { background: #5a636f; }

  /* Four compact 285px metal sections, then Vault and Upcoming. */
  #gold { order: 6; }
  #silver { order: 7; }
  #platinum { order: 8; }
  #copper { order: 9; }
  .promo-banner--vault { order: 10; }
  .metal-section--upcoming { order: 11; }
  .why-reviews { order: 12; }
  .member-club { order: 13; }
  .quick-shop { order: 14; }

  .metal-section,
  .promo-banner--vault + .metal-section,
  .promo-banner--app + .metal-section { width: calc(100% - 20px); height: 285px; margin: 0 auto 51px; overflow: visible; border-color: var(--soft); border-radius: 2px; box-shadow: 0 3px 9px rgba(45,53,69,.1); }
  .metal-section__header { display: block; height: 69px; min-height: 69px; padding: 0; }
  .metal-section__header h2 { position: absolute; top: 10px; left: 10px; margin: 0; padding: 0; font-size: 14px; font-weight: 600; line-height: 18px; }
  .section-tabs { position: absolute; right: 75px; bottom: 0; left: 0; display: flex; height: 35px; align-items: stretch; justify-content: flex-start; }
  .section-tabs button { width: auto; min-width: 114px; height: 35px; padding: 0 10px; font-size: 9px; font-weight: 600; }
  .section-tabs button:nth-child(2) { min-width: 128px; }
  #copper .section-tabs button:nth-child(2) { display: none; }
  .section-tabs button::after { right: 0; bottom: -1px; left: 0; height: 2px; }
  .metal-section__view { position: absolute; right: 20px; bottom: 11px; }
  .metal-section .tab-panel { height: 216px; }
  .metal-section .reference-carousel--mobile { height: 216px; }
  .metal-section .mobile-product-track,
  .metal-section .mobile-product-slide { height: 216px; }
  .metal-section .mobile-product-slide { padding: 2px 0 1px; gap: 2px; background: var(--soft); }
  .metal-section .mobile-product-slide .product-card { height: 213px; border: 0; }
  .metal-section .mobile-product-slide .product-card { box-shadow: none; }
  .metal-section .mobile-carousel-dots { position: absolute; top: 227px; right: 0; left: 0; height: 10px; padding: 0; }
  .promo-banner--app,
  .promo-pair { display: none; }

  .promo-banner--vault { display: flex; width: calc(100% - 20px); height: 56px; min-height: 56px; margin: 0 auto; padding: 0 16px; justify-content: space-between; }
  .promo-banner--vault > div { align-items: center; flex-direction: row; gap: 12px; }
  .promo-banner--vault h2 { font-size: 12px; line-height: 1; }
  .promo-banner--vault .button { min-height: 24px; padding: 0 8px; font-size: 6px; }
  .vault-art { width: 150px; height: 100px; margin-right: 9px; border-width: 8px; box-shadow: inset 0 0 0 4px #3e2a05,0 0 0 4px #42300f; transform: translateY(31px); }
  .vault-art::before { inset: 8px; border-width: 3px; }
  .vault-art::after { inset: 23px; border-width: 5px; }
  .metal-section--upcoming { height: 285px; margin: 27px auto 54px; }

  /* Mobile Why/Reviews and membership panels. */
  .why-reviews { width: calc(100% - 20px); height: 393px; margin: 0 auto; padding: 16px 20px 0; border-color: var(--soft); box-shadow: 0 3px 9px rgba(45,53,69,.1); }
  .why-reviews__content { display: block; height: auto; min-height: 0; padding-bottom: 0; gap: 0; }
  .why-reviews__content > div,
  .why-reviews__content > div:first-child { padding: 0; }
  .why-reviews h2 { margin: 0 0 10px; font-size: 16px; font-weight: 600; line-height: 20px; text-align: center; }
  .why-reviews p { color: #303030; font-size: 14px; line-height: 22px; }
  .why-reviews__content > div:first-child p { position: relative; height: 110px; overflow: hidden; text-align: justify; }
  .why-reviews__content > div:first-child p > span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .why-read-more { position: absolute; right: 0; bottom: 0; left: 58px; display: block; padding-left: 3px; background: #fff; text-align: left; }
  .why-read-more::before { content: "… "; }
  .reviews-summary { margin-top: 17px; }
  .reviews-summary h2 { margin-bottom: 11px; }
  .reviews-summary__stats { display: grid; width: 100%; margin: 0 0 17px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; }
  .reviews-summary__stats strong { font-size: 18px; }
  .reviews-summary__stats small { margin-top: 4px; font-size: 9px; }
  .reviews-summary__stats span { font-size: 10px; }
  .reviews-summary > p { max-width: 420px; font-size: 14px; line-height: 22px; }
  .review-stars { margin-top: 9px; font-size: 18px; letter-spacing: 3px; }
  .reviews-summary > b { margin-top: 5px; font-size: 10px; }
  .review-date { margin-top: 4px; font-size: 8px; }
  .trust-logo-row { display: none; }

  .member-club { position: relative; display: block; width: calc(100% - 20px); height: 405px; margin: 18px auto 0; padding: 0; border: 0; background: #fff; box-shadow: none; }
  .member-club::before { position: absolute; z-index: 0; top: 5px; right: 0; left: 0; height: 350px; border: 1px solid var(--soft); background: #fff; box-shadow: 0 3px 9px rgba(45,53,69,.1); content: ""; }
  .member-club__viewport { position: relative; z-index: 1; height: 355px; overflow: hidden; }
  .member-club__slide { position: absolute; inset: 0; padding: 27px 20px 50px; opacity: 0; pointer-events: none; transform: translateX(18px); transition: opacity .28s ease,transform .32s var(--ease); }
  .member-club__slide.is-active { opacity: 1; pointer-events: auto; transform: none; }
  .member-club header { display: flex; align-items: flex-start; flex-direction: column; }
  .member-club h2 { margin: 0; color: #303030; font-size: 16px; line-height: 19px; }
  .member-club header span { display: grid; width: 56px; height: 23px; margin-top: 4px; place-items: center; background: #b3cff2; color: #245f9c; font-size: 9px; font-weight: 700; text-transform: uppercase; }
  .member-club p { max-width: 435px; margin: 14px 0 0; color: #303030; font-size: 14px; line-height: 22px; }
  .member-club .button { position: absolute; bottom: 21px; left: 20px; width: 111px; min-height: 40px; padding: 0; font-size: 9px; }
  .member-club__dots { position: absolute; z-index: 2; right: 0; bottom: 25px; left: 0; display: flex; height: 10px; justify-content: center; gap: 11px; }
  .member-club__dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #c7cace; }
  .member-club__dots button.is-active { background: #5a636f; }
  .quick-shop { display: none; }

  /* 268px newsletter followed by the compact dark mobile footer. */
  .newsletter { height: 268px; padding: 0; border: 0; background: #2b2e35; }
  .newsletter__inner { display: block; width: calc(100% - 20px); height: 268px; padding-top: 55px; }
  .newsletter__icon,
  .newsletter__copy p { display: none; }
  .newsletter__copy h2 { max-width: 470px; margin: 0; color: #fff; font-size: 22px; font-weight: 700; line-height: 29px; }
  .newsletter__form { display: grid; width: 100%; height: 40px; margin-top: 61px; grid-template-columns: minmax(0,330px) 133px; gap: 17px; }
  .newsletter__form input { width: 100%; height: 40px; padding: 0; border: 0; border-bottom: 1px solid #aaabae; background: transparent; color: #fff; font-size: 11px; }
  .newsletter__form .button { width: 133px; height: 40px; min-height: 40px; padding: 0; font-size: 9px; }

  .site-footer { padding: 0; background: #2b2e35; }
  .site-footer > .site-container { width: calc(100% - 20px); }
  .footer-intro,
  .trust-badges { display: none; }
  .footer-columns { display: block; height: 205px; padding: 0; }
  .footer-column { height: 41px; border-bottom: 1px solid #41434a; }
  .footer-column__title { display: flex; min-height: 41px; height: 41px; padding: 0; align-items: center; justify-content: space-between; border: 0; color: #fff; font-size: 10px; font-weight: 700; }
  .footer-column__title .icon { display: none; }
  .footer-column__title::after { width: 0; height: 0; border-top: 5px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; }
  .footer-column__links { position: relative; z-index: 5; display: none; padding: 10px; background: #343840; }
  .footer-column.is-open { height: auto; }
  .footer-column.is-open .footer-column__links { display: flex; }
  .footer-column.is-open .footer-column__title::after { transform: rotate(180deg); }
  .footer-columns:has(.footer-column.is-open) { height: auto; }

  .footer-apps-social { display: flex; height: 103px; padding: 33px 0 0; align-items: flex-start; flex-direction: column; justify-content: flex-start; border: 0; gap: 0; }
  .social-links { order: 1; gap: 20px; }
  .social-links a { width: 28px; height: 28px; border: 0; background: #f5f6f7; color: #343840; font-size: 11px; font-weight: 700; }
  .app-links { order: 2; margin-top: 17px; gap: 10px; }
  .app-links a { position: relative; width: 126px; min-width: 126px; height: 25px; padding: 0 0 0 30px; align-items: flex-start; justify-content: center; border: 0; background: transparent; color: #fff; }
  .app-links a:last-child { width: 132px; min-width: 132px; }
  .app-links a::before { position: absolute; top: 3px; left: 2px; width: 19px; height: 20px; border-radius: 48% 48% 45% 45%; background: #fff; content: ""; }
  .app-links a:first-child::after { position: absolute; top: 0; left: 15px; width: 7px; height: 6px; border-radius: 7px 0 7px 0; background: #fff; content: ""; transform: rotate(-25deg); }
  .app-links a:last-child::before { top: 2px; left: 0; width: 24px; height: 21px; border-radius: 1px; background: linear-gradient(135deg,#35a853 0 32%,#4285f4 32% 55%,#fbbc04 55% 77%,#ea4335 77%); clip-path: polygon(0 0,100% 50%,0 100%); }
  .app-links small { display: none; }
  .app-links strong { font-size: 16px; line-height: 1; }

  .mobile-footer-details { display: block; height: 233px; padding-top: 39px; }
  .mobile-footer-details > strong { display: block; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; }
  .mobile-footer-contact { display: flex; height: 36px; margin-top: 19px; gap: 15px; }
  .mobile-footer-contact a,
  .mobile-footer-contact button { display: grid; width: 91px; height: 36px; padding: 0; place-items: center; border: 1px solid #55585d; background: transparent; color: #fff; }
  .mobile-footer-contact .icon { width: 17px; height: 17px; }
  .mobile-payment-row { display: grid; height: 25px; margin-top: 40px; grid-template-columns: repeat(9,40px); gap: 13px; }
  .mobile-payment-row span { display: grid; width: 40px; height: 25px; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.35); border-radius: 2px; background: #fff; color: #1e4f87; font-size: 6px; font-weight: 800; letter-spacing: -.02em; text-transform: none; }
  .mobile-payment-row span:nth-child(1) { background: #153f7b; color: #fff; font-style: italic; }
  .mobile-payment-row span:nth-child(2) { background: #eef7ff; color: #2268a8; }
  .mobile-payment-row span:nth-child(3) { background: linear-gradient(90deg,#e71924 0 48%,#f7a61a 52%); color: #fff; }
  .mobile-payment-row span:nth-child(4) { color: #194e9b; font-size: 8px; font-style: italic; }
  .mobile-payment-row span:nth-child(5) { background: #2c75aa; color: #fff; }
  .mobile-payment-row span:nth-child(6) { border-bottom: 5px solid #ef7d22; color: #1b4b7b; }
  .mobile-payment-row span:nth-child(7) { color: #1268a8; font-size: 7px; font-style: italic; }
  .mobile-payment-row span:nth-child(8),
  .mobile-payment-row span:nth-child(9) { color: #20252b; font-size: 7px; }
  .mobile-assurance-row { display: flex; height: 40px; margin-top: 20px; align-items: center; gap: 12px; }
  .mobile-assurance-row .mobile-assurance-badge { display: flex; width: 106px; min-width: 106px; height: 40px; padding: 5px 7px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #55585d; color: #fff; font-size: 8px; font-weight: 700; }
  .mobile-assurance-row .mobile-assurance-copy { display: flex; width: 67px; min-width: 67px; height: 40px; align-items: flex-start; justify-content: center; flex-direction: column; color: #fff; font-size: 8px; font-weight: 700; }
  .mobile-assurance-row small { color: #aeb5bd; font-size: 6px; }

  .footer-legal { display: flex; height: 68px; margin-top: 20px; padding: 25px 0 0; align-items: flex-start; border-top: 1px solid #55585d; }
  .footer-legal p { margin: 0; color: #969da5; font-size: 8px; }
  .footer-legal > div { display: none; }
  .desktop-version-link { display: block; height: 46px; padding-top: 9px; color: #fff; font-size: 14px; text-align: center; }
  .chat-button { display: none; }
  .back-to-top { right: 20px; bottom: 70px; width: 40px; height: 40px; }
  .toast { right: 10px; bottom: 62px; left: 10px; }
}

@media (max-width: 480px) {
  .mobile-category-nav { grid-auto-columns: 68px; grid-template-columns: repeat(7,68px); justify-content: start; overflow-x: auto; scrollbar-width: none; }
  .mobile-category-nav::-webkit-scrollbar { display: none; }
  .newsletter__form { grid-template-columns: minmax(0,1fr) 118px; gap: 10px; }
  .newsletter__form .button { width: 118px; }
  .mobile-payment-row { grid-template-columns: repeat(9,minmax(0,40px)); justify-content: space-between; gap: 0; }
  .mobile-payment-row span { width: 100%; font-size: 5px; }
}

@media (max-width: 360px) {
  .social-links { gap: 10px; }
  .mobile-footer-contact { justify-content: space-between; gap: 0; }
  .mobile-footer-contact a,
  .mobile-footer-contact button { width: calc((100% - 20px)/3); }
}