/* Fluid layouts shared by the storefront, authentication and management screens. */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-padding-bottom:100px}*,*:before,*:after{box-sizing:inherit}img,video{max-width:100%}button,input,select,textarea{max-width:100%}input,textarea,select{min-width:0}button,a{overflow-wrap:anywhere}body{min-width:0}h1,h2,h3,p{overflow-wrap:anywhere}
.storefront .wrap{width:calc(100% - clamp(24px,5vw,80px));max-width:1320px}.storefront #main{min-width:0}.storefront .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,24px)}.storefront .grid>*{min-width:0}.storefront .detail,.storefront .cart-layout,.storefront .account-grid{min-width:0}.storefront .detail>*{min-width:0}.storefront .account-intro p{overflow-wrap:anywhere}.storefront .hero h1{font-size:clamp(28px,4.5vw,58px)}.storefront .page-heading,.storefront .catalog-heading h2{font-size:clamp(25px,3.5vw,38px)}.storefront .sheet{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-y:auto}.storefront .sheet-inner{width:min(100%,460px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.storefront .quick-panel{width:min(900px,100%);max-width:100%;max-height:calc(100dvh - 24px);overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.storefront .quick-info{min-width:0;padding:clamp(20px,3vw,36px)}.storefront .quick-info h2{font-size:clamp(21px,2.5vw,28px)}.storefront .color-buttons{display:flex;flex-wrap:wrap}.storefront .color-buttons button{min-height:40px}.storefront .cart-item{min-width:0}.storefront .cart-item .item-info{min-width:0}.storefront .close{min-width:36px;width:auto;min-height:36px;padding:7px 10px;font-size:12px;line-height:1.2}.storefront .quick-panel .close{width:auto;min-width:44px;height:auto;min-height:36px}.storefront .gallery-arrow{width:auto;min-width:58px;height:36px;padding:6px;font-size:11px}.storefront .gallery-counter{top:12px}.storefront .language-switcher{max-width:100%}
.auth-page .wrap{width:calc(100% - 24px);max-width:720px;margin:clamp(20px,6vh,50px) auto}.auth-page .card{padding:clamp(20px,5vw,32px)}.auth-page footer{margin:24px 4px;line-height:1.7}.auth-page input:not([type=checkbox]),.auth-page select,.auth-page textarea{font-size:16px}.auth-page .consent span{min-width:0;overflow-wrap:anywhere}.auth-page .consent input{max-width:19px}.auth-page main:not(.wrap){width:calc(100% - 24px);max-width:540px;margin:24px auto;padding:clamp(20px,5vw,32px)}
.admin-page .modal-card{width:min(680px,100%);max-height:calc(100dvh - 24px);overflow:auto;overflow-wrap:anywhere}.admin-page .modal{padding:12px}.admin-page .table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.admin-page .form-grid>*{min-width:0}.admin-page .field{max-width:100%}
@media(max-width:1050px){.storefront .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.storefront .cart-layout{grid-template-columns:minmax(0,1fr) minmax(240px,32%);gap:24px}.storefront .account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}}
@media(max-width:760px){.storefront .detail,.storefront .cart-layout,.storefront .account-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.storefront .cart-layout .summary{position:static;width:100%;margin-top:0}.storefront .footer-top{flex-wrap:wrap;gap:28px}.storefront .footer-links{gap:clamp(24px,7vw,60px);flex-wrap:wrap}.storefront .footer-bottom{flex-wrap:wrap;gap:12px}.storefront .quick-panel{display:block;width:min(520px,100%)}.storefront .quick-photo.swipe-gallery{height:clamp(250px,45dvh,420px)}.storefront .detail-info h1{font-size:clamp(24px,6vw,32px)}}
@media(max-width:650px){.storefront{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.storefront .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.storefront .header{width:calc(100% - 20px);min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding-inline:12px}.storefront .header .brand-logo{width:clamp(98px,29vw,140px);max-width:100%}.storefront .header .logo{min-width:0}.storefront .header .actions{gap:8px;min-width:0}.storefront .language-toggle,.storefront .language-trigger{padding:8px;font-size:11px}.storefront .mobile-nav{padding-bottom:max(12px,env(safe-area-inset-bottom));padding-inline:4px;gap:0}.storefront .mobile-nav button{flex:1;min-width:0;font-size:clamp(9px,2.4vw,11px)}.storefront .toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.storefront .toolbar .search{flex:1 1 100%;min-width:0}.storefront .toolbar select{max-width:100%;flex:1;font-size:12px}.storefront .toolbar input,.storefront .field{font-size:16px}.storefront .category-tabs{max-width:100%;gap:12px}.storefront .catalog-heading{display:block;margin-top:28px}.storefront .catalog-heading p{margin-top:12px;font-size:12px}.storefront .product .product-copy{padding:clamp(9px,2.7vw,13px);gap:10px}.storefront .product .product-copy .series-note{font-size:clamp(8px,2.3vw,10px);overflow-wrap:anywhere}.storefront .product .product-type{flex-wrap:wrap;gap:5px}.storefront .product .product-category{font-size:clamp(9px,2.5vw,11px)}.storefront .product .product-copy .variant-row>button{white-space:normal;font-size:clamp(9px,2.4vw,11px)}.storefront .product .product-copy .card-bottom button{font-size:clamp(9px,2.5vw,11px)}.storefront .product .product-copy .product-price strong{font-size:clamp(15px,4.5vw,20px)}.storefront .cart-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}.storefront .cart-item>img,.storefront .cart-item>button>img{width:72px;height:100px;object-fit:cover}.storefront .cart-item>b,.storefront .cart-item>div:last-child:not(.item-info){grid-column:2}.storefront .buy-row{display:flex;flex-wrap:wrap;gap:12px}.storefront .buy-row .primary{flex:1;min-width:160px}.storefront .account-menu button{width:100%;min-height:48px;gap:12px;text-align:left}.storefront .customer-order{gap:12px;padding:16px}.storefront .customer-order>*{min-width:0}.storefront .customer-order-detail{width:100%;max-height:calc(100dvh - 24px)}.storefront .hero{grid-template-columns:minmax(0,1fr)}.storefront .hero-copy{padding:clamp(24px,7vw,40px)}.storefront .hero-photo{height:clamp(260px,75vw,440px)}.storefront .hero .hero-copy h1{font-size:clamp(28px,8vw,40px)}.storefront .customer-section-heading{flex-wrap:wrap}.admin-page .form-grid{display:grid;grid-template-columns:minmax(0,1fr)}.admin-page input:not([type=checkbox]),.admin-page select,.admin-page textarea{font-size:16px}.admin-page .modal-card{padding:22px}.admin-page .detail-line{flex-wrap:wrap;gap:6px}.admin-page .gallery-previews{gap:8px}}
@media(max-width:350px){.storefront .header{padding-inline:8px;gap:4px}.storefront .grid{gap:12px 9px}.storefront .header .brand-logo{width:96px}.storefront .product .product-copy{padding:9px}.storefront .customer-order{grid-template-columns:minmax(0,1fr)}.storefront .customer-order-status,.storefront .customer-order .text-link{justify-self:start}.storefront .language-toggle,.storefront .language-trigger{font-size:10px}.storefront .quick-info{padding:18px}.storefront .sheet{padding:8px}.storefront .quick-panel,.storefront .sheet-inner{max-height:calc(100dvh - 16px)}}
@media(orientation:landscape) and (max-height:500px){.storefront .quick-panel{max-height:calc(100dvh - 16px)}.storefront .quick-photo.swipe-gallery{height:70dvh;min-height:180px}}

.admin-page .symbol:empty,.storefront .language-flag:empty{display:none}

/* Keep the entire garment visible; let the information scroll below the photo. */
.storefront .quick-photo.swipe-gallery{background:#f5f6f8}.storefront .quick-photo .swipe-gallery-slide img{object-fit:contain;object-position:center}.storefront .swipe-gallery.has-multiple-photos .swipe-gallery-track{height:calc(100% - 64px)}.storefront .swipe-gallery.has-multiple-photos .gallery-thumbnails{height:52px;bottom:6px;align-items:center}.storefront .quick-photo .gallery-thumbnails img{object-fit:cover}.storefront .quick-photo.swipe-gallery .gallery-counter{background:#ffffffeb}
@media(max-width:760px){.storefront .sheet:has(.quick-panel){padding:8px}.storefront .quick-panel{width:min(540px,100%);max-height:calc(100dvh - 16px)}.storefront .quick-photo.swipe-gallery{height:clamp(350px,64svh,650px)}.storefront .quick-photo.swipe-gallery.has-multiple-photos{height:clamp(410px,72svh,710px)}.storefront .quick-info{padding:20px}.storefront .quick-info h2{margin:12px 0;font-size:22px;line-height:1.3}.storefront .quick-panel .close{position:absolute;top:12px;right:12px;background:#ffffffed;z-index:3}}
@media(orientation:landscape) and (max-height:500px){.storefront .quick-photo.swipe-gallery{height:82svh;min-height:220px}.storefront .quick-photo.swipe-gallery.has-multiple-photos{height:calc(82svh + 64px)}}

.storefront .quick-panel .close{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:8px}.storefront .quick-panel .gallery-arrow{display:grid;place-items:center;width:36px;min-width:36px;height:40px;padding:8px}.storefront .quick-panel .close svg,.storefront .quick-panel .gallery-arrow svg{display:block;width:20px;height:20px;pointer-events:none}

.storefront [hidden]{display:none!important}

.catalog-placeholder{padding-top:32px}.placeholder-heading,.placeholder-toolbar,.placeholder-photo,.placeholder-lines i{background:#e9edf2;border-radius:7px}.placeholder-heading{width:42%;max-width:280px;height:27px;margin-bottom:24px}.placeholder-toolbar{height:50px;margin-bottom:24px}.placeholder-card{overflow:hidden;background:#fff;border:1px solid #e4e9ef;border-radius:12px}.placeholder-photo{aspect-ratio:3/3.9;border-radius:0}.placeholder-lines{padding:16px;display:grid;gap:10px}.placeholder-lines i{display:block;height:12px}.placeholder-lines i:nth-child(2){width:85%}.placeholder-lines i:nth-child(3){width:65%}

.storefront .card-bottom button.whatsapp-info-button,
.storefront .detail-info button.whatsapp-info-button,
.storefront .quick-info button.whatsapp-info-button {
  background: #111;
  border-color: #111;
  color: #fff;
  box-shadow: none;
}
.storefront .card-bottom button.whatsapp-info-button:hover,
.storefront .detail-info button.whatsapp-info-button:hover,
.storefront .quick-info button.whatsapp-info-button:hover {
  background: #292929;
  border-color: #292929;
  color: #fff;
}

.banner-crop {
  min-width: 0;
  margin: 14px 0;
  padding: 12px;
  border: 1px solid #e5e0da;
  border-radius: 10px;
}
.banner-crop legend { padding: 0 5px; font-weight: 600; }
.banner-crop-frame { overflow: hidden; background: #f2efeb; border-radius: 6px; }
.banner-crop-frame :is(canvas,img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.banner-crop [hidden] { display: none; }
.banner-crop-adjustments { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.banner-crop-adjustments input { display: block; width: 100%; accent-color: #884724; }