:root{--shop-gold:#d8b56a;--shop-light:#f0d58a;--shop-rust:#a95834;--shop-bg:#050505;--shop-line:rgba(216,181,106,.22)}
.shop-page{background:#050505}.demo-ribbon{position:relative;z-index:110;padding:8px 20px;color:#b7ac96;background:#17130b;font-size:.63rem;letter-spacing:.13em;text-align:center;text-transform:uppercase}.shop-page .site-header{top:48px}.shop-page .site-header.is-scrolled{top:40px}.shop-page .desktop-nav a[aria-current=page]{color:#fff}.shop-page .desktop-nav a[aria-current=page]::after{transform:scaleX(1)}
.shop-hero{position:relative;display:flex;align-items:center;min-height:94svh;padding:190px max(28px,6vw) 100px;overflow:hidden;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.88) 43%,rgba(5,5,5,.12) 72%,rgba(5,5,5,.3)),url('/assets/images/demos/suplementos-hero.webp') center/cover}.shop-hero__copy{position:relative;z-index:1;max-width:760px}.shop-hero h1{font-size:clamp(3.2rem,6.5vw,6.8rem)}.shop-hero h1 em{color:var(--shop-light)}.shop-hero__lead{max-width:625px;color:#bab5ac;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8}.shop-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.shop-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:46px}.shop-stats div{padding-left:14px;border-left:1px solid var(--shop-gold)}.shop-stats strong{display:block;font-size:1rem}.shop-stats small{color:#777169;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}
.shop-section{max-width:1280px;margin:auto;padding:110px 28px}.shop-kicker{display:flex;gap:12px;margin-bottom:25px;color:var(--shop-gold);font-size:.65rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.shop-kicker::before{width:28px;height:1px;margin-top:.48em;content:"";background:currentColor}.shop-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);gap:60px;align-items:end;margin-bottom:50px}.shop-heading h2{margin:0;font-size:clamp(2.3rem,4.7vw,5rem);line-height:1.04}.shop-heading p{margin:0;color:#969188;line-height:1.75}
.goal-finder{display:grid;grid-template-columns:.65fr 1.35fr;gap:18px;padding:18px;border:1px solid var(--shop-line);border-radius:20px;background:linear-gradient(135deg,rgba(216,181,106,.055),rgba(255,255,255,.012))}.goal-finder__copy{padding:28px}.goal-finder__copy h3{font-size:clamp(1.7rem,3vw,2.8rem)}.goal-finder__copy p{color:#8d887f;line-height:1.7}.goal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.goal-option{display:flex;align-items:center;justify-content:space-between;min-height:94px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#d7d1c7;background:#090909;cursor:pointer;text-align:left;transition:.25s}.goal-option:hover,.goal-option[aria-pressed=true]{border-color:var(--shop-gold);background:rgba(216,181,106,.08);transform:translateY(-2px)}.goal-option span{color:var(--shop-gold);font-size:1.25rem}.finder-result{grid-column:1/-1;padding:15px;border-left:1px solid var(--shop-gold);color:#b2aca1;background:rgba(216,181,106,.035);font-size:.75rem;line-height:1.6}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter-button{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#a8a198;background:#080808;cursor:pointer;font-size:.66rem;letter-spacing:.06em}.filter-button[aria-pressed=true]{border-color:var(--shop-gold);color:#080604;background:var(--shop-gold)}.product-count{color:#777169;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#080808;transition:.3s}.product-card:hover{border-color:rgba(216,181,106,.38);transform:translateY(-4px)}.product-card__image{position:relative;aspect-ratio:1/.9;background-image:url('/assets/images/demos/suplementos-productos.webp');background-size:300% 200%}.product-card[data-image="0"] .product-card__image{background-position:0 0}.product-card[data-image="1"] .product-card__image{background-position:50% 0}.product-card[data-image="2"] .product-card__image{background-position:100% 0}.product-card[data-image="3"] .product-card__image{background-position:0 100%}.product-card[data-image="4"] .product-card__image{background-position:50% 100%}.product-card[data-image="5"] .product-card__image{background-position:100% 100%}.product-card__badge{position:absolute;top:14px;left:14px;padding:7px 9px;border:1px solid rgba(216,181,106,.35);border-radius:999px;color:var(--shop-light);background:rgba(5,5,5,.78);font-size:.54rem;letter-spacing:.08em;text-transform:uppercase}.product-card__body{padding:22px}.product-card__category{color:var(--shop-gold);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase}.product-card h3{margin:10px 0 9px;font-size:1.15rem}.product-card p{min-height:48px;color:#858078;font-size:.75rem;line-height:1.6}.product-card__meta{display:flex;justify-content:space-between;margin:18px 0;color:#9d978e;font-size:.63rem}.product-card__price{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}.product-card__price strong{font-size:1.1rem}.add-button{padding:10px 13px;border:0;border-radius:7px;color:#080604;background:var(--shop-gold);cursor:pointer;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.add-button:hover{background:var(--shop-light)}
.shop-disclosure{margin-top:30px;padding:20px;border-left:1px solid var(--shop-gold);color:#817c74;background:rgba(216,181,106,.035);font-size:.69rem;line-height:1.7}.commerce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.commerce-grid article{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}.commerce-grid span{color:var(--shop-gold);font-size:.62rem;letter-spacing:.13em}.commerce-grid h3{margin-top:45px}.commerce-grid p{color:#837e76;font-size:.78rem;line-height:1.65}
.cart-button{position:relative;border:0;cursor:pointer}.cart-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:#080604;background:var(--shop-light);font-size:.63rem;font-weight:800}.cart-drawer{position:fixed;z-index:600;top:0;right:0;width:min(100%,440px);height:100%;padding:28px;border-left:1px solid var(--shop-line);background:#080808;box-shadow:-30px 0 90px rgba(0,0,0,.6);transform:translateX(105%);transition:transform .4s cubic-bezier(.22,1,.36,1)}.cart-drawer.is-open{transform:none}.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.cart-drawer__head h2{margin:0;font-size:1.55rem}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#0c0c0c;cursor:pointer}.cart-items{display:grid;gap:10px;max-height:calc(100vh - 310px);padding:20px 0;overflow:auto}.cart-empty{padding:45px 10px;color:#777169;text-align:center}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0b0b0b}.cart-item strong{font-size:.8rem}.cart-item small{color:#8b857c}.cart-item__actions{display:flex;align-items:center;gap:8px;grid-column:1/-1}.cart-item__actions button{width:28px;height:28px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#121212;cursor:pointer}.cart-item__remove{margin-left:auto!important;width:auto!important;padding:0 7px;color:#b88068}.cart-total{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);font-size:1.05rem}.cart-drawer .button{width:100%;border:0;cursor:pointer}.cart-note{color:#716c64;font-size:.62rem;line-height:1.5;text-align:center}.cart-backdrop{position:fixed;z-index:590;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.cart-backdrop[hidden]{display:none}
.checkout-modal{position:fixed;z-index:700;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}.checkout-modal[hidden]{display:none}.checkout-card{position:relative;width:min(100%,590px);padding:36px;border:1px solid var(--shop-line);border-radius:20px;background:#090909}.checkout-card h2{font-size:2rem}.checkout-card>p{color:#8d887f;line-height:1.7}.checkout-card .icon-button{position:absolute;top:20px;right:20px}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-form label{display:grid;gap:7px;color:#a8a198;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.checkout-form label:last-of-type{grid-column:1/-1}.checkout-form input{min-height:49px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:7px;color:#fff;background:#0d0d0d;font:inherit}.checkout-form .button{grid-column:1/-1;border:0;cursor:pointer}.checkout-result{padding:20px;border:1px solid var(--shop-line);border-radius:12px;color:#c9c1b5;background:rgba(216,181,106,.04);line-height:1.7}.checkout-result[hidden]{display:none}
.shop-end{margin:30px auto 110px;padding:80px max(28px,7vw);border:1px solid var(--shop-line);border-radius:24px;background:radial-gradient(circle at 85%,rgba(216,181,106,.12),transparent 34%),#080808}.shop-end h2{max-width:820px;font-size:clamp(2.4rem,5vw,5rem)}.shop-end p{max-width:650px;color:#969188;line-height:1.8}
@media(max-width:980px){.shop-page .desktop-cta{display:none}.shop-heading,.goal-finder{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.shop-page .site-header{top:45px}}
@media(max-width:700px){.demo-ribbon{font-size:.52rem}.shop-page .site-header{top:43px}.shop-page .site-header.is-scrolled{top:37px}.shop-hero{min-height:92svh;padding:165px 20px 70px;background:linear-gradient(180deg,rgba(5,5,5,.83),rgba(5,5,5,.9)),url('/assets/images/demos/suplementos-hero.webp') 68% center/cover}.shop-hero h1{font-size:clamp(2.8rem,14vw,4rem)}.shop-hero__actions{flex-direction:column}.shop-section{padding:80px 20px}.shop-heading{gap:20px}.goal-options,.product-grid,.commerce-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start;flex-direction:column}.checkout-form{grid-template-columns:1fr}.checkout-form label:last-of-type,.checkout-form .button{grid-column:auto}.shop-end{margin:20px 20px 80px;padding:58px 24px}}