/* Hand Miracle customer components — October 2026 */
:root{--hm-maroon:#712f45;--hm-deep:#351322;--hm-tint:#faf2f3;--hm-line:#e8d7dc}
.hm-customer{color:#37292e;background:#fffdfc;font-size:14px;line-height:1.6}
.hm-customer *{box-sizing:border-box}.hm-customer [hidden]{display:none!important}
.hm-customer :focus-visible{outline:3px solid #ac7187;outline-offset:4px}
.hm-customer .container{width:min(1240px,calc(100% - 64px))}
.hm-customer .button{border-radius:7px;font-size:13px;font-weight:600;min-height:42px}
.hm-customer input,.hm-customer select,.hm-customer textarea{font-size:14px;border-radius:7px}
.hm-customer .brand-name{font-family:Poppins,sans-serif;font-weight:600}
.hm-header{background:#fffdfc;border-bottom:1px solid var(--hm-line);position:relative;z-index:30}
.hm-header-inner{max-width:1440px;margin:auto;padding:22px 32px;display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:32px;align-items:center}
.hm-header .brand{min-width:0}.hm-header .brand img{max-width:56px}.hm-header .brand-name{font-size:21px;white-space:nowrap;letter-spacing:1px}
.hm-search{display:flex;min-width:0;background:#f7f1f2;border:1px solid var(--hm-line);border-radius:9px;padding:4px;margin:0}
.hm-search input{border:0;background:transparent;min-width:0;flex:1;padding:10px 13px;box-shadow:none;margin:0}
.hm-search button{border:0;background:var(--hm-maroon);color:white;width:44px;flex-shrink:0;border-radius:7px;display:grid;place-items:center}
.hm-utility{display:flex;align-items:center;gap:12px;text-align:left;color:var(--hm-deep);border:0;background:transparent;padding:0;font:inherit;cursor:pointer}
.hm-utility svg{height:29px;width:29px;stroke-width:1.4}.hm-utility small{display:block;font-size:11px;color:#856c76;font-weight:400}.hm-utility strong{display:block;font-size:13px;font-weight:600;white-space:nowrap}
.hm-cart-icon{position:relative;display:flex}.hm-cart .cart-count{position:absolute;top:-9px;right:-9px;background:var(--hm-maroon);color:white;border-radius:50%;font-size:9px;width:17px;height:17px;display:grid;place-items:center}
.hm-menu{display:none}
.hm-hero{background:linear-gradient(115deg,#faf1f2,#f0e0e4);border-bottom:1px solid var(--hm-line);padding:48px 0}
.hm-hero-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}
.hm-hero-copy h1{font-size:clamp(36px,4.1vw,62px);line-height:1.12;color:var(--hm-deep);margin:15px 0 22px;letter-spacing:-1.7px}
.hm-hero-copy>p{max-width:500px;font-size:16px;color:#745b65;margin-bottom:28px}
.hm-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.hm-hero-copy>small{font-size:11px;letter-spacing:1px}
.hm-collections{padding-top:35px;padding-bottom:45px}.hm-collection-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:30px}
.hm-category-tile{position:relative;overflow:hidden;border-radius:12px;min-height:360px;background:var(--hm-tint);display:block;color:white}
.hm-category-tile img{position:absolute;height:100%;width:100%;object-fit:cover}
.hm-category-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#351322dd)}
.hm-category-tile>span{position:absolute;z-index:1;bottom:24px;left:22px;right:22px}.hm-category-tile small{font-size:9px;letter-spacing:2px}.hm-category-tile h3{font-size:27px;color:white;margin:8px 0}.hm-category-tile b{font-weight:500;font-size:12px}
.hm-strip-wrap{min-width:0;position:relative;padding-top:42px}.hm-strip-controls{position:absolute;right:0;top:0;display:flex;gap:8px}.hm-strip-controls button:disabled{opacity:.3;cursor:default}
.hm-product-strip{display:flex;overflow:auto;gap:18px;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:5px;overscroll-behavior-x:contain}
.hm-product-strip::-webkit-scrollbar{display:none}.hm-product-strip>.hm-product-card{flex:0 0 230px;flex-basis:230px;scroll-snap-align:start}
.hm-product-card{border:1px solid var(--hm-line);background:#fff;min-width:0;overflow:hidden;border-radius:10px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.hm-product-card:hover{box-shadow:0 10px 24px #712f4510;border-color:var(--hm-line)}
.hm-product-photo{display:block;position:relative;overflow:hidden;background:#f5efec;aspect-ratio:1/1}
.hm-product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hm-product-card:hover .hm-product-photo img{transform:scale(1.035)}.hm-product-photo>span{position:absolute;left:10px;top:10px;background:#fffaf5;padding:3px 9px;border-radius:4px;font-size:10px}
.hm-product-body{padding:15px;display:flex;flex:1;flex-direction:column;gap:7px}.hm-product-rating{display:flex;gap:6px;align-items:center;font-size:11px}.hm-product-rating small{color:#897780;font-size:10px}
.hm-category{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9b7f8a}.hm-product-body h3{font-size:15px;line-height:1.4;margin:0;min-height:42px}.hm-price{color:var(--hm-maroon);font-size:14px}
.hm-card-swatches{display:flex;gap:7px;min-height:24px;align-items:center;flex-wrap:wrap;margin:2px 0 6px}.hm-card-swatches a{width:16px;height:16px;border-radius:50%;border:1px solid #0002;background:var(--swatch,#eee);display:block}
.hm-view-price{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;border:1px solid var(--hm-maroon);color:var(--hm-maroon);background:white;border-radius:7px;min-height:39px;font-size:12px;font-weight:600;transition:background .2s,color .2s}
.hm-view-price svg{height:15px;width:15px}.hm-product-card:hover .hm-view-price,.hm-product-card:focus-within .hm-view-price{background:var(--hm-maroon);color:white}
.hm-password-wrap{position:relative;width:100%}.hm-password-wrap input{width:100%;padding-right:48px!important}.hm-password-wrap button{position:absolute;right:2px;top:2px;bottom:2px;border:0;background:transparent;width:40px;display:grid;place-items:center;color:var(--hm-maroon);cursor:pointer}.hm-password-wrap button[aria-pressed=true]{background:var(--hm-tint);border-radius:5px}.hm-password-wrap svg{width:20px;height:20px}
.hm-feedback{font-size:12px;line-height:1.5;padding:8px 11px;margin:10px 0;border-radius:6px;background:var(--hm-tint);color:var(--hm-maroon);border-left:3px solid var(--hm-maroon)}
.hm-feedback:empty,.hm-field-error:empty{display:none}.hm-field-error{display:block;font-size:11px;color:#a42742;margin:4px 0 0;font-weight:400}.hm-customer [aria-invalid=true]{border-color:#b13d55}
.hm-footer{padding:60px 0 24px;background:var(--hm-deep);color:#f4e7ed;margin-top:40px}
.hm-footer .footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.2fr;gap:40px}.hm-footer .brand-name,.hm-footer h4,.hm-footer strong{color:white}.hm-footer .brand-tagline,.hm-footer .footer-desc,.hm-footer .footer-info-row,.hm-footer small{color:#d9bdc8}
.hm-footer h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px}.hm-footer .footer-links-col a{display:block;margin:10px 0;font-size:12px}.hm-footer a:hover{color:#fff;text-decoration:underline}.hm-footer .footer-desc{font-size:12px;max-width:300px;margin:20px 0}
.hm-footer .footer-info-row{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-size:12px}.hm-footer .footer-info-row svg{width:16px;flex-shrink:0}.hm-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;margin-top:38px;padding-top:22px;font-size:11px}.hm-footer .footer-social-row{display:flex;gap:12px}
.hm-support{position:fixed;right:25px;bottom:24px;z-index:45;display:flex;align-items:center;gap:12px;text-decoration:none;border:0;background:none;padding:0;max-width:calc(100vw - 32px)}
.hm-support .whatsapp-pill-label{background:white;color:#44584a;padding:8px 12px;border:1px solid #dbe9df;box-shadow:0 4px 20px #0001;border-radius:8px;font-size:11px;opacity:1;visibility:visible;transform:none}
.hm-support .whatsapp-btn-circle{position:relative;flex-shrink:0;width:56px;height:56px;background:#25d366;border-radius:50%;overflow:visible;display:block}
.hm-support img{position:absolute;width:86px;height:86px;max-width:none;object-fit:contain;left:-15px;bottom:1px;border-radius:0}
.hm-support.checkout-support{position:relative;inset:auto;margin-top:40px;justify-content:flex-end;z-index:1}
.hm-customer .auth-panel{padding:30px}.hm-customer .auth-grid{gap:24px}.hm-customer .section{padding-top:40px;padding-bottom:40px}
@media(min-width:1025px){.hm-customer .mobile-nav{display:none}}
@media(max-width:1100px){.hm-header-inner{gap:22px;padding:20px 24px}.hm-utility small{font-size:10px}.hm-header .brand-name{font-size:17px}.hm-hero-inner{gap:35px}.hm-footer .footer-grid{gap:24px}}
@media(max-width:800px){.hm-customer .container{width:calc(100% - 36px)}.hm-header-inner{grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;padding:16px 18px}.hm-header .brand{grid-column:1/3;grid-row:1}.hm-account{grid-column:3;grid-row:1;justify-content:center;min-height:44px}.hm-account span,.hm-cart>span:last-child{display:none}.hm-menu{display:grid;grid-column:1;grid-row:2;border:0;background:transparent;width:44px;height:44px;place-items:center;padding:0;box-shadow:none;border-radius:0}.hm-search{grid-column:2;grid-row:2}.hm-search input{font-size:12px;padding:8px}.hm-cart{grid-column:3;grid-row:2;justify-content:center;min-height:44px}.hm-header .brand-name{font-size:20px}.hm-header .brand img{max-width:44px}.hm-hero{padding:30px 0}.hm-hero-inner{grid-template-columns:1fr 1fr;gap:24px}.hm-hero-copy h1{font-size:35px}.hm-hero-copy>p{font-size:13px}.hm-collection-row{grid-template-columns:170px minmax(0,1fr);gap:16px}.hm-product-strip>.hm-product-card{flex-basis:200px}.hm-category-tile h3{font-size:23px}.hm-footer .footer-grid{grid-template-columns:1fr 1fr}.hm-support{right:18px;bottom:18px}.hm-support .whatsapp-pill-label{font-size:10px;max-width:180px}.hm-support .whatsapp-btn-circle{width:49px;height:49px}.hm-support img{width:78px;height:78px;left:-14px}}
@media(max-width:560px){.hm-hero-inner{grid-template-columns:1fr;gap:28px}.hm-hero-copy h1{font-size:39px}.hm-hero-copy>p{font-size:14px}.hm-collection-row{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}.hm-category-tile{min-height:150px}.hm-category-tile img{object-position:center 45%}.hm-category-tile>span{bottom:18px;left:20px}.hm-category-tile h3{font-size:25px;margin:4px 0}.hm-strip-wrap{padding-top:40px}.hm-product-strip>.hm-product-card{flex-basis:180px}.hm-product-body{padding:12px}.hm-product-body h3{font-size:14px}.hm-footer{padding-top:40px}.hm-footer .footer-grid{gap:30px 20px}.hm-footer .footer-brand-col,.hm-footer .footer-contact-col{grid-column:1/-1}.hm-footer .footer-bottom{display:block}.hm-footer .footer-bottom>span{display:block;margin-top:10px}.hm-customer .auth-panel{padding:22px 18px}.hm-customer .form-two{grid-template-columns:1fr}.hm-customer .section-heading{gap:15px;flex-wrap:wrap}.hm-customer .section-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hm-customer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(prefers-reduced-motion:no-preference){.hm-support:hover{transform:translateY(-3px)}}
.hm-support{transition:transform .2s}.hm-support .whatsapp-btn-circle{box-shadow:0 5px 16px #19874a30}
.hm-view-price:active{background:var(--hm-maroon);color:white}
@media(max-width:560px){.hm-hero-copy h1{font-size:36px}.hm-hero-copy>p{margin-bottom:20px}.hm-hero-actions{margin-bottom:16px}.hm-hero-actions .button{padding:11px 14px;font-size:11px}.hm-hero-copy>small{font-size:9px}}