:root{ --glb-bg:#131e29; --glb-title:#ffd21f; --glb-pink:#ff4fa0; --glb-btn:#ffd21f; --glb-btn-text:#0e1720; }
.tabular-nums{ font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }

/* Offer */
.glb-offer{ background:var(--glb-bg); color:#fff; padding:64px 16px; text-align:center }
.glb-offer-title{ color:var(--glb-title); font-size:44px; line-height:1.15; font-weight:900; margin:0 0 12px }
.glb-offer-subtitle{ font-size:22px; margin:0 0 24px; opacity:.96 }
.glb-offer-subtitle .glb-pink{ color:var(--glb-pink) }
.glb-countdown{ display:flex; gap:32px; justify-content:center; align-items:flex-end; margin:12px 0 28px }
.glb-countdown .col{ text-align:center }
.glb-countdown .num{ font-weight:900; font-size:56px; line-height:1; letter-spacing:2px }
.glb-countdown .lbl{ margin-top:8px; font-size:16px; opacity:.85 }
@media (max-width:768px){ .glb-offer-title{font-size:32px} .glb-countdown{gap:16px} .glb-countdown .num{font-size:36px} .glb-countdown .lbl{font-size:13px} }
.glb-offer-btn{ display:inline-block; background:var(--glb-btn); color:var(--glb-btn-text); font-weight:800; padding:16px 28px; border-radius:9999px; text-decoration:none; box-shadow:0 6px 0 rgba(0,0,0,.15) }
.glb-offer-btn:hover{ transform:translateY(-1px); box-shadow:0 8px 0 rgba(0,0,0,.18) }

/* Colors & Sizes */
.glb-cs{ padding:32px 16px; background:#f7f7f9 }
.glb-cs .swatches, .glb-cs .sizes{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center }
.glb-cs .swatch{ width:36px; height:36px; border-radius:9999px; border:2px solid #ddd; cursor:pointer }
.glb-cs .swatch.active{ border-color:#111; transform:scale(1.05) }
.glb-cs .size{ min-width:44px; height:40px; border:2px solid #ddd; border-radius:8px; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0 10px }
.glb-cs .size.disabled{ opacity:.4; cursor:not-allowed }

/* Order Form */
.glb-form{ background:#fff; padding:24px; border-radius:16px; max-width:720px; margin:24px auto; box-shadow:0 10px 30px rgba(0,0,0,.05) }
.glb-form .row{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
@media (max-width:640px){ .glb-form .row{ grid-template-columns:1fr } }
.glb-form input, .glb-form select{ width:100%; border:1px solid #ddd; border-radius:8px; padding:12px }
.glb-form button{ width:100%; background:#e3007d; color:#fff; border:none; padding:14px; font-weight:800; border-radius:9999px; cursor:pointer }
.glb-form .note{ font-size:12px; color:#666; margin-top:6px }

/* Testimonials / Shipping / Footer minimal */
.glb-testi, .glb-ship, .glb-footer{ padding:32px 16px; text-align:center }

@media (max-width:640px){ .glb-hide-mobile{ display:none !important; } }


/* Colors & Sizes (glb-cs) */
.glb-cs{padding:3rem 1rem;background:#f6f7f8}
.glb-cs__wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
@media(min-width:900px){.glb-cs__wrap{grid-template-columns:1fr 1fr}}
.glb-cs__title{font-weight:900;font-size:2.5rem;line-height:1.1;margin:0 0 1rem;color:#0f172a}
.glb-cs__label{font-weight:700;color:#374151;margin:.5rem 0 1rem}
.glb-cs__color-name{margin:.5rem 0 1.25rem;font-weight:600;color:#111827}
.glb-cs__swatches{display:flex;flex-wrap:wrap;gap:.75rem}
.glb-cs__swatch{width:42px;height:42px;border-radius:999px;border:2px solid #e5e7eb;background:var(--swatch,#ccc);cursor:pointer;transition:transform .2s,border-color .2s}
.glb-cs__swatch.is-active{border-color:#be185d;transform:scale(1.08)}
.glb-cs__sizes-row{display:flex;flex-wrap:wrap;gap:.75rem}
.glb-cs__size{min-width:56px;height:48px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;font-weight:700;cursor:pointer}
.glb-cs__size.is-active{background:#be185d;border-color:#be185d;color:#fff}
.glb-cs__size:disabled{opacity:.5;cursor:not-allowed}
.glb-cs__size.is-hidden{display:none}
.glb-cs__cta{display:inline-block;margin-top:1.25rem;background:#e3007d;color:#fff;font-weight:800;padding:14px 26px;border-radius:999px;text-decoration:none}
.glb-cs__cta:hover{filter:brightness(1.05)}
.glb-cs__media-inner{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.glb-cs__img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#eee}
.glb-cs__nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:0;background:rgba(255,255,255,.85);box-shadow:0 2px 6px rgba(0,0,0,.15);font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.glb-cs__nav--prev{left:10px}.glb-cs__nav--next{right:10px}