/* Touch and Safari support shared by the store and product management. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid #b39251;outline-offset:3px}
@media(max-width:1024px){
 input,select,textarea{font-size:16px!important}
 button,.btn{min-height:44px}
 .close{min-width:44px;min-height:44px;background:var(--paper);border-radius:50%;z-index:5}
 dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
 .gallery-thumbs button{min-width:56px;min-height:56px}
 .media-navigation button{height:44px;width:44px}
}
@media(max-width:850px){
 html{scroll-padding-top:145px}
 .storefront-modern header{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;gap:8px 12px;padding:max(12px,env(safe-area-inset-top)) max(4%,env(safe-area-inset-right)) 0 max(4%,env(safe-area-inset-left))}
 .storefront-modern header>.brand{min-width:0;gap:8px}
 .storefront-modern header .brand img{width:42px;height:42px;flex-shrink:0}
 .storefront-modern header .brand>span{font-size:20px;letter-spacing:1px}
 .storefront-modern header .brand small{font-size:9px;letter-spacing:1px}
 .storefront-modern .header-actions{gap:4px}
 .storefront-modern .header-actions .icon-btn{width:44px;height:44px;padding:10px}
 .storefront-modern .header-actions .bag{font-size:0;gap:6px;min-width:54px;padding:8px 0}
 .storefront-modern .header-actions .bag span{font-size:12px}
 .storefront-modern nav{display:flex;grid-column:1/-1;grid-row:2;gap:18px;overflow-x:auto;max-width:100%;min-width:0;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .storefront-modern nav::-webkit-scrollbar{display:none}
 .storefront-modern nav a,.storefront-modern nav a:last-child{display:flex;align-items:center;min-height:44px;flex-shrink:0;font-size:14px;padding:10px 0}
 .storefront-modern .catalog-toolbar{display:block}
 .storefront-modern .tabs{max-width:100%;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;gap:6px;padding-bottom:4px;scrollbar-width:none}
 .storefront-modern .tabs button{flex-shrink:0;min-height:44px;font-size:14px;padding:10px 13px}
 .storefront-modern .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:10px;margin-top:10px}
 .storefront-modern .search{min-width:0}
 .storefront-modern .search input{width:100%;min-width:0;min-height:44px}
 .storefront-modern .filters select{width:100%;min-width:0;min-height:44px}
 .storefront-modern .floating-whatsapp{bottom:calc(14px + env(safe-area-inset-bottom));right:calc(14px + env(safe-area-inset-right));min-height:48px}
 .storefront-modern .btn,.storefront-modern .product-link{min-height:44px;font-size:14px}
 .storefront-modern .product-link{justify-content:center;text-align:center;padding:10px 6px}
 .storefront-modern .catalog-footer{flex-wrap:wrap;text-align:center}
 .storefront-modern .detail-specs>div{grid-template-columns:minmax(85px,.4fr) minmax(0,1fr)}
 .storefront-modern .detail-specs dd{overflow-wrap:anywhere}
 .storefront-modern .detail-gallery{min-width:0}
 .gallery-thumbs{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity}
 .gallery-thumbs button{flex-shrink:0;scroll-snap-align:start}
 .storefront-modern footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}
@media(max-width:680px){
 .storefront-modern .hero{display:flex;flex-direction:column;min-height:0}
 .storefront-modern .hero .hero-text{height:auto;min-height:0;padding:30px 6% 22px;width:100%;background:#080c0e}
 .storefront-modern .hero h1{font-size:clamp(34px,10vw,43px);line-height:1.18;letter-spacing:-.6px}
 .storefront-modern .hero p{font-size:16px}
 .storefront-modern .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0 0}
 .storefront-modern .hero-actions .btn,.storefront-modern .hero-actions .text-link{font-size:14px;min-height:48px}
 .storefront-modern .film-art{position:relative;inset:auto;top:auto;width:100%;height:300px;min-height:0;flex-shrink:0}
 .storefront-modern .hero-controls>button{width:44px;height:44px}
 .storefront-modern #hero-dots button{min-height:44px;width:28px;height:44px;position:relative;background:transparent;border:0}
 .storefront-modern #hero-dots button:after{content:'';position:absolute;width:7px;height:7px;left:10px;top:18px;background:#797469;border-radius:50%}
 .storefront-modern #hero-dots button.selected:after{background:#cfb57d}
 .storefront-modern .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .storefront-modern .product-info{padding:12px 10px}
 .storefront-modern .product-info small{letter-spacing:.4px;line-height:1.5}
 .storefront-modern .product-info h3{font-size:17px}
 .storefront-modern .product-info .price{font-size:16px;overflow-wrap:anywhere}
 .storefront-modern .tag{font-size:10px;letter-spacing:.2px;max-width:calc(100% - 16px)}
 .storefront-modern .quiz-options{grid-template-columns:1fr}
 .storefront-modern .quiz-choice{min-height:84px}
 .storefront-modern .quiz-choice strong{font-size:16px}
 .storefront-modern .quiz-choice small{font-size:14px}
 .storefront-modern .quiz-bottom{flex-wrap:wrap;gap:14px}
 .storefront-modern .quiz-bottom button{font-size:14px}
 .storefront-modern .editorial-copy p,.storefront-modern .steps p,.storefront-modern .faq details p{font-size:16px}
 .storefront-modern .editorial-photo.lifestyle-photo{min-height:320px}
 dialog,#order-dialog,.storefront-modern #detail-dialog,#video-dialog,.admin-page #admin-media-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:52px 16px calc(22px + env(safe-area-inset-bottom));border-radius:10px}
 dialog h2{padding-right:20px;overflow-wrap:anywhere}
 .storefront-modern .gallery-stage{min-height:0}
 .storefront-modern .gallery-stage>img{height:min(340px,85vw);padding:16px}
 .storefront-modern .detail{gap:20px}
 .order-fields,.edit-form{grid-template-columns:minmax(0,1fr)}
 .order-form label,.edit-form label,.login-card label{font-size:14px}
 .order-form input,.order-form textarea,.order-form select,.edit-form input,.edit-form textarea,.edit-form select,.login-card input{min-width:0;max-width:100%;min-height:48px;border-radius:6px}
 .order-form fieldset,.edit-form fieldset{min-width:0}
 .order-summary>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}
 .order-summary div>strong{grid-column:2;margin-left:0}
 .order-summary div>span{font-size:14px;overflow-wrap:anywhere}
 .order-summary>p{flex-wrap:wrap;gap:10px}
 .order-footnote{font-size:12px}
 .bag-row{display:grid;grid-template-columns:45px minmax(0,1fr) 44px 44px;gap:8px}
 .bag-row img{max-width:45px}.bag-row h3{font-size:16px;overflow-wrap:anywhere}
 .bag-row button{width:44px;height:44px}
 .admin-page header{height:auto;min-height:80px;gap:8px;padding:12px 4%;flex-wrap:wrap}
 .admin-page .brand img{width:42px;height:42px}
 .admin-page .brand>span{font-size:20px;letter-spacing:1px}
 .admin-page .admin-header-actions{gap:10px;flex-wrap:wrap}
 .admin-page .admin-header-actions a{font-size:14px;min-height:44px;display:flex;align-items:center}
 .admin-page .admin-row{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px}
 .admin-page .admin-row>div{min-width:0;overflow-wrap:anywhere}
 .admin-page .admin-row img{max-width:50px}
 .admin-page .admin-row>button{grid-column:span 1;min-height:44px;font-size:14px;padding:10px 6px}
 .admin-page .admin-media-count{grid-column:1/-1;padding-left:0}
 .admin-page .admin-toolbar{flex-wrap:wrap;gap:12px}
 #photo-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .photo-edit-item button,.photo-editor>button{min-height:44px;font-size:14px}
 .profile-options label{min-height:44px;font-size:14px}
 .edit-form input[type=checkbox]{min-height:20px;width:20px;height:20px;flex-shrink:0}
 .checks{flex-wrap:wrap}
 #toast{max-width:calc(100% - 32px);bottom:calc(80px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
}
@media(max-width:359px){
 .storefront-modern nav{gap:14px}.storefront-modern nav a{font-size:13px}
 .storefront-modern .filters{grid-template-columns:1fr}
 .storefront-modern .product-link{font-size:13px}
 .bag-row{grid-template-columns:40px minmax(0,1fr) 44px}.bag-row button:last-child{grid-column:3}
}
@media(hover:none){.storefront-modern .btn:hover,.storefront-modern .product-link:hover,.storefront-modern .product-card:hover{transform:none;box-shadow:none}.storefront-modern .product-card:hover .product-image img{transform:none}.storefront-modern .product-card:hover .phone-rear-frame img{transform:translate(-50%,-50%)}}

@media(max-width:850px){html:has(dialog[open]){overflow:hidden}.storefront-modern .hero-controls #hero-dots{display:flex;align-items:center;gap:0}.storefront-modern .hero-label{max-width:86%}.storefront-modern .hero-label strong{overflow-wrap:anywhere}}

/* Retail masthead: spacious white search row and dark category bar. */
.storefront-modern header.shop-header{display:block;height:auto;padding:0;background:#fff;color:#101416;border-bottom:0;box-shadow:0 3px 15px #1014160a}
.shop-header .shop-header-main{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:50px;padding:25px 5%;min-height:114px}
.storefront-modern .shop-header .brand img{width:64px;height:64px}
.storefront-modern .shop-header .brand>span{font-size:28px;color:#101416;letter-spacing:2px}
.storefront-modern .shop-header .brand small{font-size:10px;color:#8d713c}
.shop-header .header-search{display:flex;align-items:center;min-width:0;border-bottom:1px solid #c9c7c1;gap:12px}
.shop-header .header-search input{width:100%;min-width:0;border:0;background:transparent;padding:14px 0;font-size:16px;color:#101416;outline-offset:2px}
.storefront-modern .shop-header .header-search .icon-btn{width:48px;height:48px;flex-shrink:0;padding:12px;background:transparent;border:0}
.storefront-modern .shop-header .ui-icon{filter:none;width:24px;height:24px}
.storefront-modern .shop-header .bag{font-size:14px;color:#101416;gap:10px;padding:10px 0}
.storefront-modern .shop-header .bag .bag-label{background:none;border:0;border-radius:0;width:auto;height:auto;display:inline;color:#101416;font-size:14px}
.storefront-modern .shop-header #bag-count{background:#bd9858;color:#101416;width:24px;height:24px;font-size:12px;flex-shrink:0}
.storefront-modern .shop-header nav{display:flex;justify-content:center;gap:44px;margin:0;padding:0 5%;background:#090d0f;color:#f7f3e9;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.storefront-modern .shop-header nav a{font-size:14px;min-height:52px;display:flex;align-items:center;flex-shrink:0;padding:12px 0}
@media(max-width:1000px){.shop-header .shop-header-main{gap:25px}.storefront-modern .shop-header nav{gap:28px}.storefront-modern .shop-header .bag .bag-label{display:none}}
@media(max-width:680px){.shop-header .shop-header-main{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px 5%}.storefront-modern .shop-header .brand img{width:46px;height:46px}.storefront-modern .shop-header .brand>span{font-size:23px}.storefront-modern .shop-header .brand small{font-size:9px}.shop-header .header-search{grid-column:1/-1;grid-row:2}.storefront-modern .shop-header nav{justify-content:flex-start;gap:25px}.storefront-modern .shop-header nav a{min-height:48px}.storefront-modern .shop-header .bag{min-width:54px}}

/* Keep small-screen scrolling and media inexpensive. */
@media(max-width:850px){
 html{scroll-padding-top:210px}
 .storefront-modern .hero .film-art:before{filter:brightness(.5);inset:0}
 .storefront-modern .scent-atmosphere{display:none}
 .storefront-modern .hero-text{background:#080c0e}
 dialog::backdrop{backdrop-filter:none}
 .storefront-modern .fragrance-tile:hover img{transform:none}
 .storefront-modern .hero-controls>button{width:44px;height:44px}
 .storefront-modern .hero-controls{min-height:44px}
 .storefront-modern .hero .film-art .hero-label{bottom:86px}
 .storefront-modern .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:380px){
 .storefront-modern .shop-header .brand>span{font-size:20px}
 .storefront-modern .shop-header .brand small{font-size:8px;letter-spacing:.8px}
 .storefront-modern .product-info{padding:13px 10px}
 .storefront-modern .product-info h3{font-size:15px;line-height:1.5}
 .storefront-modern .hero .film-art{height:360px}
}

/* Independent product groups in the management panel. */
.admin-category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 16px}
.admin-category-tabs button{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 16px;background:white;border:1px solid #e3ddd1;border-radius:7px;color:#201e1a;font-size:14px}
.admin-category-tabs button[aria-pressed=true]{background:#201e1a;border-color:#201e1a;color:#fff}
.admin-category-tabs button span{background:#b3925120;border-radius:12px;padding:3px 8px;font-size:12px}
.admin-category-tabs button[aria-pressed=true] span{background:#b3925140;color:#eadcc1}
#admin-category-summary{font-size:15px;color:#787266;margin:16px 0}
.admin-empty{padding:35px;border:1px dashed #e3ddd1;background:white;text-align:center;font-size:15px}
@media(max-width:680px){.admin-category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-category-tabs button{font-size:13px;justify-content:space-between;padding:12px 10px}.admin-page .admin-toolbar{flex-wrap:wrap;align-items:flex-start}.admin-page .admin-toolbar>p{width:100%;margin:0 0 12px}.admin-page .admin-toolbar .btn{width:100%;justify-content:center}}

.gallery-stage>img[role=button]{cursor:zoom-in}
.gallery-zoom-button{position:absolute;bottom:12px;right:12px;display:flex;gap:7px;align-items:center;min-height:44px;border:1px solid #b3925160;border-radius:6px;padding:10px 12px;background:#fffffff0;color:#201e1a;z-index:2;font-size:14px}
.gallery-zoom-button .ui-icon{width:18px;height:18px}
dialog.product-zoom{width:min(1200px,96vw);max-height:96vh;max-height:96dvh;padding:16px;background:#fff;border-radius:8px;color:#201e1a;overflow:hidden}
.zoom-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.zoom-heading strong{font-size:16px;font-weight:500;line-height:1.5}
.zoom-heading button,.zoom-toolbar button{background:#fff;border:1px solid #e3ddd1;border-radius:6px;min-width:44px;min-height:44px;padding:8px 12px;color:#201e1a;font-size:20px}
.zoom-heading button{font-size:28px;flex-shrink:0}
.zoom-viewport{height:min(64vh,650px);height:min(64dvh,650px);position:relative;overflow:hidden;background:#fff;touch-action:none;cursor:zoom-in}
.zoom-viewport.zoomed{cursor:grab}.zoom-viewport.zoomed:active{cursor:grabbing}
.zoom-viewport img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center}
.zoom-toolbar{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:14px}
.zoom-toolbar output{font-size:14px;min-width:50px;text-align:center}
.zoom-toolbar [data-reset]{font-size:14px}
.zoom-help{font-size:13px;line-height:1.6;text-align:center;color:#787266;margin:12px 0 0}
@media(max-width:680px){dialog.product-zoom{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0;padding:12px}.zoom-viewport{height:60dvh}.zoom-heading strong{font-size:14px}.zoom-help{font-size:12px}}

/* A continuous white product page; zoom lives below the image, away from navigation. */
.storefront-modern #detail-dialog{background:#fff}
.storefront-modern .detail-gallery .gallery-stage,
.storefront-modern .detail-gallery .gallery-stage>img{background:#fff}
.storefront-modern .detail .perfume-facts span{background:#fff;border:0;border-bottom:1px solid #e7e2d9;border-radius:0;padding:12px 0}
.storefront-modern .detail .olfactory-notes dl>div{background:#fff;border-left:0;border-radius:0;padding:12px 0}
.storefront-modern .detail-gallery .gallery-footer{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.storefront-modern .detail-gallery .gallery-footer .gallery-count{margin:0!important;text-align:left}
.storefront-modern .gallery-footer .gallery-zoom-button{position:static;inset:auto;transform:none;width:auto;height:auto;min-height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid #b3925160;border-radius:6px;background:#fff;color:#201e1a;font-size:14px;line-height:1.3}
.storefront-modern .gallery-footer .gallery-zoom-button:hover{border-color:#b39251;background:#faf7f0}
@media(max-width:680px){.storefront-modern .detail-gallery .gallery-footer{grid-column:1;grid-row:3}}

/* Quiet video indicator on catalog photos. */
.storefront-modern .product-image .video-badge{display:grid;place-items:center;width:28px;height:28px;left:10px;bottom:10px;padding:0;gap:0;border-radius:50%;background:#ffffffed;border:1px solid #201e1a24;color:#201e1a}
.storefront-modern .product-image .video-badge .ui-icon{width:14px;height:14px;filter:none}

.storefront-modern .floating-whatsapp{animation:whatsapp-pulse 2.4s ease-out infinite}
@keyframes whatsapp-pulse{0%,100%{box-shadow:0 5px 20px #080d0f30,0 0 0 0 #25d36600}15%{box-shadow:0 5px 20px #080d0f30,0 0 0 0 #25d36660}70%{box-shadow:0 5px 20px #080d0f30,0 0 0 12px #25d36600}}
.storefront-modern .floating-whatsapp:hover,.storefront-modern .floating-whatsapp:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.storefront-modern .floating-whatsapp{animation:none}}

/* Original perfume photography behind the discovery introduction. */
.storefront-modern .quiz-intro{position:relative;isolation:isolate;overflow:hidden;background:#0c1114}
.storefront-modern .quiz-intro::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/thumbs/originals/asad.webp') right center/cover no-repeat;filter:grayscale(1);opacity:.26}
.storefront-modern .quiz-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1114 0%,#0c1114ee 35%,#0c1114b8 100%)}
.storefront-modern .quiz-intro p{color:#d6d2c9}

.storefront-modern .detail-gallery .product-authenticity{grid-column:2;display:flex;justify-content:center;padding:10px 0 0}
.authenticity-seal{width:96px;height:96px;flex-shrink:0;border:5px solid #c7a762;outline:1px solid #e0cb91;outline-offset:3px;border-radius:50%;background:#151616;color:#d8b967;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #dfc783;line-height:1.1}
.authenticity-seal strong{font-size:25px;letter-spacing:-1px}
.authenticity-seal b{font-size:12px;text-transform:uppercase;letter-spacing:.6px;margin:3px 0}
.authenticity-seal>span{font-size:10px;letter-spacing:2px}
@media(max-width:680px){.storefront-modern .detail-gallery .product-authenticity{grid-column:1}}

.fragrance-showcase{gap:26px}
.fragrance-tile{border:1px solid #e9e3d7;border-radius:8px;background:#fff;box-shadow:0 8px 24px #201e1a05}
.fragrance-tile h3{font-size:clamp(30px,3vw,43px);color:#8d713c;margin:28px 12px 12px}
.fragrance-tile .fragrance-collage{height:250px;padding:0 14px 14px;background:#fff;display:flex;align-items:center;justify-content:center}
.fragrance-tile .fragrance-collage .showcase-composite{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 5px 4px #201e1a0a)}
.fragrance-tile-label{background:#fff;border-top:1px solid #eee8dc;padding:18px 12px;color:#5f5140;font-size:14px;letter-spacing:.3px}
.fragrance-tile:hover{box-shadow:0 12px 30px #201e1a0e}
@media(min-width:601px) and (max-width:850px){.fragrance-tile .fragrance-collage{height:190px;padding:0 7px 12px}}
@media(max-width:600px){.fragrance-tile .fragrance-collage{height:250px;padding:0 18px 14px}.fragrance-tile h3{margin:24px 12px 10px}}

/* Three clear assurances beneath every perfume gallery. */
.storefront-modern .detail-gallery .product-assurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 0 8px;border-top:1px solid #eee8dc;margin-top:6px}
.product-assurances>div{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;min-width:0}
.product-assurances .assurance-icon{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#151616;border:3px solid #c7a762;box-shadow:0 0 0 4px #c7a76216}
.product-assurances .assurance-icon img{width:42px;height:42px;filter:invert(74%) sepia(22%) saturate(736%) hue-rotate(2deg) brightness(92%) contrast(86%)}
.product-assurances strong{font-size:14px;font-weight:500;line-height:1.5;color:#272622;max-width:150px}
@media(max-width:680px){.storefront-modern .detail-gallery .product-assurances{gap:10px;padding:20px 0 10px}.product-assurances .assurance-icon{width:76px;height:76px}.product-assurances .assurance-icon img{width:34px;height:34px}.product-assurances>div{gap:12px}}
@media(max-width:360px){.product-assurances .assurance-icon{width:64px;height:64px}}

/* Prominent purchase action inside the product page. */
.storefront-modern .purchase-panel #request-order{min-height:54px;width:100%;justify-content:center;gap:10px;background:#dec48d;color:#151616;border:1px solid #b39251;border-radius:12px;font-size:16px;font-weight:600;padding:15px 18px;box-shadow:0 4px 12px #b392511c}
.storefront-modern .purchase-panel #request-order .brand-icon{width:23px;height:23px;filter:none}
.storefront-modern .purchase-panel #request-order:hover{background:#d3b575;border-color:#8d713c;box-shadow:0 6px 16px #b3925128}
.storefront-modern .purchase-panel #request-order:focus-visible{outline:2px solid #8d713c;outline-offset:4px}

/* A matched set of fine-line gold icons on light surfaces. */
.product-assurances .assurance-icon{background:#fff;border:1px solid #d8c49a;box-shadow:0 0 0 5px #faf8f3;width:92px;height:92px}
.product-assurances .assurance-icon img{width:46px;height:46px;filter:none}
.product-assurances strong{color:#35312a;letter-spacing:.1px}
@media(max-width:680px){.product-assurances .assurance-icon{width:74px;height:74px}.product-assurances .assurance-icon img{width:38px;height:38px}}
@media(max-width:360px){.product-assurances .assurance-icon{width:64px;height:64px}.product-assurances .assurance-icon img{width:34px;height:34px}}

/* Leave visible room above the floating WhatsApp action at the end of the page. */
.storefront-modern footer.company-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
.storefront-modern .company-footer .footer-bottom .footer-admin-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #b3925166;border-radius:6px;color:#e4d2ad;font-size:14px;line-height:1.5;flex-shrink:0;background:#ffffff04}
.footer-admin-link img{display:block;width:18px;height:18px}
.storefront-modern .company-footer .footer-bottom .footer-admin-link:hover{border-color:#d8bd83;background:#b3925112;color:#fff}
@media(max-width:560px){.storefront-modern .company-footer .footer-bottom .footer-admin-link{align-self:flex-start;margin-top:4px}}

/* Four matching product categories across storefront and administration. */
.storefront-modern .category-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}
.storefront-modern .category-ribbon>a{min-width:0;padding:20px 18px;gap:12px}
.storefront-modern .category-ribbon strong{font-size:14px;line-height:1.4}
.storefront-modern .category-ribbon .category-photo{flex-shrink:0}
.storefront-modern .tabs{display:flex;flex-wrap:wrap;gap:7px}
.storefront-modern .tabs button{font-size:14px;min-height:44px;padding:11px 14px}
@media(max-width:1000px){.storefront-modern .category-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-modern .category-ribbon>a{border-left:0;border-top:0}.storefront-modern .category-ribbon>a:nth-child(even){border-left:1px solid #e7e2d9}.storefront-modern .category-ribbon>a:nth-child(n+3){border-top:1px solid #e7e2d9}}
@media(max-width:850px){.storefront-modern .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;white-space:normal;gap:8px;width:100%;padding-bottom:8px}.storefront-modern .tabs button{white-space:normal;text-align:center;padding:12px 9px}.storefront-modern .category-ribbon>a{padding:14px 12px;gap:9px}.storefront-modern .category-ribbon small{font-size:12px}}
@media(max-width:400px){.storefront-modern .category-ribbon .category-photo{width:40px;height:52px}.storefront-modern .category-ribbon small{display:none}.storefront-modern .category-ribbon>a{gap:8px;padding:12px 9px}}

.storefront-modern .category-ribbon{grid-template-columns:repeat(5,minmax(0,1fr))}
.storefront-modern .category-ribbon>a{padding:18px 12px;gap:10px}
.storefront-modern .tabs button[data-category=cuidados]{max-width:210px;white-space:normal}
@media(max-width:1100px){.storefront-modern .category-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-modern .category-ribbon>a{border-left:0;border-top:0}.storefront-modern .category-ribbon>a:nth-child(even){border-left:1px solid #e7e2d9}.storefront-modern .category-ribbon>a:nth-child(n+3){border-top:1px solid #e7e2d9}.storefront-modern .category-ribbon>a:last-child{grid-column:1/-1}.storefront-modern .catalog-toolbar{flex-wrap:wrap}}
@media(max-width:850px){.storefront-modern .tabs button[data-category=cuidados]{max-width:none}.storefront-modern .tabs button:last-child{grid-column:1/-1}}

/* Compact, consistent storefront for Android and iOS. */
@media(max-width:850px){
 html{scroll-padding-top:180px}
 .storefront-modern main,.storefront-modern section,.storefront-modern .product-info{min-width:0}
 .storefront-modern .shop-header .shop-header-main{gap:8px 14px;padding:10px 5%}
 .storefront-modern .shop-header .brand img{width:40px;height:40px}
 .storefront-modern .shop-header .brand>span{font-size:21px}
 .storefront-modern .shop-header .header-search input{padding:10px 0}
 .storefront-modern .shop-header nav{gap:22px;scroll-padding-inline:5%}
 .storefront-modern .shop-header nav a{min-height:44px}
 .storefront-modern .hero .film-art:before{background-image:var(--film-poster,url('/assets/mobile/supremacy-poster.webp'));filter:brightness(.5)}
 .storefront-modern .product-card{content-visibility:auto;contain-intrinsic-size:auto 380px;background:#fff;box-shadow:none;border-color:#eee9df;border-radius:10px}
 .storefront-modern .product-image{aspect-ratio:1/1.15;padding:14px;background:#fff}
 .storefront-modern .product-info{padding:14px 11px;gap:3px}
 .storefront-modern .product-info h3{font-size:16px;line-height:1.45;height:4.35em;min-height:4.35em;margin:5px 0 0}
 .storefront-modern .product-specs{font-size:12px;line-height:1.5;min-height:3em;margin:5px 0;overflow-wrap:anywhere}
 .storefront-modern .product-info .price{font-size:15px;padding-top:8px;margin-bottom:12px}
 .storefront-modern .product-link{border-radius:6px;font-size:13px;gap:7px;min-height:44px}
 .storefront-modern .product-link .ui-icon{width:17px;height:17px;flex-shrink:0}
 .storefront-modern .tag{font-size:10px;padding:5px 7px}
 .storefront-modern .tabs{gap:8px}
 .storefront-modern .tabs button{border-radius:6px;line-height:1.4}
 .storefront-modern .floating-whatsapp{padding:12px;width:50px;height:50px;justify-content:center;font-size:0;gap:0}
 .storefront-modern .floating-whatsapp img{width:25px;height:25px}
 .storefront-modern .category-ribbon strong{font-size:13px}
 .storefront-modern .faq-social,.storefront-modern .editorial,.storefront-modern .quiz-section{overflow-wrap:anywhere}
}
@media(max-width:680px){
 .storefront-modern .hero .hero-text{padding:28px 6% 24px}
 .storefront-modern .hero h1{font-size:clamp(34px,9.5vw,42px)}
 .storefront-modern .hero .film-art{height:clamp(280px,78vw,360px)}
 .storefront-modern .hero-actions{grid-template-columns:1fr;gap:8px}
 .storefront-modern .hero-foot{flex-wrap:wrap;gap:10px;font-size:12px;margin-top:16px}
 .storefront-modern .product-grid{gap:12px}
 .storefront-modern #detail-dialog{width:calc(100% - 12px);max-width:calc(100% - 12px);padding:54px 16px calc(24px + env(safe-area-inset-bottom));max-height:calc(100dvh - 12px);border-radius:12px}
 .storefront-modern #detail-dialog .close{position:absolute;top:8px;right:8px}
 .storefront-modern .detail-gallery .gallery-stage>img{height:clamp(240px,80vw,360px);padding:10px}
 .storefront-modern .detail-gallery .gallery-footer{gap:8px}
 .storefront-modern .detail h2{font-size:26px;line-height:1.25}
 .storefront-modern .detail .purchase-panel{padding:18px 14px}
 .storefront-modern .product-assurances strong{font-size:11px;line-height:1.5}
 .storefront-modern .product-assurances .assurance-icon{width:60px;height:60px}
 .storefront-modern .product-assurances .assurance-icon img{width:30px;height:30px}
 .storefront-modern .footer-column>a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .storefront-modern .delivery-track,.storefront-modern .brand-ticker>div{animation:none}
}

/* Keep Safari controls and detected contacts in the store palette. */
a[x-apple-data-detectors],a[x-apple-data-detectors] *{color:inherit!important;text-decoration:inherit!important;font:inherit!important}
.storefront-modern .quiz-choice,.storefront-modern .quiz-bottom button,.storefront-modern .bag-row button,.storefront-modern .video-editor button{color:var(--ink)}

/* Clear category controls with consistent spacing on phones. */
.storefront-modern .product-image .tag{color:#76591f}
.storefront-modern .quiz-choice strong{color:#201e1a}
@media(max-width:850px){
 .storefront-modern #catalogo .section-head h2{font-size:clamp(27px,7.4vw,34px);line-height:1.25;margin:14px 0 0}
 .storefront-modern #catalogo .catalog-toolbar{margin-top:20px;padding:0 0 16px}
 .storefront-modern #catalogo .tabs{gap:8px;margin:0 0 16px;padding:0;align-items:stretch}
 .storefront-modern #catalogo .tabs button{display:flex;align-items:center;justify-content:center;min-height:56px;height:100%;padding:10px 8px;font-size:13px;line-height:1.4;background:#fff;border:1px solid #d8cebc;border-radius:7px;color:#423b30}
 .storefront-modern #catalogo .tabs button.active{background:#101416;border-color:#101416;color:#f7f3e9}
 .storefront-modern #catalogo .tabs button:last-child{grid-column:1/-1;min-height:44px}
 .storefront-modern #catalogo .filters{grid-template-columns:1fr;gap:10px;margin-top:0}
 .storefront-modern #catalogo .search{width:100%;border-radius:7px}
 .storefront-modern #catalogo .filters select{border-radius:7px;color:#201e1a;background-color:#fff;height:44px}
 .storefront-modern .product-count{margin:14px 0 18px}
 .storefront-modern .quiz-choice{border-radius:8px}
}

/* Touch hover must not freeze the scrolling brand strip. */
@media(hover:none) and (prefers-reduced-motion:no-preference){
 .storefront-modern .brand-ticker:hover>div{animation-play-state:running}
}

/* One category selector on mobile; preserve the desktop navigation. */
.storefront-modern .shop-header nav .mobile-catalog-link{display:none}
@media(max-width:850px){
 .storefront-modern .category-ribbon{display:none}
 .storefront-modern .shop-header nav a[data-cat]{display:none}
 .storefront-modern .shop-header nav .mobile-catalog-link{display:flex}
 .storefront-modern .shop-header nav{justify-content:space-between;gap:12px}
 .storefront-modern .shop-header nav a{font-size:12px;min-height:44px}
 .storefront-modern #catalogo{margin-top:0;padding-top:32px}
}