/* Aromaway shared header + static hero CSS */
:root{--ac:#ff5e62;--ac2:#ff9966;--mut:#6e6e6e;--ln:#eee;--bg:#fbfbfb}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Roboto,Arial,sans-serif;color:#222;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* Header/search styles are now inline in each HTML page (copied from index.html) */

/* Static page hero */
.aw-static-hero{overflow:hidden}
.aw-sh-desk{position:relative;display:block;margin:0 auto;width:1270px;height:590px;border-radius:7px;background:url('/images/hero-desktop.webp') no-repeat 0% 100% / 100%}
.aw-sh-mob{display:none;position:relative}
#zb-wrap-desktop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}
#zb-wrap-mob-bright-galaxy{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}

/* Cart panel */
.av-cov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:120;opacity:0;visibility:hidden;transition:.3s}
body.cart-open .av-cov{opacity:1;visibility:visible}
.av-cpanel{position:fixed;top:0;bottom:0;right:-360px;width:350px;max-width:90vw;background:#fff;z-index:10000010;box-shadow:-10px 0 30px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:right .35s cubic-bezier(.16,1,.3,1)}
body.cart-open .av-cpanel{right:0}
.av-cp-head{padding:25px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}
.av-cp-head h3{font-size:20px;font-weight:700;margin:0}
.av-cp-cl{background:none;border:none;font-size:28px;cursor:pointer;color:#999;line-height:1}
.av-cp-list{flex:1;overflow-y:auto;padding:20px}
.av-cp-empty{color:var(--mut);text-align:center;padding:40px 0;font-size:15px}
.av-ci{display:flex;gap:15px;margin-bottom:20px;position:relative;padding-bottom:15px;border-bottom:1px solid #f9f9f9}
.av-ci-img{width:70px;height:70px;object-fit:contain;background:#f8f6f2;border-radius:8px;flex-shrink:0}
.av-ci-in{flex:1;min-width:0}
.av-ci-t{font-size:14px;font-weight:600;margin-bottom:4px;padding-right:20px;line-height:1.3}
.av-ci-sku{font-size:11px;color:#999;margin-bottom:10px}
.av-ci-row{display:flex;justify-content:space-between;align-items:center}
.av-ci-q{display:flex;align-items:center;gap:10px;background:#f5f5f5;border-radius:100px;padding:4px 11px}
.av-ci-q button{background:none;border:none;font-size:16px;cursor:pointer;width:18px;line-height:1}
.av-ci-q span{font-size:13px;font-weight:600;min-width:14px;text-align:center}
.av-ci-pr{font-size:15px;font-weight:700}
.av-ci-rm{position:absolute;top:0;right:0;background:none;border:none;font-size:19px;color:#ddd;cursor:pointer;line-height:1}
.av-ci-rm:hover{color:var(--ac)}
.av-cp-foot{padding:25px;border-top:1px solid #f0f0f0;background:#fff}
.av-cp-tot{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:20px}
.av-cp-co{width:100%;height:52px;border:none;border-radius:8px;background:linear-gradient(.5turn,var(--ac2),var(--ac));color:#fff;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit}

/* Checkout overlay */
.av-ov{position:fixed;inset:0;background:rgba(200,200,200,0.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:10000020;display:none;overflow-y:auto;font-family:inherit}
.av-ov.open{display:block}
.av-modal-head{padding:16px 24px;border-bottom:1px solid #eee;position:sticky;top:0;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);z-index:10;display:flex;justify-content:space-between;align-items:center}
.av-modal-back{background:none;border:none;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;font-weight:600;color:#1a1a1a}
.av-modal{max-width:900px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 360px;gap:60px}
.av-modal h3{font-size:26px;font-weight:700;margin-bottom:24px}
.av-f{margin-bottom:20px}.av-f label{display:block;font-size:13px;font-weight:600;color:#666;margin-bottom:8px}
.av-f input,.av-f textarea{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:15px;box-sizing:border-box;background:#fafafa}
.av-f textarea{resize:vertical;min-height:70px}
.av-sub{width:100%;height:56px;border:none;border-radius:8px;background:linear-gradient(.5turn,var(--ac2),var(--ac));color:#fff;font-size:17px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:8px}
.av-order-sum{background:#f8f6f2;padding:28px;border-radius:14px;height:fit-content;position:sticky;top:80px}
.av-order-sum h4{font-size:16px;font-weight:700;margin:0 0 16px}
.av-os-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ede9e0}.av-os-item:last-child{border-bottom:none}
.av-os-img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}
.av-os-info{flex:1;min-width:0}.av-os-t{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-os-q{font-size:12px;color:#999}
.av-os-pr{font-size:14px;font-weight:700;flex-shrink:0}
.av-os-tot{display:flex;justify-content:space-between;font-size:17px;font-weight:700;margin-top:14px;padding-top:14px;border-top:2px solid #ddd}
@media(max-width:700px){.av-modal{grid-template-columns:1fr;padding:24px 16px;gap:20px}.av-order-sum{position:static;order:-1}.av-modal h3{font-size:22px}}

@media(max-width:980px){
  .aw-sh-desk{display:none!important}
  .aw-sh-mob{display:block!important;left:calc(50% - 320px);width:640px;height:390px;border-radius:7px;background:url('/images/hero-mobile.webp') no-repeat 70% 35%/cover}
}
@media(max-width:639px){.aw-sh-mob{left:calc(50% - 240px);width:480px;height:340px}}
@media(max-width:479px){.aw-sh-mob{left:calc(50% - 160px);width:320px;height:310px}}