*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#070708;--panel:#111115;--panel2:#17171c;--text:#fff;--muted:#9898a1;--line:rgba(255,255,255,.09);--accent:#b6ff00}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer;border:0}
.container{width:min(1180px,92%);margin:auto}
.logo{font-weight:900;font-size:23px;letter-spacing:-1.5px}.logo span{color:var(--accent)}.logo.big{font-size:32px}
.header{position:sticky;top:0;z-index:50;background:rgba(7,7,8,.86);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav nav{display:flex;gap:28px}.nav nav a{font-size:13px;color:#aaa}.nav nav a:hover{color:var(--accent)}
.cart-button{position:relative;width:44px;height:44px;border-radius:12px;background:#17171c;display:grid;place-items:center}.cart-button b{position:absolute;right:-5px;top:-5px;background:var(--accent);color:#000;border-radius:50%;min-width:19px;height:19px;text-align:center;font-size:11px;padding-top:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:800;transition:.2s}.btn.primary{background:var(--accent);color:#050505}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(182,255,0,.16)}.btn.secondary{background:#19191e;border:1px solid var(--line);color:#fff}.btn.secondary:hover{background:#fff;color:#000}.full{width:100%;margin-top:10px}
.hero{min-height:640px;background:radial-gradient(circle at 75% 50%,rgba(182,255,0,.11),transparent 28%)}.hero-grid{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.eyebrow{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:2px;display:inline-block;margin-bottom:14px}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.95;letter-spacing:-5px}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);line-height:1.7;max-width:530px;margin:25px 0}
.hero-art{height:430px;display:grid;place-items:center;position:relative}.hero-ring{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(182,255,0,.2),transparent 65%)}.hero-device{width:180px;height:315px;border-radius:28px;background:linear-gradient(145deg,#202026,#070708);border:1px solid #393940;box-shadow:0 30px 80px #000;display:grid;place-items:center;align-content:center;transform:rotate(8deg);z-index:1}.hero-device strong{font-size:25px}.hero-device span{color:var(--accent);font-weight:900}
.features{border-block:1px solid var(--line);background:#0b0b0d}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature-grid div{padding:28px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.feature-grid div:last-child{border:0}.feature-grid span{font-size:12px;color:var(--muted)}
.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section h2{font-size:clamp(34px,5vw,52px);letter-spacing:-2px}.search{display:flex;gap:9px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:0 14px;border-radius:12px;width:280px}.search input{width:100%;padding:13px 0;background:none;border:0;outline:0;color:#fff}.search input::placeholder{color:#666}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filter{padding:10px 16px;background:var(--panel);color:#aaa;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:12px}.filter.active,.filter:hover{background:var(--accent);color:#000;border-color:var(--accent)}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:rgba(182,255,0,.3)}.product-image{height:245px;background:radial-gradient(circle,rgba(182,255,0,.1),transparent 60%),#0b0b0e;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:16px}.product-image .emoji{font-size:70px}.product-info{padding:18px}.product-category{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.product-name{font-size:16px;margin:7px 0}.product-description{font-size:12px;color:var(--muted);line-height:1.5;min-height:36px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.prices{display:flex;flex-direction:column}.pyg{font-size:17px;font-weight:900}.ars{font-size:10px;color:#85858d;margin-top:3px}.actions{display:flex;gap:6px}.icon-btn{width:38px;height:38px;border-radius:9px;background:#202026;color:#fff}.icon-btn.add{background:var(--accent);color:#000;font-weight:900}
.empty{display:none;padding:60px;text-align:center;color:var(--muted)}
.about{background:#0b0b0d}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-art{height:420px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle,rgba(182,255,0,.12),transparent 50%),#111115;display:grid;place-items:center}.about-grid p{color:var(--muted);line-height:1.8;margin-top:20px}
.contact-box{padding:50px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at right,rgba(182,255,0,.08),transparent 40%),#111115;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-box p{color:var(--muted);margin-top:10px}
.footer{border-top:1px solid var(--line);background:#050506}.footer-row{padding:45px 0;display:flex;justify-content:space-between}.footer small{display:block;color:#666;margin-top:7px}.footer-links{display:flex;gap:25px;color:#888;font-size:12px}.footer-bottom{text-align:center;border-top:1px solid var(--line);padding:18px;color:#555;font-size:10px}
.age-gate{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.96);backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px}.age-gate.hidden{display:none}.age-box{max-width:500px;background:#111115;border:1px solid var(--line);border-radius:24px;padding:42px;text-align:center}.age-box h2{margin:25px 0 12px}.age-box p{color:var(--muted);line-height:1.7;margin-bottom:25px}.age-actions{display:flex;gap:10px}.age-actions .btn{flex:1}
.product-page{padding:65px 0 100px}.back{color:#aaa;font-size:13px}.back:hover{color:var(--accent)}.detail{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden}.detail-image{min-height:570px;background:radial-gradient(circle,rgba(182,255,0,.12),transparent 60%),#0b0b0e;display:grid;place-items:center}.detail-image img{width:100%;height:100%;max-height:570px;object-fit:contain;padding:30px}.detail-image .emoji{font-size:120px}.detail-info{padding:55px 40px;display:flex;flex-direction:column;justify-content:center}.detail-info h1{font-size:42px;letter-spacing:-2px;margin-bottom:16px}.detail-info p{color:var(--muted);line-height:1.8}.detail-price{font-size:30px;font-weight:900;color:var(--accent);margin:25px 0 5px}.detail-ars{color:#888;font-size:13px;margin-bottom:25px}.qty{display:flex;align-items:center;gap:15px;margin-bottom:15px}.qty button{width:38px;height:38px;border-radius:9px;background:#202026;color:#fff}.qty span{min-width:25px;text-align:center;font-weight:800}
.cart-page h1{font-size:52px;letter-spacing:-3px;margin-bottom:35px}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:22px}.cart-list,.summary{background:var(--panel);border:1px solid var(--line);border-radius:20px}.cart-list{padding:10px 22px}.cart-item{display:grid;grid-template-columns:75px 1fr auto;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item:last-child{border:0}.cart-thumb{width:75px;height:75px;background:#0b0b0e;border-radius:12px;display:grid;place-items:center;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:contain}.cart-thumb .emoji{font-size:35px}.cart-item h3{font-size:14px}.cart-item p{font-size:12px;color:#888;margin-top:5px}.qty.small{margin:8px 0 0}.qty.small button{width:27px;height:27px}.remove{background:none;color:#ff7777;font-size:20px}.summary{padding:25px;height:max-content}.summary h2{margin-bottom:22px}.summary-row{display:flex;justify-content:space-between;margin:12px 0;font-size:13px}.summary hr{border:0;border-top:1px solid var(--line);margin:20px 0}.notice{font-size:10px;color:#777;line-height:1.6;margin-bottom:12px}.cart-empty-page{text-align:center;padding:80px 20px;color:#888}.cart-empty-page strong{display:block;color:#fff;font-size:20px;margin-bottom:8px}
@media(max-width:950px){.products-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.about-grid,.detail{grid-template-columns:1fr}.detail-image{min-height:350px}.cart-layout{grid-template-columns:1fr}}
@media(max-width:700px){.nav nav{display:none}.products-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.feature-grid div{border-right:0;border-bottom:1px solid var(--line)}.section-head{flex-direction:column;align-items:flex-start}.search{width:100%}.contact-box,.footer-row{flex-direction:column;align-items:flex-start}.cart-page h1{font-size:40px}.detail-info{padding:35px 25px}.detail-info h1{font-size:32px}}
@media(max-width:450px){.products-grid{grid-template-columns:1fr}.age-actions{flex-direction:column}.hero h1{letter-spacing:-3px}}


.logo img {
    width: 100px;
    height: auto;
    display: block;
}

.about-art {
    width: 100%;
    height: 100%;
    border-radius: 28px;
    overflow: hidden;
    background: #000;
}

.about-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-device {
    position: relative;
    overflow: hidden;
}

.hero-device img {
    width: 105%;
    height: auto;
    object-fit: contain;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flavor-selector {
  margin: 22px 0 18px;
}

.flavor-selector label {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.flavor-selector select {
  width: 100%;
  padding: 14px 16px;
  background: #1b1c22;
  color: #fff;
  border: 1px solid #303139;
  border-radius: 10px;
  font-size: 15px;
  outline: none;
  cursor: pointer;
  transition: 0.2s;
}

.flavor-selector select:hover,
.flavor-selector select:focus {
  border-color: #9cff00;
  box-shadow: 0 0 0 2px rgba(156, 255, 0, 0.12);
}

.flavor-selector select option {
  background: #1b1c22;
  color: #fff;
}

/* =========================================
   POD.ZONE - PRODUCT SECTION
========================================= */

.products-section {
    position: relative;
    overflow: hidden;
    padding: 70px 20px 90px;

    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(166, 255, 0, 0.12),
            transparent 28%
        ),
        radial-gradient(
            circle at 10% 80%,
            rgba(166, 255, 0, 0.07),
            transparent 25%
        ),
        #050505;

    isolation: isolate;
}


/* Fondo decorativo */

.products-section::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        repeating-linear-gradient(
            125deg,
            transparent 0px,
            transparent 110px,
            rgba(170,255,0,.035) 111px,
            transparent 113px
        );

    pointer-events: none;
    z-index: -2;
}


/* Brillo verde central */

.products-section::after {
    content: "";
    position: absolute;

    width: 650px;
    height: 650px;

    left: 50%;
    top: 25%;

    transform: translate(-50%, -50%);

    background: rgba(166,255,0,.07);

    filter: blur(130px);
    border-radius: 50%;

    pointer-events: none;
    z-index: -1;
}


/* =========================================
   HEADER
========================================= */

.products-header {
    position: relative;
    text-align: center;
    margin-bottom: 45px;
    z-index: 2;
}


.products-logo {
    width: 190px;
    margin: 0 auto 25px;
}


.products-logo img {
    width: 100%;
    height: auto;
    display: block;

    filter:
        drop-shadow(0 0 10px rgba(170,255,0,.25))
        drop-shadow(0 0 25px rgba(170,255,0,.10));
}


.products-kicker {
    display: inline-block;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;

    color: #aaff00;

    margin-bottom: 8px;
}


.products-header h2 {
    margin: 0;

    font-size: clamp(32px, 5vw, 58px);
    font-weight: 900;
    letter-spacing: -2px;

    color: white;

    text-shadow:
        0 0 20px rgba(255,255,255,.08);
}


.products-header p {
    margin-top: 8px;

    color: #777;
    font-size: 14px;
}


/* =========================================
   GRID
========================================= */

.products-grid {
    position: relative;

    max-width: 1450px;
    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;

    z-index: 2;
}


/* =========================================
   PRODUCT CARD
========================================= */

.product-card {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(25,25,27,.96),
            rgba(10,10,12,.98)
        );

    border: 1px solid rgba(255,255,255,.10);

    border-radius: 16px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

    box-shadow:
        0 15px 40px rgba(0,0,0,.35);
}


/* Línea verde superior */

.product-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 12%;
    right: 12%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #aaff00,
            transparent
        );

    opacity: .45;
}


/* Hover */

.product-card:hover {
    transform: translateY(-6px);

    border-color: rgba(170,255,0,.55);

    box-shadow:
        0 20px 55px rgba(0,0,0,.55),
        0 0 25px rgba(170,255,0,.08);
}


/* =========================================
   IMAGE
========================================= */

.product-image {
    position: relative;

    height: 225px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px;

    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,.06),
            transparent 60%
        );

    border-bottom: 1px solid rgba(255,255,255,.05);

    overflow: hidden;
}


.product-image::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    background: rgba(170,255,0,.08);

    filter: blur(55px);

    border-radius: 50%;

    pointer-events: none;
}


.product-image img {
    position: relative;

    max-width: 100%;
    max-height: 100%;

    object-fit: contain;

    z-index: 1;

    transition: transform .3s ease;
}


.product-card:hover .product-image img {
    transform: scale(1.04);
}


/* =========================================
   PRODUCT INFO
========================================= */

.product-info {
    padding: 17px 15px 15px;
}


.product-category {
    display: block;

    color: #aaff00;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1.5px;

    margin-bottom: 7px;
}


.product-info h3 {
    margin: 0;

    min-height: 42px;

    color: #f4f4f4;

    font-size: 13px;
    line-height: 1.25;

    font-weight: 850;
}


.product-info p {
    margin: 8px 0 18px;

    color: #777;

    font-size: 11px;
}


/* =========================================
   PRICE
========================================= */

.product-bottom {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 10px;
}


.product-bottom strong {
    display: block;

    color: #fff;

    font-size: 17px;
    font-weight: 900;
}


.product-bottom small {
    display: block;

    margin-top: 3px;

    color: #555;

    font-size: 9px;
}


/* =========================================
   BUTTONS
========================================= */

.product-actions {
    display: flex;

    align-items: center;

    gap: 7px;
}


.view-btn,
.add-btn {
    border: 0;

    cursor: pointer;

    display: flex;

    align-items: center;
    justify-content: center;

    transition: .2s ease;
}


.view-btn {
    width: 31px;
    height: 31px;

    border-radius: 8px;

    background: #202024;

    color: white;

    font-size: 13px;
}


.view-btn:hover {
    background: #29292e;
}


.add-btn {
    width: 31px;
    height: 31px;

    border-radius: 8px;

    background: #aaff00;

    color: #080808;

    font-size: 20px;
    font-weight: 900;

    box-shadow:
        0 0 15px rgba(170,255,0,.18);
}


.add-btn:hover {
    transform: scale(1.08);

    box-shadow:
        0 0 25px rgba(170,255,0,.35);
}


/* =========================================
   DECORACIÓN TIPO HUMO
========================================= */

.products-bg {
    position: absolute;

    width: 350px;
    height: 350px;

    left: -100px;
    bottom: -100px;

    border-radius: 50%;

    background: rgba(170,255,0,.08);

    filter: blur(100px);

    pointer-events: none;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1050px) {

    .products-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/* =========================================
   CELULAR
========================================= */

@media (max-width: 750px) {

    .products-section {
        padding: 50px 12px 70px;
    }

    .products-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    .product-image {
        height: 180px;
    }

    .product-info {
        padding: 13px 11px;
    }

    .product-info h3 {
        font-size: 11px;
    }

    .product-bottom strong {
        font-size: 14px;
    }

    .products-logo {
        width: 145px;
    }

}


/* =========================================
   CELULAR PEQUEÑO
========================================= */

@media (max-width: 430px) {

    .products-grid {
        gap: 8px;
    }

    .product-image {
        height: 150px;
    }

    .product-info h3 {
        font-size: 10px;
    }

    .product-info p {
        font-size: 9px;
    }

    .product-bottom strong {
        font-size: 12px;
    }

    .view-btn,
    .add-btn {
        width: 27px;
        height: 27px;
    }

}

/* =========================================
   POD.ZONE - FINAL PRODUCT GRID OVERRIDES
   ========================================= */

.products-section {
  min-height: 500px;
}

.products-grid {
  width: min(1450px, 100%);
}

.products-grid .product-card {
  min-width: 0;
}

.products-grid .product-card > a {
  display: block;
  color: inherit;
}

.products-grid .product-name {
  margin: 7px 0;
  min-height: 42px;
  color: #f4f4f4;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 850;
}

.products-grid .product-description {
  margin: 8px 0 18px;
}

.products-grid .prices {
  display: flex;
  flex-direction: column;
}

.products-grid .icon-btn {
  display: grid;
  place-items: center;
  text-decoration: none;
  transition: .2s ease;
}

.products-grid .icon-btn:hover {
  transform: translateY(-1px);
}

.products-grid .icon-btn.add:hover {
  transform: scale(1.08);
}

#emptyProducts {
  grid-column: 1 / -1;
}

/* Logo del catálogo: usa el mismo logo transparente del header */
.products-logo img {
  object-fit: contain;
}

/* En pantallas grandes, las tarjetas mantienen proporción uniforme */
@media (min-width: 1051px) {
  .products-grid .product-card {
    min-height: 390px;
  }
}

/* Mejor ajuste en móviles */
@media (max-width: 700px) {
  .products-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .products-header {
    margin-bottom: 30px;
  }

  .products-header h2 {
    font-size: 38px;
  }

  .products-grid .product-card {
    border-radius: 14px;
  }

  .products-grid .product-image {
    height: 180px;
  }
}

@media (max-width: 450px) {
  .products-grid .product-image {
    height: 155px;
  }

  .products-grid .product-info {
    padding: 13px 11px;
  }

  .products-grid .product-name {
    min-height: 38px;
  }
}

.payment-section {
  margin: 22px 0;
}

.payment-section h3 {
  margin-bottom: 12px;
}

.payment-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  margin-bottom: 10px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  cursor: pointer;
  transition: .2s ease;
}

.payment-option:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.25);
}

.payment-option input {
  accent-color: currentColor;
}

.payment-icon {
  font-size: 22px;
}

.payment-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.payment-info strong {
  font-size: 14px;
}

.payment-info small {
  opacity: .65;
  font-size: 12px;
}

.payment-option:has(input:checked) {
  border-color: rgba(170,255,0,.55);
  background: rgba(170,255,0,.06);
  box-shadow: inset 0 0 0 1px rgba(170,255,0,.08);
}

.payment-feedback {
  display: none;
  margin: 0 0 12px;
  padding: 11px 12px;
  border: 1px solid rgba(170,255,0,.2);
  border-radius: 10px;
  background: rgba(170,255,0,.06);
  color: #cfff78;
  font-size: 12px;
  line-height: 1.45;
}

.payment-feedback.visible {
  display: block;
}

.payment-feedback.error {
  border-color: rgba(255,119,119,.3);
  background: rgba(255,119,119,.07);
  color: #ffaaaa;
}

.btn:disabled {
  cursor: wait;
  opacity: .65;
  transform: none;
}

.payment-result-page {
  min-height: calc(100vh - 82px);
  display: grid;
  place-items: center;
  padding: 48px 20px;
  background:
    radial-gradient(circle at 50% 20%, rgba(170,255,0,.09), transparent 30%),
    #070708;
}

.payment-result {
  width: min(620px, 100%);
  padding: clamp(32px, 6vw, 64px);
  border: 1px solid var(--line);
  border-radius: 28px;
  background: var(--panel);
  text-align: center;
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
}

.payment-result-symbol {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: rgba(170,255,0,.12);
  color: var(--accent);
  font-size: 36px;
  font-weight: 900;
}

.payment-result.pending .payment-result-symbol {
  background: rgba(255,202,77,.12);
  color: #ffca4d;
}

.payment-result.error .payment-result-symbol {
  background: rgba(255,119,119,.12);
  color: #ff7777;
}

.payment-result h1 {
  margin: 12px 0 14px;
  font-size: clamp(36px, 7vw, 64px);
  letter-spacing: -3px;
}

.payment-result p {
  max-width: 470px;
  margin: 0 auto;
  color: var(--muted);
  line-height: 1.65;
}

.payment-result-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 28px 0 22px;
}

.payment-result small {
  color: #777;
  line-height: 1.5;
}

@media (max-width: 560px) {
  .payment-result-actions {
    flex-direction: column;
  }
}