/* November 1 refinement: shared component rules, scoped to storefront/admin. */
.hm-customer .brand-name{font-family:Poppins,sans-serif;font-weight:600;font-size:24px;letter-spacing:.2px;line-height:1.25}
.hm-customer .brand{gap:10px}.hm-customer .brand-sub{letter-spacing:2px;font-size:8px}
.hm-customer .mobile-menu .drawer-head{background:#fffafc}.hm-customer:has(dialog[open]){overflow:hidden}
.hm-customer .hm-hero{position:relative;isolation:isolate;overflow:hidden;background:#44332f;min-height:560px;padding:64px 0}
.hm-hero-background{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hm-hero-background img,.hm-hero-background video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-hero-background video{opacity:0}.hm-hero-background video.has-video-frame{opacity:1}
.hm-hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#21141bc4,#25182055)}
.hm-hero-background .hero-video-mobile{display:none}
.hm-customer .hm-hero-copy h1,.hm-customer .hm-hero-copy>p,.hm-customer .hm-hero-copy>small{color:#fffaf5;text-shadow:0 2px 12px #0003}
.hm-customer .hm-hero-copy .eyebrow{color:#ffe0e9}.hm-hero-actions .outline{background:#fffaf5ee}
.hm-hero-stack{position:relative;min-width:0;height:430px;display:grid;place-items:center}
.hm-stack-card{position:absolute;top:25px;width:clamp(170px,19vw,250px);aspect-ratio:3/4;background:#fff;padding:10px 10px 16px;box-shadow:0 12px 30px #0004;transition:transform .65s cubic-bezier(.4,0,.2,1);color:#35232a;text-align:center;will-change:transform}
.hm-stack-card img{display:block;width:100%;height:77%;object-fit:cover;background:#f6f0eb}.hm-stack-card>span{display:block;padding:12px 3px 0}.hm-stack-card strong{display:block;font:500 14px/1.35 'Playfair Display',serif}.hm-stack-card small{font-size:10px;color:#80364d}
.hm-stack-card:focus-visible{z-index:100!important}
.hm-customer .hm-product-card{transition:transform .2s,box-shadow .2s}.hm-customer .hm-product-card:hover{border-color:var(--hm-line);transform:translateY(-4px);box-shadow:0 8px 22px #35132210}
.hm-product-rating{flex-wrap:wrap;row-gap:3px}.hm-product-rating .stars{letter-spacing:0;white-space:nowrap}.hm-stock{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:9px;white-space:nowrap;font-weight:500}.hm-stock i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.hm-stock.available{color:#287448}.hm-stock.low{color:#946000}.hm-stock.out{color:#b33346}
.hm-customer .hm-collection-row{grid-template-columns:210px minmax(0,1fr);align-items:stretch;gap:20px}.hm-customer .hm-product-strip{padding:5px 0 10px;scroll-padding:0;gap:18px}.hm-customer .hm-product-strip>.hm-product-card{flex:0 0 calc((100% - 36px)/3)}
.hm-customer .hm-category-tile{min-height:420px;border-radius:9px}.hm-customer .hm-strip-wrap{padding-top:42px}.hm-category-tile img{object-position:center}.hm-customer .hm-category-tile>span{bottom:26px}
.hm-customer .reels-grid{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 0 14px}.hm-customer .reels-grid>.blog-video-card{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start}.hm-reel-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}.hm-reel-controls button{width:36px;height:36px;border:1px solid var(--hm-line);border-radius:6px;background:#fff;color:var(--hm-maroon);cursor:pointer}
.hm-customer .hm-support{right:16px;bottom:16px;gap:6px}.hm-customer .hm-support .whatsapp-btn-circle{width:42px;height:42px}.hm-customer .hm-support img{width:52px;height:52px;left:-5px;bottom:0;border-radius:0}.hm-customer .hm-support .whatsapp-pill-label{font-size:10px;padding:7px 9px}
.hm-admin{--admin-header-height:72px}.hm-admin .m-header,.hm-admin .nxl-header,.hm-admin .nxl-header .header-wrapper{height:var(--admin-header-height);min-height:var(--admin-header-height)}.hm-admin .m-header{padding:12px 18px;border-bottom:1px solid var(--hm-border);flex-shrink:0}.hm-admin .nxl-navigation{position:fixed;inset:0 auto 0 0;height:100dvh}.hm-admin .navbar-content{min-height:0}.hm-admin .hm-sidebar-footer{flex-shrink:0;padding:14px 22px}.hm-admin .navbar-wrapper{overflow-y:auto}.hm-admin .main-content,.hm-admin .panel,.hm-admin form,.hm-admin .admin-columns>*{min-width:0}.hm-admin .table-wrap{max-width:100%;overscroll-behavior-x:contain}.hm-admin .header-left{min-width:0}.hm-admin .header-left .muted{overflow-wrap:anywhere}.hm-admin .header-right{flex-shrink:0}.hm-admin .icon-button{color:#712f45;min-width:44px;min-height:44px}.hm-admin .icon-button:focus-visible{outline:2px solid #80364d}.hm-admin .hero-selection-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:16px;align-items:center;border-bottom:1px solid var(--hm-border);padding:14px 0}.hm-admin .hero-selection-row img{object-fit:cover;border-radius:5px;margin:0 10px}.hm-admin .hero-selection-row .check{margin:0;min-width:0}.hm-admin .hero-selection-row .check span{overflow-wrap:anywhere}.hm-admin .hero-selection-row>label{margin:0}
@media(max-width:1024px){.hm-admin .mobile-only{display:inline-flex!important}.hm-admin .nxl-navigation{z-index:1100;visibility:hidden;pointer-events:none}.hm-admin .nxl-navigation.open{visibility:visible;pointer-events:auto}.hm-admin .admin-overlay{z-index:1090}.hm-customer .hm-collection-row{grid-template-columns:170px minmax(0,1fr)}.hm-customer .hm-product-strip>.hm-product-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:800px){.hm-customer .hm-header-inner{grid-template-columns:36px minmax(0,1fr) 36px 36px;gap:6px;padding:12px 14px}.hm-customer .hm-menu{grid-column:1;grid-row:1;display:grid;width:36px}.hm-customer .hm-header .brand{grid-column:2;grid-row:1;gap:6px}.hm-customer .hm-account{grid-column:3;grid-row:1}.hm-customer .hm-cart{grid-column:4;grid-row:1}.hm-customer .hm-search{grid-column:1/-1;grid-row:2;width:100%;margin-top:5px}.hm-customer .hm-header .brand-name{font-size:clamp(16px,4.3vw,23px);letter-spacing:0}.hm-customer .hm-header .brand img{width:31px;max-width:31px;height:38px;object-fit:contain}.hm-customer .hm-header .brand-sub{font-size:6px;letter-spacing:1px}.hm-customer .hm-search button{width:36px}.hm-customer .hm-search input{font-size:12px}.hm-customer .hm-utility svg{width:25px;height:25px}.hm-customer .announcement-bar{padding:6px 12px}.hm-customer .announcement-message{font-size:10px}.hm-customer .reels-grid>.blog-video-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:767px),((max-width:991px) and (orientation:portrait)){.hm-hero-background .hero-video-desktop{display:none}.hm-hero-background .hero-video-mobile{display:block}}
@media(max-width:560px){.hm-customer .hm-hero{padding:36px 0 24px}.hm-customer .hm-hero-inner{gap:10px}.hm-hero-stack{height:370px}.hm-stack-card{width:175px;top:18px}.hm-stack-card strong{font-size:12px}.hm-customer .hm-collection-row{grid-template-columns:minmax(0,1fr);gap:12px}.hm-customer .hm-category-tile{min-height:230px}.hm-customer .hm-category-tile img{object-position:center 44%}.hm-customer .hm-product-strip>.hm-product-card{flex-basis:240px}.hm-customer .reels-grid>.blog-video-card{flex-basis:78%}.hm-customer .hm-support .whatsapp-btn-circle{width:36px;height:36px}.hm-customer .hm-support img{width:45px;height:45px;left:-4px}.hm-admin .form-two,.hm-admin .payment-form,.hm-admin .product-edit-grid{grid-template-columns:minmax(0,1fr)}.hm-admin input:not([type=checkbox]):not([type=hidden]),.hm-admin select,.hm-admin textarea{font-size:16px}.hm-admin .header-left{gap:7px}.hm-admin .header-left .muted{max-width:130px}.hm-admin .settings-tabs-nav{flex-wrap:nowrap;overflow:auto;max-width:100%}.hm-admin .settings-tab-link{flex-shrink:0}.hm-admin .hero-selection-row{grid-template-columns:minmax(0,1fr) 70px;gap:6px}}
@media(prefers-reduced-motion:reduce){.hm-stack-card{transition:none}.hm-hero-background video{display:none!important}}

@media(min-width:1024px){.hm-customer .hm-product-strip>.hm-product-card{flex-basis:calc((100% - 36px)/3)}}
.hm-admin .hm-subnav a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:4px}
/* Captions reserve their own space even when product names wrap on phones. */
.hm-stack-card{display:flex;flex-direction:column}.hm-stack-card img{flex:1;min-height:0;height:0}.hm-stack-card>span{flex-shrink:0}

/* Second refinement: full-width homepage bands; content stays on the shared grid. */
.hm-home{--hm-home-cream:#faf6f0}
.hm-home .hm-home-band{width:100%;padding-block:64px}
.hm-home .hm-band-white{background:#fff}.hm-home .hm-band-cream{background:var(--hm-home-cream)}
.hm-home .hm-home-band>section{padding-block:0;background:transparent;margin-block:0}
.hm-home .hm-product-card{background:#fff}
.hm-home .hm-collection-row{grid-template-columns:248px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;row-gap:12px;align-items:stretch}
.hm-home .hm-strip-wrap{display:contents;padding:0}
.hm-home .hm-strip-controls{position:static;grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:8px}
.hm-home .hm-category-tile{grid-column:1;grid-row:2;min-height:0;height:auto;align-self:stretch}
.hm-home .hm-product-strip{grid-column:2;grid-row:2;padding:0;align-items:stretch}
.hm-home .hm-product-strip>.hm-product-card{flex-shrink:0}
.hm-home .hm-product-strip .hm-empty{min-height:300px;padding:24px}
.hm-home a.hm-category-tile,.hm-home a.hm-category-tile:hover,.hm-home a.hm-category-tile:focus-visible,.hm-home a.hm-category-tile:visited{color:#fffaf3;text-decoration:none}
.hm-home .hm-category-tile :is(h3,small,b),.hm-home .hm-category-tile:hover :is(h3,small,b),.hm-home .hm-category-tile:focus-visible :is(h3,small,b){color:#fffaf3}
.hm-home .hm-category-tile:after{background:linear-gradient(transparent 22%,#351322e8)}
.hm-home .hm-category-tile>span{text-shadow:0 1px 5px #0007}
.hm-home .hm-stack-card{border-radius:10px;transition:transform .85s cubic-bezier(.4,0,.2,1)}
.hm-home .hm-stack-card img{border-radius:6px}
/* All homepage horizontal arrows share one component and interaction treatment. */
.hm-home .hm-scroll-arrow{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #d7bcc5;border-radius:8px;background:#fff;color:#712f45;box-shadow:0 2px 6px #35132208;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.hm-home .hm-scroll-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hm-home .hm-scroll-arrow:hover:not(:disabled){background:#712f45;color:#fff;box-shadow:0 4px 12px #35132216}
.hm-home .hm-scroll-arrow:focus-visible{outline:3px solid #ac7187;outline-offset:3px}
.hm-home .hm-scroll-arrow:disabled{opacity:.35;cursor:default;box-shadow:none}
.hm-home .hm-reel-controls{gap:8px;margin-bottom:12px}
.hm-home .blog-play-button{display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid #ffffffb3;border-radius:50%;background:#303034a6;color:#fff;box-shadow:0 4px 20px #0003;transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s}
.hm-home .blog-play-button svg{width:25px;height:25px;fill:currentColor;margin-left:3px;filter:drop-shadow(0 1px 2px #0009)}
.hm-home .blog-play-button:hover{background:#303034bf;box-shadow:0 4px 24px #0005}
.hm-home .blog-play-button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.hm-home .blog-video-card.is-playing .blog-play-button{display:none}
@supports ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){.hm-home .blog-play-button{background:#ffffff2b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(min-width:1024px){.hm-home .hm-price{font-size:19px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}}
@media(min-width:561px) and (max-width:1023px){.hm-home .hm-collection-row{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:800px){.hm-home .hm-home-band{padding-block:48px}.hm-home .hm-scroll-arrow{width:44px;height:44px;min-width:44px}}
@media(max-width:560px){
 .hm-home .hm-hero{padding:52px 0 40px}
 .hm-home .hm-hero-inner{gap:44px}
 .hm-home .hm-hero-copy h1{margin:22px 0 26px;line-height:1.18}
 .hm-home .hm-hero-copy>p{margin:0 0 30px;line-height:1.85}
 .hm-home .hm-hero-actions{gap:14px;margin:0 0 28px}
 .hm-home .hm-hero-copy>small{line-height:1.9;display:block}
 .hm-home .hm-hero-stack{--hero-card-width:clamp(160px,44vw,190px);height:auto;min-height:calc(var(--hero-card-width)*4/3 + 180px)}
 .hm-home .hm-stack-card{width:var(--hero-card-width);top:42px}
 .hm-home .hm-collection-row{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px}
 .hm-home .hm-category-tile{grid-column:1;grid-row:1;min-height:230px}
 .hm-home .hm-strip-controls{grid-column:1;grid-row:2}
 .hm-home .hm-product-strip{grid-column:1;grid-row:3}
}
@media(prefers-reduced-motion:reduce){.hm-home .hm-stack-card,.hm-home .hm-scroll-arrow,.hm-home .blog-play-button{transition:none}}


/* Refinement 3: one visible capsule around the product-selection tabs. */
.hm-home .showcase-tabs{display:inline-flex;align-items:center;gap:2px;flex-wrap:nowrap;width:max-content;max-width:100%;padding:4px;border:1px solid #eee7df;border-radius:999px;background:#f2ede7;box-shadow:inset 0 1px 2px #52303f04}
.hm-home .showcase-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:36px;height:36px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:#74706e;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}
.hm-home .showcase-tab-btn svg{width:16px;height:16px;flex:none}
.hm-home .showcase-tab-btn.active{background:#fff;color:#712f45;box-shadow:0 2px 9px #35132214}
.hm-home .showcase-tab-btn:hover:not(.active){background:#ffffff80;color:#712f45}
.hm-home .showcase-tab-btn:focus-visible{outline:2px solid #99556d;outline-offset:2px}
.hm-home .showcase-tab-btn .tab-label{margin-left:0}
@media(min-width:1024px){.hm-customer .hm-product-body h3{font-size:18px;line-height:1.45;min-height:52px;overflow-wrap:anywhere}}
@media(max-width:560px){
 .hm-home .showcase-tabs{align-self:flex-start}
 .hm-home .showcase-tab-btn{min-height:40px;height:40px}
 .hm-home .showcase-tab-btn:not(.active){width:40px;min-width:40px;padding:10px}
 .hm-home .showcase-tab-btn.active{width:124px;padding:10px 12px}
 .hm-customer .hm-support .whatsapp-pill-label{display:block;font-size:10px;line-height:1.35;padding:8px 10px;max-width:calc(100vw - 82px);border-radius:8px;white-space:nowrap}
 .hm-customer .hm-support{gap:6px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}

/* FAQ/footer text update: keep the existing dark footer background. */
.hm-customer .hm-footer{color:#f7ebf3}
.hm-customer .hm-footer .footer-grid :is(p,a,small,span),.hm-customer .hm-footer .footer-bottom,.hm-customer .hm-footer .footer-bottom span{color:#f7ebf3}
.hm-customer .hm-footer :is(h3,h4,.brand-name,strong){color:#fff}
.hm-customer .hm-footer .footer-grid a:hover,.hm-customer .hm-footer .footer-grid a:focus-visible,.hm-customer .hm-footer .footer-grid a:hover :is(span,small,strong),.hm-customer .hm-footer .footer-grid a:focus-visible :is(span,small,strong){color:#fff}
/* Keep the existing white social-icon circles legible before hover. */
.hm-customer .hm-footer .footer-grid .social-circle{color:#712f45}
.hm-customer .hm-footer .footer-grid .social-circle:hover,.hm-customer .hm-footer .footer-grid .social-circle:focus-visible{color:#fff}

/* Footer social icons: visible on the original maroon footer.
   Override the pale link text on the white icon circles. */
.hm-customer .hm-footer .footer-social-row .social-circle,
.hm-customer .hm-footer .footer-social-row .social-circle:visited {
  display: inline-grid;
  place-items: center;
  background: #ffffff;
  border: 1px solid #f7ebf3;
  color: #681c32;
  opacity: 1;
}
.hm-customer .hm-footer .footer-social-row .social-circle svg {
  display: block;
  width: 19px;
  height: 19px;
  fill: currentColor;
}
.hm-customer .hm-footer .footer-social-row .social-circle:hover,
.hm-customer .hm-footer .footer-social-row .social-circle:focus-visible {
  background: #681c32;
  border-color: #ffffff;
  color: #ffffff;
}
