/* One storefront, one controller and one set of content; only layout reflows. */
html {min-width:0}
@media (max-width:1023px) {
 body {padding:12px;min-width:0}
 .site-header,.site-footer,#app,.container,.desktop-home {min-width:0;max-width:100%}
 .header-inner {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "search search" "navigation explore";height:auto;min-height:0;padding:16px 20px 8px;gap:10px 16px}
 .wordmark {grid-area:brand;min-width:0;font-size:24px;gap:8px}
 .wordmark svg {width:34px;height:34px;flex:none}
 .wordmark span {max-width:100%}
 .header-actions {grid-area:actions;margin:0;gap:8px;min-width:0}
 .header-search {grid-area:search;width:100%;max-width:none;min-width:0;margin:0;height:44px}
 .header-search input {font-size:16px;width:100%;min-width:0}
 .header-nav {grid-area:navigation;display:flex;margin:0;min-width:0}
 .header-nav a {min-height:40px;font-size:13px;white-space:normal}
 .desktop-explore {grid-area:explore;justify-self:end;min-width:0}
 .desktop-explore>summary {min-height:40px;padding:10px;font-size:13px}
 .desktop-explore-menu {width:min(280px,calc(100vw - 48px));max-height:calc(100dvh - 210px);overflow:auto;overscroll-behavior:contain}
 :dir(rtl) .desktop-explore-menu {right:auto;left:0}
 .desktop-explore-menu a {min-height:44px;overflow-wrap:anywhere}
 #content-language {min-height:44px}
 .content-language [id="language-label"] {max-width:120px}
 .catalog-help {width:44px;height:44px;flex:none}
 #open-cart {width:44px;min-height:44px;flex:none}
 #app {padding-top:20px}
 .container,.container:has(.detail-grid) {padding-inline:20px}
 .desktop-home {padding:0 20px 40px}
 .desktop-home .bh-hero {aspect-ratio:auto;min-height:340px;border-radius:20px}
 .desktop-home .bh-hero-copy,.desktop-home .bh-compact-copy .bh-hero-copy {width:60%;padding:32px 0 32px 28px}
 .desktop-home .bh-hero h1,.desktop-home .bh-hero.bh-compact-copy h1 {font-size:clamp(32px,4.6vw,48px);line-height:1.12}
 .desktop-home .bh-hero-copy>p,.desktop-home .bh-compact-copy .bh-hero-copy>p {font-size:17px;line-height:1.5;margin:20px 0}
 .desktop-home .bh-primary,.desktop-home .bh-compact-copy .bh-primary {min-width:0;max-width:100%;font-size:16px;min-height:46px;padding:12px 22px}
 .desktop-home .bh-information {grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 0;gap:18px}
 .desktop-home .bh-information>div {justify-content:flex-start;gap:10px}
 .desktop-home .bh-information p {font-size:14px}
 .desktop-home .bh-information span {width:38px;height:38px}
 .desktop-home .bh-information svg {width:22px;height:22px}
 .desktop-home .bh-collections {padding:0 0 20px}
 .collection-tiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 28px}
 .collection-tile {min-width:0;height:68px}
 .collection-tile:is(.category-art,[data-collection="shop_capsules"]) .tile-label {font-size:14px;line-height:1.2}
 .hero {width:100%;height:auto;min-height:250px;aspect-ratio:auto;padding:24px;border-radius:20px}
 .hero-copy {padding:0;min-width:0}
 .hero h1 {font-size:34px;overflow-wrap:anywhere}
 .hero p {font-size:14px;max-width:65%}
 .hero-meta {flex-wrap:wrap;gap:12px}
 .catalog-layout {min-width:0;margin:24px 0 40px}
 .catalog-results,.catalog-sidebar {min-width:0}
 .catalog-toolbar {flex-wrap:wrap;gap:12px;align-items:center}
 .catalog-toolbar h2 {font-size:30px}
 .sort-field {max-width:100%;min-width:0}
 .sort-field select {max-width:100%;min-height:44px;font-size:14px}
 .product-grid,.related-section .product-grid,.desktop-home .bh-featured-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .product-card {min-width:0}
 .card-title,.desktop-home .bh-featured-grid .card-title {font-size:15px;line-height:1.45;overflow-wrap:anywhere}
 .card-price {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:16px}
 .product-card .card-add.primary-button {height:auto;min-height:44px;font-size:13px;padding:10px;white-space:normal}
 .product-card .card-add.primary-button span {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 .pagination {flex-wrap:wrap}
 .desktop-home .bh-featured {margin-bottom:40px}
 .desktop-home .bh-featured-heading {gap:16px;flex-wrap:wrap}
 .desktop-home .bh-featured-heading h2 {font-size:28px}
 .desktop-home .bh-quality {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;aspect-ratio:auto;min-height:0;padding:28px;border-radius:20px}
 .desktop-home .bh-quality-copy {grid-column:1/-1;width:auto;padding:0}
 .desktop-home .bh-quality h2 {font-size:36px}
 .desktop-home .bh-quality-copy>p {font-size:16px;max-width:650px}
 .desktop-home .bh-quality-links {margin-top:20px}
 .desktop-home .bh-quality-scene {position:static;grid-column:1/-1;justify-self:end;width:min(100%,480px);max-height:280px;object-fit:contain}
 .desktop-home .bh-orb {position:static;width:100%;aspect-ratio:auto;border-radius:16px;padding:20px 16px;box-shadow:none}
 .desktop-home .bh-orb h3 {font-size:18px}
 .desktop-home .bh-orb p {font-size:14px;line-height:1.55}
 .desktop-home .bh-brand {padding:40px 0}
 .desktop-home .bh-section-heading {margin-bottom:28px}
 .desktop-home .bh-section-heading h2 {font-size:34px}
 .desktop-home .bh-brand-grid {grid-template-rows:260px 260px;gap:16px}
 .desktop-home .bh-card-heading {padding:24px}
 .desktop-home .bh-card-heading h3 {font-size:28px}
 .desktop-home .bh-card-heading>span {font-size:12px}
 .desktop-home .bh-card-note {left:16px;bottom:16px;width:calc(100% - 32px);padding:18px}
 .desktop-home .bh-card-note h4 {font-size:15px;margin-bottom:10px}
 .desktop-home .bh-card-note p {font-size:14px;margin-bottom:12px}
 .desktop-home .bh-brand-small {width:calc(50% - 8px)}
 .desktop-home .bh-brand-small .bh-card-heading {padding:20px}
 .desktop-home .bh-brand-small .bh-card-heading h3 {font-size:22px}
 .desktop-home .bh-app-download {padding:28px;gap:28px;margin-bottom:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:20px}
 .desktop-home .bh-app-copy h2 {font-size:32px}
 .desktop-home .bh-app-copy>p {font-size:15px}
 .desktop-home .bh-app-platform {min-height:80px;gap:12px;padding:16px}
 .desktop-home .bh-app-platform strong {font-size:18px}
 .desktop-home .bh-app-status {white-space:normal;font-size:11px}
 .desktop-home .bh-intro {margin-bottom:40px}
 .desktop-home .bh-intro h2 {font-size:30px}
 .desktop-home .bh-intro p,.desktop-home .bh-faq details p {font-size:16px}
 .desktop-home .bh-faq h2 {font-size:30px}
 .desktop-home .bh-faq summary {font-size:17px}
 .site-footer .footer-main {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px 20px}
 .site-footer .footer-brand {grid-column:1/-1}
 .site-footer .footer-bottom {margin-inline:20px;padding-bottom:24px}
 .bh-content-page,.about-page {width:100%;padding:24px 20px 48px;margin:0 auto;overflow-wrap:anywhere}
 .bh-content-page h1,.about-page h1 {font-size:36px}
 .bh-content-page h2 {font-size:24px}
 .bh-content-page>p {font-size:16px}
 .bh-content-page .bh-content-links {flex-wrap:wrap;gap:16px}
 .bh-content-page .bh-report-row {grid-template-columns:minmax(0,1fr);gap:12px}
 .bh-content-page .bh-report-actions {justify-content:flex-start}
 .bh-content-page .bh-report-row h2 {font-size:19px;overflow-wrap:anywhere}
 .checkout-layout {grid-template-columns:minmax(0,1fr);gap:24px}
 .checkout-page {padding:24px 20px 48px}
 .checkout-heading {align-items:flex-start;flex-wrap:wrap;gap:16px}
 .checkout-heading h1 {font-size:32px}
 .checkout-summary {position:static;max-height:none;overflow:visible}
 .checkout-review-button {min-width:0;max-width:100%}
 .checkout-field input {font-size:16px}
 .checkout-empty {padding:36px 20px}
 .checkout-empty h1 {font-size:30px}
}
@media (max-width:760px) {
 body {padding:8px}
 .site-header {border-radius:18px 18px 0 0}
 .header-inner {padding:12px 12px 4px;gap:8px 10px}
 .wordmark {font-size:21px;gap:6px}
 .wordmark svg {width:28px;height:28px}
 .header-actions {gap:4px}
 .content-language [id="language-label"] {max-width:64px;font-size:12px}
 #content-language {min-width:64px;padding:0 8px;justify-content:center}
 #content-language>svg {display:none}
 .container,.container:has(.detail-grid) {padding-inline:12px}
 .detail-grid {grid-template-columns:minmax(0,1fr);gap:24px;padding-top:0}
 .detail-grid .gallery {--gallery-height:clamp(300px,70vw,440px);grid-template-columns:48px minmax(0,1fr);gap:12px 8px}
 .gallery .gallery-thumbs {padding:2px;gap:8px}
 .gallery .gallery-thumbs button {width:44px;flex-basis:60px;height:60px;padding:3px}
 .detail-grid .gallery-stage .main-image-button {padding:36px 14px 24px}
 .gallery .main-image-button:has(.product-artwork):before {width:90px;height:24px;left:12px;top:12px}
 .gallery .main-image-button:has(.gallery-sale):before {left:68px}
 .gallery-sale {font-size:10px;left:10px;top:12px;padding:4px 8px}
 .gallery-stage .gallery-arrows {left:6px;right:6px}
 .gallery-stage .gallery-arrows button {width:40px;height:44px}
 .gallery .gallery-caption {font-size:11px;gap:8px;padding:0;overflow-wrap:anywhere}
 .detail-grid .product-information {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-height:0}
 .detail-grid .detail-buying {grid-column:1;grid-row:auto}
 .detail-grid .detail-kicker {padding-right:0}
 .detail-grid .detail-actions {position:static;grid-column:1;grid-row:1;justify-content:flex-end;flex-wrap:wrap;gap:12px}
 .detail-grid .detail-actions button {min-height:44px}
 .detail-grid .detail-buying>.detail-title,.detail-grid .detail-buying>.detail-title.long-product-title {font-size:clamp(26px,5vw,34px);margin-top:16px}
 .detail-grid .purchase-price {margin-top:20px}
 .purchase-total-amount #detail-total {font-size:36px}
 .quantity-offers {margin-top:20px}
 .detail-grid .product-information .purchase-row {grid-template-columns:120px minmax(0,1fr);gap:10px}
 .detail-grid .quantity-control {width:120px}
 .detail-grid .quantity-control button {width:36px;min-width:36px}
 .detail-grid .quantity-control input {font-size:16px;width:46px}
 .detail-grid .purchase-row .primary-button {font-size:14px;white-space:normal;gap:8px;padding:10px}
 .detail-grid .source-facts {grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:16px;gap:18px 12px}
 .detail-grid .source-facts>div {min-width:0;gap:8px}
 .detail-grid .source-facts b {font-size:13px}
 .detail-grid .source-facts small {font-size:12px}
 .detail-grid>.key-features {grid-column:1;min-height:0;padding:20px 16px}
 .key-features .spec-chips {grid-template-columns:minmax(0,1fr);gap:16px}
 .spec-chip {font-size:14px;line-height:1.55}
 .description-layout {grid-template-columns:minmax(0,1fr);gap:20px}
 .description-panel .tab-panel {font-size:15px;padding:24px 16px}
 .description-copy>h3 {font-size:28px}
 .description-panel .detail-tabs {width:100%;flex-wrap:wrap;gap:0;padding-inline:8px}
 .description-panel .detail-tabs button {padding:14px 10px;font-size:13px;min-height:44px;max-width:100%;white-space:normal}
 .description-panel .parameters-table {font-size:12px;table-layout:fixed}
 .description-panel .parameters-table th {font-size:11px}
 .description-panel .parameters-table th,.description-panel .parameters-table td {padding:8px;overflow-wrap:anywhere}
 .breadcrumb {display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;padding-block:16px;overflow-wrap:anywhere}
 .breadcrumb .desktop-page-back {margin-right:4px;min-height:40px}
 .cart-drawer {width:min(560px,100%);height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
 .cart-content {min-height:0;padding-inline:16px}
 .cart-item {grid-template-columns:56px minmax(0,1fr);gap:12px}
 .cart-item>img,.cart-item>svg {width:56px;height:78px}
 .cart-item-info {flex-wrap:wrap;gap:10px}
 .cart-item-title {font-size:14px;overflow-wrap:anywhere}
 .cart-bottom {padding:16px}
 .cart-bottom p {font-size:12px}
 .cart-total-row {gap:12px;flex-wrap:wrap}
 .cart-total-row strong {font-size:26px}
 .drawer-heading {padding:16px}
 .drawer-heading h2 {font-size:20px}
 .drawer-heading .close-button {min-width:44px;min-height:44px}
 .lightbox-bar {flex-wrap:wrap;padding:10px 12px}
 .lightbox-bar>span {overflow-wrap:anywhere;min-width:0}
 .lightbox-bar>div {flex-wrap:wrap;gap:12px}
 .image-overlay {padding:8px}
 .lightbox {height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
 .lightbox-bottom {flex-wrap:wrap;gap:8px;padding:10px}
 .lightbox-bottom button {min-height:40px}
 .help-overlay {padding:12px}
 .help-dialog {max-height:calc(100dvh - 24px)}
 .help-dialog .help-body {padding:16px}
 .section-title-row {flex-wrap:wrap;gap:12px}
 .report-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:600px) {
 .desktop-home {padding:0 12px 32px}
 .desktop-home .bh-hero {min-height:440px;border-radius:18px}
 .desktop-home .bh-hero-copy,.desktop-home .bh-compact-copy .bh-hero-copy {width:100%;padding:26px 22px 190px}
 .desktop-home .bh-hero h1,.desktop-home .bh-hero.bh-compact-copy h1 {font-size:34px}
 .desktop-home .bh-hero-copy>p,.desktop-home .bh-compact-copy .bh-hero-copy>p {font-size:16px;margin:16px 0 20px}
 .desktop-home .bh-hero-scene {inset:auto 0 0;width:100%;height:54%;transform:none;object-position:80% center;mask-image:linear-gradient(180deg,transparent,#000 30%)}
 .desktop-home .bh-hero:after {background:linear-gradient(180deg,#087c8b 0%,#087c8bba 40%,#087c8b00 75%)}
 .desktop-home .bh-information {gap:16px 12px}
 .desktop-home .bh-information p {font-size:12px}
 .desktop-home .bh-information span {width:32px;height:32px}
 .desktop-home .bh-information svg {width:20px;height:20px}
 .collection-tiles {grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-grid,.related-section .product-grid,.desktop-home .bh-featured-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-picture {height:clamp(140px,36vw,210px)}
 .card-title,.desktop-home .bh-featured-grid .card-title {font-size:14px;min-height:42px}
 .card-price {font-size:14px;min-height:44px}
 .product-card .card-add.primary-button {font-size:12px;gap:6px;padding:9px 8px}
 .product-card .card-add.primary-button svg {width:16px;height:16px;flex-basis:16px}
 .hero {padding:22px 18px;min-height:260px}
 .hero h1 {font-size:28px}
 .hero p {font-size:13px;max-width:100%}
 .hero-visual {display:none}
 .catalog-toolbar h2 {font-size:28px}
 .sort-field {width:100%;justify-content:space-between}
 .sort-field select {width:min(230px,100%);font-size:14px}
 .desktop-home .bh-featured-heading h2 {font-size:26px}
 .desktop-home .bh-featured-heading>a {font-size:14px}
 .desktop-home .bh-quality {grid-template-columns:minmax(0,1fr);padding:24px 20px}
 .desktop-home .bh-quality h2 {font-size:30px}
 .desktop-home .bh-quality-copy>p {font-size:15px}
 .desktop-home .bh-orb {text-align:start;align-items:flex-start}
 .desktop-home .bh-quality-links a {font-size:14px}
 .desktop-home .bh-brand-grid {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}
 .desktop-home .bh-brand-large {grid-column:1/-1;grid-row:auto;min-height:460px}
 .desktop-home .bh-brand-wide {grid-column:1/-1;grid-row:auto;min-height:230px}
 .desktop-home .bh-brand-small {grid-column:auto;grid-row:auto;width:100%;min-height:230px}
 .desktop-home .bh-card-heading {padding:22px}
 .desktop-home .bh-card-heading h3 {font-size:26px}
 .desktop-home .bh-brand-small .bh-card-heading {padding:16px}
 .desktop-home .bh-brand-small .bh-card-heading h3 {font-size:22px}
 .desktop-home .bh-card-heading p {font-size:13px;overflow-wrap:anywhere}
 .desktop-home .bh-section-heading h2 {font-size:30px}
 .desktop-home .bh-app-download {grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:24px}
 .desktop-home .bh-app-copy h2 {font-size:32px}
 .desktop-home .bh-intro h2 {font-size:28px}
 .desktop-home .bh-faq summary {font-size:16px}
 .site-footer .footer-main {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 16px}
 .site-footer .footer-bottom {margin-inline:16px}
 .checkout-fields,.checkout-methods {grid-template-columns:minmax(0,1fr)}
 .checkout-summary {padding:16px}
 .checkout-item {grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
 .checkout-item>img,.checkout-item>svg {width:40px;height:60px}
 .checkout-heading h1 {font-size:28px}
 .bh-content-page h1,.about-page h1 {font-size:30px}
 .bh-content-page,.about-page {padding-inline:16px}
}
