.shipping-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px;position:sticky;top:0;z-index:60;background:#111;border-bottom:1px solid #333;color:white}
.shipping-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#292929;color:white;transform:rotate(-6deg)}
.shipping-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linejoin:round}
.shipping-copy{font:700 12px/1.5 Unbounded,Arial,sans-serif;letter-spacing:-.03em}
.shipping-copy small{display:block;font:12px/1.5 Arial,sans-serif;color:#d1d1d1;margin-top:3px}
.shipping-banner button{border:1px solid #555;background:#262626;border-radius:50px;padding:12px 17px;font:bold 12px/1.4 Arial,sans-serif;color:white;box-shadow:0 3px 0 #050505;cursor:pointer}
.shipping-banner button span{margin-left:12px}
body{padding-bottom:95px}
.social-dock{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 18px;border:1px solid #333;border-radius:60px;background:#111f;backdrop-filter:blur(14px);box-shadow:0 6px 28px #0004}
.social-dock>span{font:700 10px/1.2 Unbounded,Arial,sans-serif;margin-right:8px;color:white}
.social-dock button{border:1px solid transparent;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#242424;color:white;cursor:pointer;transition:transform .2s,background .2s}
.social-dock button:hover{transform:translateY(-4px);filter:brightness(1.15)}
.social-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.extras-dialog{border:1px solid #efd0db;border-radius:24px;padding:32px;max-width:420px;width:calc(100% - 32px);box-shadow:0 20px 80px #30132333}
.extras-dialog::backdrop{background:#20151a88;backdrop-filter:blur(4px)}
.extras-dialog h2{font:700 23px/1.3 Unbounded,Arial,sans-serif;letter-spacing:-.05em;margin:18px 0}
.extras-dialog p{font:15px/1.6 Arial,sans-serif;color:#67545e}
.extras-label{font:700 10px Arial,sans-serif;letter-spacing:.14em;color:#a32d49}
.extras-return{background:#b63350;border:0;border-radius:40px;padding:12px 22px;color:white;cursor:pointer}
dialog[open]{z-index:100}
@media(max-width:640px){.shipping-banner{gap:10px;padding:12px 16px}.shipping-icon{flex-shrink:0;width:34px;height:34px}.shipping-copy{display:none}.shipping-banner button{font-size:12px;padding:10px 14px}.social-dock{gap:7px;padding:7px 9px 7px 16px}.social-dock button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.social-dock button{transition:none}}

.social-dock button[data-social="Facebook"]{background:#1877f2;color:white}
.social-dock button[data-social="Instagram"]{background:radial-gradient(circle at 30% 100%,#feda75 0%,#fa7e1e 24%,#d62976 52%,#962fbf 78%,#4f5bd5 100%);color:white}
.social-dock button[data-social="TikTok"]{background:#101010;color:white;border-color:#3d3d3d}
.social-dock button[data-social="TikTok"] svg{filter:drop-shadow(-1.2px -1px 0 #25f4ee) drop-shadow(1.2px 1px 0 #fe2c55)}
html{scroll-padding-top:90px}

.shipping-banner{background:linear-gradient(110deg,#fff4f7,#f8dfe8);color:#35272e;border-bottom:1px solid #edc7d4}
.shipping-icon{background:#fff;color:#ad3655;box-shadow:0 2px 8px #b9456410}
.shipping-copy small{color:#725761}
.shipping-banner button{background:white;color:#9f2e4b;border-color:#e4b7c6;box-shadow:0 3px 0 #edc8d5}
.shipping-banner button:hover{background:#fff8fb}

.social-dock{gap:14px;padding:10px 14px 10px 20px;max-width:calc(100vw - 24px)}
.social-dock button{width:48px;height:48px;flex:0 0 48px}
.social-dock>span{margin-right:4px}
@media(max-width:640px){.social-dock{gap:14px;padding:10px 13px 10px 18px}.social-dock button{width:46px;height:46px;flex-basis:46px}}
@media(max-width:350px){.social-dock>span{display:none}}