/* =========================================================
   PREMIUM SUPERMARKET — CUSTOM.CSS OPTIMIZADO
   - Menos reglas globales agresivas
   - Mejor rendimiento móvil
   - Mantiene estética premium verde
   ========================================================= */

/* ===== FIX GLOBAL DEL HERO EN MÓVIL ===== */
@media (max-width: 768px) {
  .component.hero-premium {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    margin-inline: auto;
    overflow-x: clip;
  }

  .component.hero-premium .container {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-inline: 16px;
    margin-inline: auto;
  }

  .component.hero-premium > div,
  .component.hero-premium .hero-features-wrapper,
  .component.hero-premium .hero-features-mask {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }

  .component.hero-premium img,
  .component.hero-premium video,
  .component.hero-premium svg,
  .component.hero-premium iframe {
    max-width: 100%;
  }
}

/* Affiliate Studio v18 — visual layer only, SellAuth logic remains untouched */
body[data-template="customer-affiliate"] #customer-affiliate{--af-green:#48efa0;--af-ink:#effff6;--af-muted:rgba(235,255,244,.48);--af-line:rgba(255,255,255,.075);isolation:isolate;margin-top:4.5rem}
body[data-template="customer-affiliate"] #customer-affiliate:before{content:"";position:absolute;z-index:-1;top:-15rem;right:2%;width:42rem;height:42rem;border-radius:50%;background:rgba(0,255,133,.11);filter:blur(150px);pointer-events:none}
.ps-affiliate-studio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);gap:2.5rem;align-items:center;overflow:hidden;margin-bottom:1rem;padding:clamp(1.5rem,3vw,2.35rem);border:1px solid rgba(75,239,159,.14);border-radius:1.8rem;background:radial-gradient(circle at 88% 14%,rgba(0,255,133,.1),transparent 31%),linear-gradient(145deg,rgba(8,28,17,.97),rgba(3,12,8,.98));box-shadow:0 30px 80px rgba(0,0,0,.34)}
.ps-affiliate-studio-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,var(--af-green),transparent)}
.ps-affiliate-studio-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#76efb1;font-size:.67rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ps-affiliate-studio-eyebrow i{width:.45rem;height:.45rem;border-radius:50%;background:#4cef9f;box-shadow:0 0 18px rgba(76,239,159,.75);animation:psAffiliatePulse 2s ease-in-out infinite}
.ps-affiliate-studio-hero h1{max-width:15ch;margin:.75rem 0 .6rem;color:var(--af-ink);font-size:clamp(2.15rem,3.5vw,3.55rem);font-weight:950;letter-spacing:-.055em;line-height:.98}
.ps-affiliate-studio-hero p{max-width:44rem;color:var(--af-muted);font-size:.9rem;line-height:1.7}
.ps-affiliate-studio-orbit{position:relative;width:9rem;aspect-ratio:1;border:1px solid rgba(75,239,159,.2);border-radius:50%;box-shadow:0 0 0 1.5rem rgba(75,239,159,.025),0 0 0 3rem rgba(75,239,159,.014);animation:psAffiliateOrbit 11s linear infinite}
.ps-affiliate-studio-orbit:before,.ps-affiliate-studio-orbit:after{content:"";position:absolute;border-radius:50%;background:#53efa3;box-shadow:0 0 18px rgba(83,239,163,.8)}.ps-affiliate-studio-orbit:before{width:.65rem;height:.65rem;top:8%;left:22%}.ps-affiliate-studio-orbit:after{width:.45rem;height:.45rem;right:5%;bottom:28%}
.ps-affiliate-studio-orbit i{position:absolute;inset:50% auto auto 50%;display:grid;width:3.6rem;aspect-ratio:1;place-items:center;transform:translate(-50%,-50%) rotate(0);border:1px solid rgba(75,239,159,.22);border-radius:1.05rem;background:#07180f;color:#5cefa7;font-size:1.2rem}
.ps-affiliate-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.65rem;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;background:rgba(255,255,255,.018);box-shadow:0 20px 55px rgba(0,0,0,.24)}
.ps-affiliate-flow>span{display:grid;min-width:4.5rem;place-items:center;padding:.8rem .5rem;border:1px solid rgba(75,239,159,.12);border-radius:.9rem;background:rgba(49,226,137,.045);text-align:center;transition:transform .25s ease,border-color .25s ease}
.ps-affiliate-flow>span:hover{transform:translateY(-3px);border-color:rgba(75,239,159,.3)}
.ps-affiliate-flow>span>i{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.7rem;background:rgba(69,235,151,.1);color:#59eda4}
.ps-affiliate-flow small{margin-top:.55rem;color:rgba(235,255,244,.28);font-size:.48rem;font-weight:900;letter-spacing:.12em}
.ps-affiliate-flow strong{margin-top:.15rem;color:#edfff5;font-size:.68rem}
.ps-affiliate-flow>b{position:relative;height:1px;overflow:hidden;background:rgba(75,239,159,.13)}
.ps-affiliate-flow>b i{position:absolute;top:-1px;left:-35%;width:35%;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#52eca1,transparent);animation:psAffiliateProgress 3.2s ease-in-out infinite}
.ps-affiliate-flow>b:nth-of-type(2) i{animation-delay:1.25s}
body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]{min-width:0}
body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.grid{gap:.85rem!important}
body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.grid>div,body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.mt-4>div{position:relative;overflow:hidden;border:1px solid var(--af-line)!important;border-radius:1.35rem!important;background:linear-gradient(145deg,rgba(15,38,25,.72),rgba(5,17,11,.88))!important;box-shadow:0 18px 55px rgba(0,0,0,.24);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.grid>div:hover,body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.mt-4>div:hover{transform:translateY(-4px);border-color:rgba(71,238,156,.18)!important;box-shadow:0 26px 65px rgba(0,0,0,.31)}
body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.grid>div:nth-child(1):before,body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.grid>div:nth-child(2):before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,#4cef9f,transparent)}
body[data-template="customer-affiliate"] #customer-affiliate h3{color:var(--af-ink)!important;font-weight:850!important;letter-spacing:-.025em}
body[data-template="customer-affiliate"] #customer-affiliate p{color:var(--af-muted)}
body[data-template="customer-affiliate"] #customer-affiliate button[class*="bg-accent"],body[data-template="customer-affiliate"] #customer-affiliate a[class*="bg-accent"]{border:0!important;border-radius:.78rem!important;background:linear-gradient(135deg,#70f7b0,#20dc82)!important;color:#03120a!important;box-shadow:0 12px 28px rgba(35,224,132,.14);font-weight:850!important}
body[data-template="customer-affiliate"] #customer-affiliate input,body[data-template="customer-affiliate"] #customer-affiliate textarea{border:1px solid rgba(255,255,255,.08)!important;border-radius:.8rem!important;background:rgba(255,255,255,.025)!important}
body[data-template="customer-affiliate"] #customer-affiliate input:focus,body[data-template="customer-affiliate"] #customer-affiliate textarea:focus{border-color:rgba(72,239,160,.45)!important;box-shadow:0 0 0 3px rgba(72,239,160,.08)!important}
body[data-template="customer-affiliate"] #customer-affiliate table{overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,.055);border-radius:.9rem;background:rgba(0,0,0,.08)}
body[data-template="customer-affiliate"] #customer-affiliate thead{background:rgba(72,239,160,.045)!important}
body[data-template="customer-affiliate"] #customer-affiliate th{color:rgba(225,255,239,.48)!important;font-size:.62rem!important;letter-spacing:.11em}
body[data-template="customer-affiliate"] #customer-affiliate td{color:rgba(236,255,245,.68)!important;border-color:rgba(255,255,255,.045)!important}
body[data-template="customer-affiliate"] #customer-affiliate tbody tr{transition:background .2s ease}body[data-template="customer-affiliate"] #customer-affiliate tbody tr:hover{background:rgba(72,239,160,.035)}
[aria-labelledby="affiliate-edit-code-modal-title"]>div>div:last-child,[aria-labelledby="affiliate-payout-modal-title"]>div>div:last-child{border:1px solid rgba(78,239,161,.15)!important;border-radius:1.45rem!important;background:radial-gradient(circle at 90% 0,rgba(0,255,133,.12),transparent 30%),rgba(4,17,10,.96)!important;box-shadow:0 35px 100px rgba(0,0,0,.58)!important}
#affiliate-edit-code-modal-title,#affiliate-payout-modal-title{color:#effff6;font-weight:900;letter-spacing:-.035em}
[aria-labelledby="affiliate-edit-code-modal-title"] input,[aria-labelledby="affiliate-payout-modal-title"] input,[aria-labelledby="affiliate-payout-modal-title"] textarea{border:1px solid rgba(255,255,255,.09)!important;border-radius:.8rem!important;background:rgba(255,255,255,.03)!important}
[aria-labelledby="affiliate-edit-code-modal-title"] button[type="submit"],[aria-labelledby="affiliate-payout-modal-title"] button[type="submit"]{border:0!important;border-radius:.8rem!important;background:linear-gradient(135deg,#70f7b0,#20dc82)!important;color:#03120a!important;font-weight:900!important;box-shadow:0 14px 30px rgba(36,223,132,.15)}
@keyframes psAffiliateOrbit{to{transform:rotate(360deg)}}@keyframes psAffiliatePulse{50%{opacity:.38;transform:scale(.72)}}@keyframes psAffiliateProgress{0%{left:-35%;opacity:0}20%{opacity:1}75%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:1000px){.ps-affiliate-studio-hero{grid-template-columns:1fr}.ps-affiliate-flow{max-width:34rem}}
@media(max-width:720px){body[data-template="customer-affiliate"] #customer-affiliate{margin-top:2rem}.ps-affiliate-studio-hero{padding:1.25rem;border-radius:1.35rem}body[data-template="customer-affiliate"] #customer-affiliate table{min-width:38rem}body[data-template="customer-affiliate"] #customer-affiliate [class~="lg:w-3/4"]>.grid>div{padding:1.1rem!important}}
@media(max-width:520px){.ps-affiliate-flow{grid-template-columns:1fr}.ps-affiliate-flow>b{width:1px;height:1.1rem;justify-self:center}.ps-affiliate-flow>b i{display:none}.ps-affiliate-flow>span{width:100%}}
@media(prefers-reduced-motion:reduce){.ps-affiliate-studio-hero *{animation:none!important;transition:none!important}}

/* Security Center v19 — compact, relevant and fully English */
#seguridad{--sec-green:#4cefa1;--sec-text:#effff6;--sec-muted:rgba(235,255,244,.48)}
#seguridad .ps-security-page__hero{padding:clamp(1.4rem,3vw,2.35rem)!important;border:1px solid rgba(76,239,161,.14)!important;border-radius:1.75rem!important;background:radial-gradient(circle at 88% 14%,rgba(0,255,133,.1),transparent 31%),linear-gradient(145deg,rgba(8,28,17,.97),rgba(3,12,8,.98))!important;box-shadow:0 28px 75px rgba(0,0,0,.3)!important}
#seguridad .ps-security-page__hero h1{font-size:clamp(2.3rem,4vw,3.9rem)!important;letter-spacing:-.055em!important}
#seguridad .ps-security-page__score{overflow:hidden!important;border-color:rgba(76,239,161,.18)!important;background:rgba(51,229,140,.045)!important}
#seguridad .ps-security-page__score:after{content:"";position:absolute;width:6rem;aspect-ratio:1;right:-2rem;bottom:-2rem;border:1px solid rgba(84,239,160,.16);border-radius:50%;box-shadow:0 0 0 1.4rem rgba(84,239,160,.022),0 0 0 2.8rem rgba(84,239,160,.012)}
#seguridad .ps-security-page__identity{border:1px solid rgba(255,255,255,.07)!important;border-radius:1.2rem!important;background:linear-gradient(90deg,rgba(50,227,139,.045),rgba(255,255,255,.018))!important;box-shadow:0 18px 50px rgba(0,0,0,.2)!important}
.ps-security-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.8rem;margin:1rem 0;padding:1rem;border:1px solid rgba(255,255,255,.065);border-radius:1.2rem;background:rgba(255,255,255,.015)}
.ps-security-journey>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:.7rem;border-radius:.85rem;background:rgba(255,255,255,.018)}
.ps-security-journey>span>i{grid-row:1/3;display:grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:.72rem;background:rgba(66,233,149,.08);color:#58eba2}
.ps-security-journey small{color:rgba(235,255,244,.3);font-size:.52rem;font-weight:900;letter-spacing:.12em}.ps-security-journey strong{color:#effff6;font-size:.76rem}
.ps-security-journey>b{width:2.5rem;height:1px;background:linear-gradient(90deg,rgba(76,239,161,.08),rgba(76,239,161,.55),rgba(76,239,161,.08))}
#seguridad .ps-security-page__grid{gap:1rem!important}
#seguridad .ps-security-option{min-height:13.5rem!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:1.3rem!important;background:linear-gradient(145deg,rgba(13,35,23,.7),rgba(5,17,11,.88))!important;box-shadow:0 18px 55px rgba(0,0,0,.22)!important;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}
#seguridad .ps-security-option:hover{transform:translateY(-4px);border-color:rgba(72,239,160,.2)!important;box-shadow:0 25px 65px rgba(0,0,0,.3)!important}
#seguridad .ps-security-option__icon{transition:transform .28s ease!important}#seguridad .ps-security-option:hover .ps-security-option__icon{transform:translateY(-2px) scale(1.05)}
#seguridad .ps-security-option>button{border-radius:.78rem!important;background:linear-gradient(90deg,rgba(41,217,128,.075),rgba(41,217,128,.12))!important;font-weight:850!important}
#seguridad .ps-security-option--danger:last-child{grid-column:1/-1;min-height:0!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}
#seguridad .ps-security-option--danger:last-child>button{grid-column:3!important;grid-row:1!important;min-width:12rem!important;margin:0!important}
#seguridad .ps-security-option--danger:last-child .ps-security-option__status{display:none!important}
@media(max-width:800px){.ps-security-journey{grid-template-columns:1fr}.ps-security-journey>b{width:1px;height:1rem;justify-self:center}#seguridad .ps-security-option--danger:last-child{grid-template-columns:2.7rem minmax(0,1fr)!important}#seguridad .ps-security-option--danger:last-child>button{grid-column:2!important;grid-row:auto!important;width:100%;min-width:0!important}}

/* Affiliate action modals. */
.ps-affiliate-modal {
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 1.45rem !important;
  background: linear-gradient(155deg,rgba(12,29,19,.99),rgba(3,11,7,.99)) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.ps-affiliate-modal input,
.ps-affiliate-modal textarea {
  min-height: 3rem;
  border-color: rgba(255,255,255,.09) !important;
  border-radius: .82rem !important;
  background: rgba(255,255,255,.035) !important;
}

.ps-affiliate-modal textarea { min-height: 7rem; }

.ps-affiliate-modal input:focus,
.ps-affiliate-modal textarea:focus {
  border-color: rgba(0,255,133,.48) !important;
  box-shadow: 0 0 0 4px rgba(0,255,133,.075) !important;
}

.ps-affiliate-modal button[type="submit"] {
  min-height: 3rem;
  border-radius: .82rem !important;
}

/* ===== FIX MOBILE PARA EL BLOQUE DE PRODUCTS ===== */
@media (max-width: 768px) {
  .products-block,
  .products-block h2,
  .products-block .title,
  .products-block .subtitle,
  .products-block p {
    text-align: center;
  }

  .products-block .icon-wrapper {
    display: flex;
    justify-content: center;
    margin: 0 auto 1rem;
  }

  .products-block h2,
  .products-block .title,
  .products-block .subtitle,
  .products-block p {
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===== FIX ANCHO SOCIALS SOLO EN MÓVIL ===== */
@media (max-width: 768px) {
  #socials-support-hub {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    margin-inline: auto;
    overflow-x: clip;
  }

  #socials-support-hub .ps-socials-shell,
  #socials-support-hub .ps-socials-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  #socials-support-hub img,
  #socials-support-hub video,
  #socials-support-hub svg,
  #socials-support-hub iframe {
    max-width: 100%;
  }
}

/* ================================
   AJUSTES MOBILE – STATS + LIVE MAP
   ================================ */
@media (max-width: 768px) {
  .ps-stats-section .ps-stats-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }

  .ps-stats-section .ps-stat-item {
    padding: 1.4rem 0 1.1rem;
    border-inline: none;
  }

  .ps-stats-section .ps-stat-value {
    font-size: 2.1rem;
  }

  .ps-stats-section .ps-stats-header {
    margin-bottom: 1.5rem;
    gap: .5rem;
  }

  .ps-stats-section .container {
    margin-bottom: 3.5rem;
  }

  .ps-live-map-section {
    margin-top: 1.5rem;
  }

  .ps-live-map-section .ps-live-map-wrapper {
    min-height: 360px;
  }

  .ps-live-map-section .ps-live-map-bg::before,
  .ps-live-map-section .ps-live-dots {
    inset: 13% 9% 22% 9%;
  }

  .ps-live-map-section .ps-live-card {
    border-radius: 1.6rem;
  }

  .ps-live-map-section .ps-live-overlay-top-left {
    top: 1.1rem;
  }

  .ps-live-map-section .ps-live-overlay-bottom-left {
    bottom: 1.3rem;
  }
}

/* =========================
   Control cantidad cristal
   ========================= */
.ps-qty-control {
  background:
    radial-gradient(circle at 0 0, rgba(0,255,133,.10), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(56,189,148,.12), transparent 55%),
    rgba(3,24,15,.90);
  border-radius: 9999px;
  border: 1px solid rgba(148,163,184,.32);
  box-shadow: 0 12px 28px rgba(0,0,0,.45);
  overflow: hidden;
}

.ps-qty-btn {
  flex: 0 0 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(15,23,42,.94), rgba(15,23,42,.86));
  transition: background .16s ease, color .16s ease;
}

.ps-qty-btn:hover {
  background: rgba(0,255,133,.08);
}

.ps-qty-btn + .ps-qty-input,
.ps-qty-input + .ps-qty-btn {
  border-left: 1px solid rgba(15,23,42,.86);
}

.ps-qty-input {
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

/* =========================
   Barra de volumen minimal
   ========================= */
.ps-volume-bar-wrapper {
  padding: .5rem .25rem 0;
  border-radius: .9rem;
}

.ps-volume-icon {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 0, rgba(0,255,133,.20), rgba(0,0,0,.68));
  border: 1px solid rgba(0,255,133,.32);
  color: rgba(148,163,184,.72);
}

.ps-volume-icon-active {
  background: radial-gradient(circle at 30% 0, rgba(0,255,133,.34), rgba(0,0,0,.68));
  color: #e5fff5;
  box-shadow: 0 0 12px rgba(0,255,133,.42);
}

.ps-volume-track {
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 9999px;
  background: rgba(15,23,42,.9);
  overflow: hidden;
}

.ps-volume-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00ff85, #4ade80);
  box-shadow: 0 0 8px rgba(0,255,133,.45);
}

@media (max-width: 768px) {
  .ps-qty-control {
    box-shadow: 0 8px 18px rgba(0,0,0,.32);
  }

  .ps-volume-icon-active,
  .ps-volume-fill {
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ps-qty-btn {
    transition: none;
  }
}

/* =========================================================
   PREMIUM CART — solid cards, pricing clarity and motion
   ========================================================= */
body[data-template="cart"] #main-content {
  --cart-surface: #0a1710;
  --cart-surface-raised: #0d1d14;
  --cart-surface-soft: #11241a;
  --cart-border: rgba(117, 230, 159, .14);
  --cart-muted: rgba(226, 241, 232, .62);
}

body[data-template="cart"] .ps-cart-hero {
  padding-bottom: clamp(3rem, 7vw, 5.5rem);
}

body[data-template="cart"] .ps-cart-hero h1 {
  letter-spacing: -.045em;
}

body[data-template="cart"] .ps-cart-item {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--cart-border) !important;
  border-radius: 1.35rem !important;
  background: linear-gradient(145deg, var(--cart-surface-raised), var(--cart-surface)) !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .025);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s cubic-bezier(.2,.8,.2,1);
}

body[data-template="cart"] .ps-cart-item::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #70f3a1, #08d76c);
  opacity: .8;
  content: "";
}

body[data-template="cart"] .ps-cart-item__media img {
  border: 1px solid rgba(255,255,255,.07);
  background: #07110c;
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
}

body[data-template="cart"] .ps-cart-quantity {
  min-width: 7.6rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: .85rem !important;
  background: #07110c;
}

body[data-template="cart"] .ps-cart-quantity button {
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 2.35rem;
  background: transparent !important;
  color: rgba(235,245,239,.7);
}

body[data-template="cart"] .ps-cart-quantity button:hover:not(:disabled) {
  background: rgba(68,231,127,.12) !important;
  color: #6ef29f;
}

body[data-template="cart"] .ps-cart-quantity input {
  min-width: 2.6rem;
  border-inline: 1px solid rgba(255,255,255,.07);
  background: transparent !important;
  font-weight: 750;
  appearance: textfield;
}

body[data-template="cart"] .ps-cart-quantity input::-webkit-inner-spin-button,
body[data-template="cart"] .ps-cart-quantity input::-webkit-outer-spin-button { appearance: none; }

body[data-template="cart"] .ps-cart-pricing {
  display: grid;
  min-width: 13.5rem;
  gap: .42rem;
  padding: .7rem .85rem;
  border-left: 1px solid rgba(255,255,255,.07);
}

body[data-template="cart"] .ps-cart-pricing > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

body[data-template="cart"] .ps-cart-pricing span {
  color: var(--cart-muted);
  font-size: .69rem;
  font-weight: 650;
}

body[data-template="cart"] .ps-cart-pricing strong {
  color: #f4faf6;
  font-size: .88rem;
  font-weight: 800;
  white-space: nowrap;
}
body[data-template="cart"] .ps-cart-pricing strong s { margin-right: .25rem; color: rgba(226,241,232,.36); font-size: .68rem; font-weight: 600; }
body[data-template="cart"] .ps-cart-pricing strong > span { color: inherit; font-size: inherit; font-weight: inherit; }

body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) strong { font-size: 1.05rem; }
body[data-template="cart"] .ps-cart-pricing small {
  justify-self: end;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: rgba(48,221,112,.09);
  color: #78eca2;
  font-size: .64rem;
  font-weight: 750;
}

body[data-template="cart"] .ps-cart-summary {
  border: 1px solid rgba(106,230,151,.2) !important;
  border-radius: 1.4rem !important;
  background: linear-gradient(155deg, #102219, #08130d 78%) !important;
  box-shadow: 0 25px 70px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.035);
}

body[data-template="cart"] .ps-cart-offer,
body[data-template="cart"] .ps-cart-empty {
  border: 1px solid var(--cart-border) !important;
  background: var(--cart-surface-raised) !important;
  box-shadow: 0 14px 42px rgba(0,0,0,.18);
}

body[data-template="cart"] .ps-cart-summary__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

body[data-template="cart"] .ps-cart-summary__title > span {
  color: #f4faf6;
  font-size: 1.12rem;
  font-weight: 820;
  letter-spacing: -.025em;
}

body[data-template="cart"] .ps-cart-summary__title small {
  padding: .32rem .58rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 999px;
  color: var(--cart-muted);
  font-size: .64rem;
}

body[data-template="cart"] .ps-cart-summary__breakdown > div > .flex {
  min-height: 2rem;
}

body[data-template="cart"] .ps-cart-savings {
  margin: .8rem 0;
  padding: .72rem .8rem;
  border: 1px solid rgba(58,225,119,.18);
  border-radius: .8rem;
  background: rgba(48,221,112,.075);
  color: #77eca1;
  font-size: .78rem;
  font-weight: 750;
}

body[data-template="cart"] .ps-cart-final {
  margin-top: .85rem;
  padding-top: 1rem !important;
}

body[data-template="cart"] .ps-cart-final > span { display: grid; gap: .15rem; }
body[data-template="cart"] .ps-cart-final small { color: #f4faf6; font-size: .9rem; font-weight: 800; }
body[data-template="cart"] .ps-cart-final em { color: var(--cart-muted); font-size: .58rem; font-style: normal; }
body[data-template="cart"] .ps-cart-final > strong { color: #f4faf6; font-size: 1.55rem; letter-spacing: -.045em; }

body[data-template="cart"] .ps-cart-checkout {
  min-height: 3.25rem;
  border: 1px solid rgba(136,255,178,.45) !important;
  border-radius: .95rem !important;
  background: linear-gradient(135deg, #7af4a5, #12e874 68%, #00cf63) !important;
  color: #031208 !important;
  box-shadow: 0 12px 30px rgba(17,222,105,.2), inset 0 1px rgba(255,255,255,.45);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

@media (hover:hover) and (pointer:fine) {
  body[data-template="cart"] .ps-cart-item:hover {
    border-color: rgba(104,238,153,.28) !important;
    box-shadow: 0 24px 65px rgba(0,0,0,.3), 0 0 0 1px rgba(66,221,122,.04);
    transform: translateY(-3px);
  }
  body[data-template="cart"] .ps-cart-checkout:hover:not(:disabled) {
    filter: brightness(1.06);
    box-shadow: 0 17px 38px rgba(17,222,105,.28), inset 0 1px rgba(255,255,255,.5);
    transform: translateY(-2px);
  }
  body[data-template="cart"] .ps-cart-checkout:active:not(:disabled) { transform: translateY(0) scale(.99); }
}

@media (max-width: 1180px) and (min-width: 640px) {
  body[data-template="cart"] .ps-cart-item__controls { gap: .8rem !important; padding-right: 1rem !important; }
  body[data-template="cart"] .ps-cart-pricing { min-width: 11.5rem; }
}

@media (max-width: 639px) {
  body[data-template="cart"] .ps-cart-item { padding: .5rem !important; }
  body[data-template="cart"] .ps-cart-item__media { max-width: 6.4rem; }
  body[data-template="cart"] .ps-cart-item__controls {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: .65rem;
    padding: .8rem .2rem .2rem !important;
  }
  body[data-template="cart"] .ps-cart-quantity { min-width: 7rem; }
  body[data-template="cart"] .ps-cart-pricing { min-width: 0; padding: .25rem .65rem; }
  body[data-template="cart"] .ps-cart-pricing span { font-size: .6rem; }
  body[data-template="cart"] .ps-cart-pricing strong { font-size: .76rem; }
  body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) strong { font-size: .9rem; }
  body[data-template="cart"] .ps-cart-pricing small { justify-self: start; }
  body[data-template="cart"] .ps-cart-summary { padding: 1.15rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-template="cart"] .ps-cart-item,
  body[data-template="cart"] .ps-cart-checkout { transition: none !important; transform: none !important; }
}

/* Cart layout refinement: strict alignment and balanced spacing */
body[data-template="cart"] .ps-cart-list { gap: 1rem !important; }
body[data-template="cart"] .ps-cart-item {
  min-height: 10.75rem;
  animation: ps-cart-card-in .46s cubic-bezier(.2,.8,.2,1) both;
}
body[data-template="cart"] .ps-cart-list > .ps-cart-item:nth-child(2) { animation-delay: .055s; }
body[data-template="cart"] .ps-cart-list > .ps-cart-item:nth-child(3) { animation-delay: .11s; }
body[data-template="cart"] .ps-cart-list > .ps-cart-item:nth-child(4) { animation-delay: .165s; }

body[data-template="cart"] .ps-cart-item > div:first-child {
  min-width: 0;
  align-items: center;
  padding: 1rem 1.15rem;
}

body[data-template="cart"] .ps-cart-item__media {
  flex: 0 0 9rem;
  width: 9rem;
  max-width: 9rem !important;
  padding: 0 !important;
}

body[data-template="cart"] .ps-cart-item__media img {
  width: 9rem;
  height: 7.4rem;
  border-radius: .9rem !important;
}

body[data-template="cart"] .ps-cart-item > div:first-child > div:last-child {
  display: flex;
  min-width: 0;
  justify-content: center;
  flex-direction: column;
  padding: .25rem .4rem !important;
}

body[data-template="cart"] .ps-cart-item > div:first-child a {
  margin-bottom: .2rem;
  font-size: clamp(1.05rem, 1.35vw, 1.35rem) !important;
  letter-spacing: -.025em;
}

body[data-template="cart"] .ps-cart-item__controls {
  min-width: 0;
  margin: 0 !important;
  padding: 1.15rem 1.35rem !important;
  border-top: 0 !important;
  border-left: 1px solid rgba(255,255,255,.065);
  background: linear-gradient(110deg, rgba(255,255,255,.012), rgba(255,255,255,.024));
}

body[data-template="cart"] .ps-cart-item__controls > button:last-child {
  display: grid !important;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  place-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .8rem;
  background: rgba(255,255,255,.025);
  color: rgba(235,245,239,.62);
  transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body[data-template="cart"] .ps-cart-item__controls > button:last-child:hover {
  border-color: rgba(255,104,121,.28);
  background: rgba(255,72,94,.08);
  color: #ff8291;
  transform: scale(1.04);
}

body[data-template="cart"] .ps-cart-pricing {
  min-height: 7.2rem;
  justify-content: center;
  align-content: center;
  border-left: 0;
  border-radius: 1rem;
  background: rgba(2,12,7,.28);
}

body[data-template="cart"] .ps-cart-pricing > div {
  min-height: 1.75rem;
}

body[data-template="cart"] .ps-cart-pricing span { font-size: .72rem; }
body[data-template="cart"] .ps-cart-pricing strong { font-size: .92rem; }
body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) strong { font-size: 1.18rem; }
body[data-template="cart"] .ps-cart-pricing small { margin-top: .15rem; }

body[data-template="cart"] .ps-cart-offer {
  border-radius: 1.15rem !important;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

body[data-template="cart"] .ps-cart-offer:hover {
  border-color: rgba(104,238,153,.24) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.24);
  transform: translateY(-2px);
}

body[data-template="cart"] .ps-cart-summary__breakdown {
  margin-bottom: .5rem !important;
  padding-bottom: 1rem !important;
}

body[data-template="cart"] .ps-cart-summary__breakdown > div:last-child > div:not(.ps-cart-savings):not(.ps-cart-final) {
  gap: 1rem;
  padding-block: .22rem;
}

@media (min-width: 1181px) {
  body[data-template="cart"] .ps-cart-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(31rem, 38%);
    align-items: stretch;
  }
  body[data-template="cart"] .ps-cart-item__controls {
    display: grid !important;
    grid-template-columns: minmax(8.7rem, .78fr) minmax(13rem, 1.2fr) 2.65rem;
    align-items: center;
    justify-content: initial !important;
    gap: 1rem !important;
  }
}

@media (max-width: 1180px) and (min-width: 640px) {
  body[data-template="cart"] .ps-cart-item { display: block !important; }
  body[data-template="cart"] .ps-cart-item__controls {
    display: grid !important;
    grid-template-columns: 8rem minmax(13rem,1fr) 2.65rem;
    gap: 1rem !important;
    border-top: 1px solid rgba(255,255,255,.065) !important;
    border-left: 0;
  }
}

@media (max-width: 639px) {
  body[data-template="cart"] .ps-cart-item { min-height: 0; border-radius: 1.1rem !important; }
  body[data-template="cart"] .ps-cart-item > div:first-child { align-items: flex-start; padding: .7rem !important; }
  body[data-template="cart"] .ps-cart-item__media { width: 5.5rem; max-width: 5.5rem !important; flex-basis: 5.5rem; }
  body[data-template="cart"] .ps-cart-item__media img { width: 5.5rem; height: 5.5rem; }
  body[data-template="cart"] .ps-cart-item__controls {
    grid-template-columns: 7rem minmax(0,1fr) 2.5rem;
    padding: .75rem !important;
    border-top: 1px solid rgba(255,255,255,.065) !important;
    border-left: 0;
    background: rgba(0,0,0,.08);
  }
  body[data-template="cart"] .ps-cart-pricing { min-height: 0; padding: .55rem .7rem; background: rgba(2,12,7,.2); }
  body[data-template="cart"] .ps-cart-pricing > div { min-height: 1.4rem; }
  body[data-template="cart"] .ps-cart-pricing > div:first-child { display: none; }
  body[data-template="cart"] .ps-cart-pricing small { font-size: .57rem; }
  body[data-template="cart"] .ps-cart-item__controls > button:last-child { width: 2.5rem; height: 2.5rem; }
}

@keyframes ps-cart-card-in {
  from { opacity: 0; transform: translateY(12px) scale(.992); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-template="cart"] .ps-cart-item { animation: none !important; }
  body[data-template="cart"] .ps-cart-offer { transition: none !important; transform: none !important; }
}

/* Final compact cart composition */
body[data-template="cart"] .ps-cart-list { gap: .8rem !important; }
body[data-template="cart"] .ps-cart-item {
  min-height: 0 !important;
  border-radius: 1.15rem !important;
  background: #09170f !important;
}
body[data-template="cart"] .ps-cart-item::before { width: 2px; }
body[data-template="cart"] .ps-cart-item > div:first-child {
  gap: .9rem !important;
  padding: .8rem 1rem !important;
}
body[data-template="cart"] .ps-cart-item__media {
  width: 6.7rem !important;
  max-width: 6.7rem !important;
  flex-basis: 6.7rem !important;
  aspect-ratio: 1.2 / 1 !important;
}
body[data-template="cart"] .ps-cart-item__media img {
  width: 6.7rem !important;
  height: 5.6rem !important;
  border-radius: .72rem !important;
}
body[data-template="cart"] .ps-cart-item > div:first-child > div:last-child { padding: 0 !important; }
body[data-template="cart"] .ps-cart-item > div:first-child a {
  margin: 0 !important;
  font-size: 1.02rem !important;
  line-height: 1.18;
}
body[data-template="cart"] .ps-cart-item > div:first-child p { margin-top: .18rem; font-size: .72rem !important; }
body[data-template="cart"] .ps-cart-item > div:first-child p + div { margin-top: .2rem !important; font-size: .66rem !important; }
body[data-template="cart"] .ps-cart-item__controls {
  min-height: 7.2rem;
  padding: .7rem 1rem !important;
  border: 0 !important;
  background: transparent !important;
}
body[data-template="cart"] .ps-cart-quantity {
  min-width: 7.2rem !important;
  height: 2.65rem;
  border-radius: .72rem !important;
}
body[data-template="cart"] .ps-cart-quantity button {
  width: 2.3rem;
  height: 2.6rem;
  flex-basis: 2.3rem;
}
body[data-template="cart"] .ps-cart-pricing {
  min-width: 12.8rem !important;
  min-height: 0 !important;
  gap: .2rem;
  padding: .45rem .7rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-template="cart"] .ps-cart-pricing > div { min-height: 1.45rem !important; }
body[data-template="cart"] .ps-cart-pricing span { font-size: .65rem !important; }
body[data-template="cart"] .ps-cart-pricing strong { font-size: .8rem !important; }
body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) strong { font-size: 1rem !important; }
body[data-template="cart"] .ps-cart-pricing small {
  margin-top: .1rem;
  padding: .2rem .42rem;
  font-size: .58rem;
}
body[data-template="cart"] .ps-cart-item__controls > button:last-child {
  width: 2.35rem;
  height: 2.35rem;
  flex-basis: 2.35rem;
  border-radius: .68rem;
}

@media (min-width: 1181px) {
  body[data-template="cart"] .ps-cart-item {
    grid-template-columns: minmax(17rem,1fr) minmax(28rem,33rem) !important;
  }
  body[data-template="cart"] .ps-cart-item__controls {
    grid-template-columns: 7.2rem minmax(12.8rem,1fr) 2.35rem !important;
    gap: .75rem !important;
  }
}

@media (max-width: 1180px) and (min-width: 640px) {
  body[data-template="cart"] .ps-cart-item__controls {
    min-height: 4.8rem;
    grid-template-columns: 7.2rem minmax(12.8rem,1fr) 2.35rem !important;
    gap: .75rem !important;
    padding-top: .4rem !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
  }
}

@media (max-width: 639px) {
  body[data-template="cart"] .ps-cart-item > div:first-child { gap: .7rem !important; padding: .7rem !important; }
  body[data-template="cart"] .ps-cart-item__media,
  body[data-template="cart"] .ps-cart-item__media img {
    width: 4.8rem !important;
    max-width: 4.8rem !important;
    height: 4.2rem !important;
    flex-basis: 4.8rem !important;
  }
  body[data-template="cart"] .ps-cart-item__controls {
    min-height: 0;
    grid-template-columns: 6.6rem minmax(0,1fr) 2.25rem !important;
    gap: .45rem !important;
    padding: .55rem .7rem .7rem !important;
  }
  body[data-template="cart"] .ps-cart-quantity { min-width: 6.6rem !important; }
  body[data-template="cart"] .ps-cart-pricing { min-width: 0 !important; padding: .2rem .35rem !important; }
  body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) { display: flex; }
  body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) span { display: none; }
  body[data-template="cart"] .ps-cart-pricing small { justify-self: end; }
  body[data-template="cart"] .ps-cart-item__controls > button:last-child { width: 2.25rem; height: 2.25rem; }
}

/* Precision pass: unified quantity control and aligned price matrix */
body[data-template="cart"] .ps-cart-quantity {
  display: grid !important;
  grid-template-columns: 2.65rem 3.65rem 2.65rem;
  width: 8.95rem !important;
  min-width: 8.95rem !important;
  height: 3rem !important;
  padding: .2rem;
  overflow: hidden;
  border: 1px solid rgba(118,223,156,.16) !important;
  border-radius: .85rem !important;
  background: #0c1d14 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 8px 24px rgba(0,0,0,.12);
}
body[data-template="cart"] .ps-cart-quantity button,
body[data-template="cart"] .ps-cart-quantity input {
  width: 100% !important;
  min-width: 0 !important;
  height: 2.55rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-template="cart"] .ps-cart-quantity button {
  display: grid;
  place-items: center;
  color: rgba(232,244,237,.58);
  border-radius: .62rem !important;
}
body[data-template="cart"] .ps-cart-quantity button:hover:not(:disabled) {
  background: rgba(61,226,122,.1) !important;
  color: #78eca1;
}
body[data-template="cart"] .ps-cart-quantity input {
  color: #f5faf7;
  font-size: .92rem;
  font-weight: 850;
  text-align: center;
}

body[data-template="cart"] .ps-cart-pricing {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  min-width: 19rem !important;
  gap: 0 !important;
  padding: .42rem !important;
  overflow: hidden;
  border: 1px solid rgba(118,223,156,.11) !important;
  border-radius: .9rem !important;
  background: #0c1d14 !important;
}
body[data-template="cart"] .ps-cart-pricing .ps-cart-price-cell {
  display: grid !important;
  min-width: 0;
  min-height: 3.15rem !important;
  align-content: center;
  justify-items: center;
  gap: .28rem;
  padding: .2rem .55rem;
  border-right: 1px solid rgba(255,255,255,.055);
}
body[data-template="cart"] .ps-cart-pricing .ps-cart-price-cell--total { border-right: 0; }
body[data-template="cart"] .ps-cart-price-cell > span {
  display: block !important;
  color: rgba(226,241,232,.5) !important;
  font-size: .58rem !important;
  font-weight: 760;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
body[data-template="cart"] .ps-cart-price-cell > strong {
  color: #f4faf6;
  font-size: .85rem !important;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}
body[data-template="cart"] .ps-cart-price-cell--regular > strong { color: rgba(226,241,232,.42); font-size: .72rem !important; }
body[data-template="cart"] .ps-cart-price-cell--regular s { margin: 0; color: inherit; font-size: inherit; }
body[data-template="cart"] .ps-cart-price-cell--regular em { font-style: normal; }
body[data-template="cart"] .ps-cart-price-cell--total > strong { color: #7af0a5; font-size: 1rem !important; }
body[data-template="cart"] .ps-cart-pricing > small {
  grid-column: 1 / -1;
  justify-self: center !important;
  margin: .35rem 0 0 !important;
  padding: .24rem .55rem;
}

@media (min-width: 1181px) {
  body[data-template="cart"] .ps-cart-item { grid-template-columns: minmax(17rem,1fr) minmax(34rem,37rem) !important; }
  body[data-template="cart"] .ps-cart-item__controls {
    grid-template-columns: 8.95rem 19rem 2.35rem !important;
    gap: .8rem !important;
  }
}
@media (max-width: 1180px) and (min-width: 640px) {
  body[data-template="cart"] .ps-cart-item__controls {
    grid-template-columns: 8.95rem minmax(19rem,1fr) 2.35rem !important;
  }
}
@media (max-width: 639px) {
  body[data-template="cart"] .ps-cart-item__controls {
    grid-template-columns: 7.85rem minmax(0,1fr) 2.25rem !important;
  }
  body[data-template="cart"] .ps-cart-quantity {
    grid-template-columns: 2.25rem 3.35rem 2.25rem;
    width: 7.85rem !important;
    min-width: 7.85rem !important;
  }
  body[data-template="cart"] .ps-cart-pricing {
    grid-template-columns: repeat(2,minmax(0,1fr));
    min-width: 0 !important;
  }
  body[data-template="cart"] .ps-cart-pricing .ps-cart-price-cell--regular { display: none !important; }
  body[data-template="cart"] .ps-cart-pricing .ps-cart-price-cell { padding-inline: .25rem; }
  body[data-template="cart"] .ps-cart-pricing .ps-cart-price-cell:nth-child(2) { border-right: 1px solid rgba(255,255,255,.055); }
  body[data-template="cart"] .ps-cart-price-cell > span { display: block !important; font-size: .5rem !important; }
  body[data-template="cart"] .ps-cart-pricing > small { grid-column: 1 / -1; }
}

/* Product bulk-pricing table — compact, readable and touch friendly. */
.ps-bulk-pricing {
  margin-top: 1rem;
  overflow: hidden;
  border: 1px solid rgba(210, 255, 229, .11);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--cl-accent), .085), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.042), rgba(255,255,255,.016));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 14px 35px rgba(0,0,0,.12);
}

.ps-bulk-pricing__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem .9rem;
  border-bottom: 1px solid rgba(255,255,255,.075);
}

.ps-bulk-pricing__heading {
  display: flex;
  align-items: flex-start;
  gap: .72rem;
  min-width: 0;
}

.ps-bulk-pricing__icon {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  border: 1px solid rgba(var(--cl-accent), .18);
  border-radius: 10px;
  color: rgba(141,255,196,.96);
  background: rgba(var(--cl-accent), .075);
}

.ps-bulk-pricing__icon svg { width: 1.1rem; height: 1.1rem; }

.ps-bulk-pricing__heading h3 {
  margin: 0;
  color: rgba(248,255,251,.96);
  font-size: .92rem;
  font-weight: 820;
  letter-spacing: -.015em;
}

.ps-bulk-pricing__heading p {
  margin: .22rem 0 0;
  color: rgba(221,239,228,.57);
  font-size: .72rem;
  line-height: 1.45;
}

.ps-bulk-pricing__badge {
  flex: 0 0 auto;
  padding: .36rem .55rem;
  border: 1px solid rgba(var(--cl-accent), .15);
  border-radius: 999px;
  color: rgba(173,255,211,.9);
  background: rgba(var(--cl-accent), .06);
  font-size: .64rem;
  font-weight: 800;
}

.ps-bulk-pricing__labels,
.ps-bulk-pricing__row {
  display: grid;
  grid-template-columns: .75fr 1.25fr 1.15fr .9fr;
  align-items: center;
}

.ps-bulk-pricing__labels {
  padding: .58rem 1rem;
  color: rgba(219,237,226,.45);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.ps-bulk-pricing__labels span:not(:first-child) { text-align: right; }

.ps-bulk-pricing__rows { padding: 0 .45rem .45rem; }

.ps-bulk-pricing__row {
  width: 100%;
  min-height: 3.15rem;
  padding: .64rem .55rem;
  border: 1px solid transparent;
  border-radius: 12px;
  color: rgba(231,244,236,.72);
  background: transparent;
  text-align: left;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.ps-bulk-pricing__row + .ps-bulk-pricing__row { margin-top: .2rem; }

.ps-bulk-pricing__row:hover {
  color: #fff;
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
}

.ps-bulk-pricing__row--active {
  color: #fff;
  border-color: rgba(var(--cl-accent), .22);
  background: linear-gradient(90deg, rgba(var(--cl-accent), .095), rgba(var(--cl-accent), .035));
  box-shadow: inset 3px 0 0 rgba(var(--cl-accent), .72);
}

.ps-bulk-pricing__cell {
  min-width: 0;
  font-size: .76rem;
}

.ps-bulk-pricing__cell:not(:first-child) { text-align: right; }
.ps-bulk-pricing__cell strong { color: rgba(246,255,250,.96); font-weight: 800; }

.ps-bulk-pricing__discount {
  display: inline-flex;
  justify-content: center;
  min-width: 2.9rem;
  padding: .3rem .48rem;
  border-radius: 999px;
  color: #05170e;
  background: linear-gradient(135deg, rgba(130,255,188,.95), rgba(var(--cl-accent),.9));
  font-size: .68rem;
  font-weight: 900;
}

.ps-bulk-pricing__active-label {
  margin-left: .35rem;
  color: rgba(166,255,207,.82);
  font-size: .62rem;
  font-weight: 750;
}

.ps-bulk-pricing__mobile-label { display: none; }

.ps-bulk-pricing__note {
  margin: 0;
  padding: .6rem 1rem .78rem;
  color: rgba(220,238,227,.42);
  font-size: .65rem;
  line-height: 1.4;
}

@media (max-width: 560px) {
  .ps-bulk-pricing__head { padding: .9rem; }
  .ps-bulk-pricing__badge { display: none; }
  .ps-bulk-pricing__labels { display: none; }
  .ps-bulk-pricing__rows { padding: .45rem; }

  .ps-bulk-pricing__row {
    grid-template-columns: 1fr 1fr;
    gap: .72rem 1rem;
    padding: .82rem;
  }

  .ps-bulk-pricing__cell,
  .ps-bulk-pricing__cell:not(:first-child) { text-align: left; }

  .ps-bulk-pricing__cell:nth-child(even),
  .ps-bulk-pricing__cell:nth-child(even):not(:first-child) { text-align: right; }

  .ps-bulk-pricing__mobile-label {
    display: block;
    margin-bottom: .18rem;
    color: rgba(220,238,227,.42);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .ps-bulk-pricing__active-label { display: block; margin: .28rem 0 0; }
}

/* ================================================================
   PREMIUM SUPERMARKET — GLOBAL EXPERIENCE SYSTEM
   A single finishing layer for consistent hierarchy and interaction.
   ================================================================ */
:root {
  --ps-surface-1: rgba(7, 17, 12, .76);
  --ps-surface-2: rgba(10, 23, 16, .88);
  --ps-surface-hover: rgba(14, 35, 23, .92);
  --ps-line: rgba(218, 255, 234, .11);
  --ps-line-strong: rgba(0, 255, 133, .26);
  --ps-copy: rgba(244, 255, 248, .94);
  --ps-muted-copy: rgba(218, 235, 224, .68);
  --ps-green: rgb(var(--cl-accent));
  --ps-radius-sm: 12px;
  --ps-radius-md: 18px;
  --ps-radius-lg: 28px;
  --ps-shadow-soft: 0 18px 55px rgba(0, 0, 0, .18);
  --ps-shadow-lift: 0 24px 70px rgba(0, 0, 0, .28);
  --ps-ease: cubic-bezier(.2, .8, .2, 1);
}

[x-cloak] { display: none !important; }

html { scrollbar-gutter: stable; }

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}

::selection {
  color: #021008;
  background: rgba(var(--cl-accent), .82);
}

.ps-skip-link {
  position: fixed;
  z-index: 99999;
  top: 12px;
  left: 12px;
  padding: .8rem 1rem;
  border: 1px solid var(--ps-line-strong);
  border-radius: 12px;
  color: #fff;
  background: #06130c;
  box-shadow: var(--ps-shadow-lift);
  transform: translateY(-160%);
  transition: transform .2s var(--ps-ease);
}

.ps-skip-link:focus { transform: translateY(0); }

#main-content { min-width: 0; outline: none; }

:where(a, button, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 2px solid rgba(var(--cl-accent), .95) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(var(--cl-accent), .12) !important;
}

:where(button, [role="button"], input, select, textarea) {
  font: inherit;
}

:where(button, a, [role="button"]) {
  -webkit-tap-highlight-color: transparent;
}

:where(button, [role="button"]):not(:disabled) { cursor: pointer; }

:where(button, input, select, textarea):disabled {
  cursor: not-allowed;
  filter: saturate(.6);
}

/* Keep supporting copy readable throughout inherited template sections. */
#main-content :where(p, li, label, td, th) { line-height: 1.58; }
#main-content :where(p, li) { text-wrap: pretty; }
#main-content :where(h1, h2, h3) { text-wrap: balance; }

#main-content :where(.text-xs) { font-size: max(.75rem, 12px); }
#main-content :where(.text-sm) { font-size: max(.875rem, 14px); }

/* Consistent interactive surfaces without flattening each component's identity. */
#main-content :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: 46px;
  border-color: var(--ps-line);
  background-color: rgba(4, 13, 8, .72);
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

#main-content :where(input, select, textarea):hover { border-color: rgba(255, 255, 255, .2); }
#main-content :where(input, select, textarea):focus {
  border-color: rgba(var(--cl-accent), .58);
  background-color: rgba(5, 16, 10, .92);
}

#main-content :where(img) {
  color: transparent;
}

/* Product cards and major commerce actions receive restrained depth. */
.psv6-card,
#main-content :where(a[href*="/product/"]) {
  transform: translateZ(0);
}

@media (hover: hover) and (pointer: fine) {
  .psv6-card:hover {
    transform: translateY(-5px);
    filter: brightness(1.04);
  }

  #main-content :where(button, a[class*="rounded-full"]):not(:disabled) {
    transition: transform .22s var(--ps-ease), background-color .22s ease,
      border-color .22s ease, color .22s ease, box-shadow .22s ease;
  }

  #main-content :where(button, a[class*="rounded-full"]):not(:disabled):hover {
    transform: translateY(-2px);
  }

  #main-content :where(button, a[class*="rounded-full"]):not(:disabled):active {
    transform: translateY(0) scale(.985);
  }
}

/* Cart: clearer grouping, sticky summary and calmer empty/loading states. */
body[data-template="cart"] #main-content .lg\:w-3\/4 > div,
body[data-template="cart"] #main-content .lg\:w-1\/4 > div > div {
  border-radius: var(--ps-radius-md);
}

@media (min-width: 1024px) {
  body[data-template="cart"] #main-content .lg\:w-1\/4 {
    align-self: flex-start;
    position: sticky;
    top: 118px;
  }
}

/* Tables remain usable on narrow devices instead of clipping content. */
#main-content :where(table) { width: 100%; }
#main-content :where(.overflow-x-auto) {
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

/* Shared utility states for existing and future SellAuth sections. */
.ps-empty-state {
  display: grid;
  place-items: center;
  min-height: 220px;
  padding: clamp(1.5rem, 5vw, 3.5rem);
  border: 1px dashed rgba(255, 255, 255, .14);
  border-radius: var(--ps-radius-lg);
  color: var(--ps-muted-copy);
  text-align: center;
  background: linear-gradient(145deg, rgba(255, 255, 255, .025), rgba(0, 0, 0, .08));
}

.ps-skeleton {
  overflow: hidden;
  background: rgba(255, 255, 255, .055);
  position: relative;
}

.ps-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent);
  transform: translateX(-100%);
  animation: ps-shimmer 1.5s infinite;
}

@keyframes ps-shimmer { to { transform: translateX(100%); } }

/* Mobile rhythm and touch sizes. */
@media (max-width: 767px) {
  #main-content :where(button, [role="button"], input, select) { min-height: 44px; }
  #main-content :where(h1) { letter-spacing: -.045em; }
  #main-content :where(.container) { padding-inline: max(1rem, env(safe-area-inset-left)); }
  #main-content { padding-bottom: env(safe-area-inset-bottom); }
}

/* Accessibility and performance modes. */
body.ps-page-hidden .ps-ambient,
body.ps-low-power .ps-ambient__orb,
body.ps-low-power .ps-ambient__grain { animation-play-state: paused !important; }

body.ps-low-power .ps-ambient__pointer { display: none; }

body.ps-low-power :where(.backdrop-blur-xl, .backdrop-blur-2xl, .backdrop-blur-3xl) {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

@media (prefers-contrast: more) {
  :root { --ps-line: rgba(255, 255, 255, .3); --ps-muted-copy: rgba(255,255,255,.82); }
  #main-content :where(.text-t-primary\/50, .text-t-primary\/60) { color: rgba(255,255,255,.82) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================================
   PREMIUM AMBIENT BACKGROUND
   Slow light, frosted glass and cursor illumination.
   ========================================================= */

:root {
  --ps-pointer-x: 50vw;
  --ps-pointer-y: 28vh;
  --ps-pointer-opacity: 0;
}

body {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
}

#app {
  position: relative;
  z-index: 1;
}

.ps-ambient {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(120% 92% at 50% -18%, rgba(var(--cl-accent), .055), transparent 58%),
    linear-gradient(180deg, rgba(2, 8, 5, .3), rgba(1, 5, 3, .66));
  contain: strict;
}

.ps-ambient__wash,
.ps-ambient__orb,
.ps-ambient__pointer,
.ps-ambient__glass,
.ps-ambient__grain {
  position: absolute;
  pointer-events: none;
}

.ps-ambient__wash {
  inset: -20%;
  background:
    radial-gradient(44% 48% at 18% 30%, rgba(var(--cl-accent), .075), transparent 72%),
    radial-gradient(38% 42% at 82% 68%, rgba(83, 217, 152, .055), transparent 76%),
    radial-gradient(30% 34% at 52% 46%, rgba(177, 255, 214, .026), transparent 78%);
  filter: blur(55px);
  animation: psAmbientBreathe 18s ease-in-out infinite alternate;
}

.ps-ambient__orb {
  width: min(68vw, 980px);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: .72;
  filter: blur(105px);
  will-change: transform;
  mix-blend-mode: screen;
}

.ps-ambient__orb--one {
  top: -36%;
  left: -22%;
  background: radial-gradient(circle, rgba(var(--cl-accent), .12) 0%, rgba(var(--cl-accent), .045) 38%, transparent 72%);
  animation: psAmbientFloatOne 34s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}

.ps-ambient__orb--two {
  right: -31%;
  bottom: -42%;
  background: radial-gradient(circle, rgba(96, 241, 168, .095) 0%, rgba(35, 164, 102, .035) 42%, transparent 72%);
  animation: psAmbientFloatTwo 43s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}

.ps-ambient__orb--three {
  top: 22%;
  left: 30%;
  width: min(48vw, 720px);
  opacity: .48;
  background: radial-gradient(circle, rgba(197, 255, 224, .07) 0%, rgba(var(--cl-accent), .025) 44%, transparent 74%);
  animation: psAmbientFloatThree 52s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}

.ps-ambient__pointer {
  inset: 0;
  opacity: var(--ps-pointer-opacity);
  background:
    radial-gradient(
      560px circle at var(--ps-pointer-x) var(--ps-pointer-y),
      rgba(153, 255, 202, .105) 0%,
      rgba(var(--cl-accent), .055) 24%,
      rgba(var(--cl-accent), .018) 48%,
      transparent 72%
    );
  filter: blur(8px);
  mix-blend-mode: screen;
  transition: opacity .55s ease;
  will-change: background;
}

.ps-ambient__glass {
  inset: 0;
  background:
    linear-gradient(118deg, rgba(255,255,255,.012), transparent 34%, rgba(255,255,255,.008) 68%, transparent),
    rgba(2, 8, 5, .14);
  backdrop-filter: blur(42px) saturate(1.08);
  -webkit-backdrop-filter: blur(42px) saturate(1.08);
}

.ps-ambient__grain {
  inset: 0;
  opacity: .032;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.34) 0, rgba(255,255,255,.34) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.3) 0, rgba(0,0,0,.3) 1px, transparent 1px, transparent 4px);
  background-size: 3px 3px, 4px 4px;
  mix-blend-mode: soft-light;
}

@keyframes psAmbientBreathe {
  0% { opacity: .62; transform: scale(.96) rotate(-2deg); }
  100% { opacity: .94; transform: scale(1.08) rotate(3deg); }
}

@keyframes psAmbientFloatOne {
  0% { transform: translate3d(-4%, -3%, 0) scale(.92); }
  48% { transform: translate3d(22%, 18%, 0) scale(1.08); }
  100% { transform: translate3d(48%, 7%, 0) scale(.98); }
}

@keyframes psAmbientFloatTwo {
  0% { transform: translate3d(5%, 8%, 0) scale(1.04); }
  52% { transform: translate3d(-28%, -16%, 0) scale(.94); }
  100% { transform: translate3d(-47%, -5%, 0) scale(1.1); }
}

@keyframes psAmbientFloatThree {
  0% { transform: translate3d(-16%, 20%, 0) scale(.9); }
  45% { transform: translate3d(20%, -18%, 0) scale(1.13); }
  100% { transform: translate3d(5%, 28%, 0) scale(.96); }
}

@media (max-width: 767px), (pointer: coarse) {
  .ps-ambient__pointer { display: none; }
  .ps-ambient__orb { filter: blur(82px); opacity: .52; }
  .ps-ambient__glass {
    backdrop-filter: blur(30px) saturate(1.04);
    -webkit-backdrop-filter: blur(30px) saturate(1.04);
  }
  .ps-ambient__grain { opacity: .02; }
}

@media (prefers-reduced-motion: reduce) {
  .ps-ambient__wash,
  .ps-ambient__orb {
    animation: none !important;
  }
  .ps-ambient__pointer { display: none; }
}
.psmk-fb-wrap {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.psmk-fb-card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.6rem;
  border: 1px solid rgba(255,255,255,0.085);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.014)),
    linear-gradient(135deg, rgba(7,14,24,0.96), rgba(5,11,20,0.99));
  box-shadow:
    0 18px 44px rgba(0,0,0,0.24),
    0 0 0 1px rgba(255,255,255,0.018) inset;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.psmk-fb-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0,255,133,0.13);
  box-shadow:
    0 20px 48px rgba(0,0,0,0.28),
    0 0 14px rgba(0,255,133,0.025),
    0 0 0 1px rgba(0,255,133,0.015) inset;
}

.psmk-fb-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 18% 0%, rgba(0,255,133,0.055), transparent 42%),
    radial-gradient(circle at 95% 100%, rgba(0,255,133,0.035), transparent 38%);
  transition: opacity 0.2s ease;
}

.psmk-fb-card:hover .psmk-fb-glow {
  opacity: 1;
}

.psmk-fb-main {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.15rem;
  min-height: 0;
}

.psmk-fb-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.9rem;
  margin-bottom: 1rem;
}

.psmk-fb-stars {
  display: inline-flex;
  align-items: center;
  gap: 0.14rem;
  line-height: 1;
}

.psmk-fb-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 800;
}

.psmk-fb-star-on {
  color: #00ff85;
  text-shadow: 0 0 7px rgba(0,255,133,0.20);
}

.psmk-fb-star-off {
  color: rgba(255,255,255,0.16);
}

.psmk-fb-time {
  flex-shrink: 0;
  padding: 0.34rem 0.54rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.065);
  background: rgba(255,255,255,0.032);
  color: rgba(236,255,244,0.46);
  font-size: 0.7rem;
  line-height: 1;
  font-weight: 750;
  white-space: nowrap;
}

.psmk-fb-text {
  color: rgba(245,255,249,0.84);
  font-size: 1rem;
  line-height: 1.58;
  font-weight: 520;
  word-break: break-word;
}

.psmk-fb-text-short {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.psmk-fb-hint {
  margin-top: auto;
  padding-top: 0.9rem;
  color: rgba(0,255,133,0.72);
  font-size: 0.68rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(2px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.psmk-fb-card:hover .psmk-fb-hint {
  opacity: 1;
  transform: translateY(0);
}

.psmk-fb-answer {
  position: relative;
  margin-top: 1rem;
  padding: 0.95rem;
  border-radius: 1.1rem;
  border: 1px solid rgba(255,255,255,0.07);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012)),
    rgba(255,255,255,0.024);
}

.psmk-fb-answer::before {
  content: "";
  position: absolute;
  top: 0.95rem;
  bottom: 0.95rem;
  left: 0.78rem;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, #00ff85, rgba(0,255,133,0.14));
}

.psmk-fb-answer-top,
.psmk-fb-answer-text,
.psmk-fb-answer-from {
  position: relative;
  z-index: 1;
  margin-left: 0.75rem;
}

.psmk-fb-answer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.psmk-fb-answer-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.55rem;
  border-radius: 999px;
  color: #9affce;
  background: rgba(0,255,133,0.08);
  border: 1px solid rgba(0,255,133,0.13);
  font-size: 0.64rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.psmk-fb-answer-time {
  color: rgba(236,255,244,0.40);
  font-size: 0.68rem;
  font-weight: 750;
  white-space: nowrap;
}

.psmk-fb-answer-text {
  color: rgba(245,255,249,0.72);
  font-size: 0.9rem;
  line-height: 1.55;
  word-break: break-word;
}

.psmk-fb-answer-from {
  margin-top: 0.7rem;
  color: rgba(236,255,244,0.46);
  font-size: 0.7rem;
  line-height: 1.4;
  font-weight: 750;
}

.psmk-fb-answer-from span {
  color: #00ff85;
}

.psmk-fb-itembar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-height: 4.6rem;
  padding: 0.85rem 1rem;
  border-top: 1px solid rgba(255,255,255,0.065);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.008)),
    rgba(0,0,0,0.10);
}

.psmk-fb-imgs {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.psmk-fb-img,
.psmk-fb-img-fallback {
  width: 2.3rem;
  height: 2.3rem;
  min-width: 2.3rem;
  border-radius: 0.78rem;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  box-shadow: 0 10px 22px rgba(0,0,0,0.22);
}

.psmk-fb-img {
  object-fit: cover;
  object-position: center;
  display: block;
  margin-left: -0.45rem;
}

.psmk-fb-img:first-child {
  margin-left: 0;
}

.psmk-fb-img-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(0,255,133,0.82);
  font-size: 0.95rem;
  font-weight: 900;
}

.psmk-fb-info {
  min-width: 0;
  flex: 1;
}

.psmk-fb-label {
  display: block;
  margin-bottom: 0.23rem;
  color: rgba(236,255,244,0.38);
  font-size: 0.62rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.psmk-fb-name {
  color: rgba(245,255,249,0.84);
  font-size: 0.84rem;
  line-height: 1.32;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.psmk-fb-name span {
  color: rgba(0,255,133,0.76);
  font-weight: 850;
}

@media (max-width: 640px) {
  .psmk-fb-card {
    min-height: 190px;
    border-radius: 1.25rem;
  }

  .psmk-fb-main {
    padding: 1rem;
  }

  .psmk-fb-top {
    gap: 0.75rem;
    margin-bottom: 0.85rem;
  }

  .psmk-fb-star {
    font-size: 1.16rem;
  }

  .psmk-fb-time {
    font-size: 0.62rem;
    padding: 0.3rem 0.46rem;
  }

  .psmk-fb-text {
    font-size: 0.92rem;
    line-height: 1.52;
  }

  .psmk-fb-answer {
    border-radius: 1rem;
    padding: 0.82rem;
  }

  .psmk-fb-answer-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.45rem;
  }

  .psmk-fb-itembar {
    min-height: 4.2rem;
    padding: 0.76rem 0.85rem;
  }

  .psmk-fb-img,
  .psmk-fb-img-fallback {
    width: 2.05rem;
    height: 2.05rem;
    min-width: 2.05rem;
    border-radius: 0.68rem;
  }

  .psmk-fb-label {
    font-size: 0.58rem;
  }

  .psmk-fb-name {
    font-size: 0.78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .psmk-fb-card,
  .psmk-fb-card *,
  .psmk-fb-card *::before,
  .psmk-fb-card *::after {
    transition: none !important;
    animation: none !important;
  }
}

/* Restore the previous compact cart arrangement. */
body[data-template="cart"] .ps-cart-quantity {
  display: flex !important;
  width: auto !important;
  min-width: 7.2rem !important;
  max-width: 7.2rem !important;
  height: 2.65rem !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: .72rem !important;
  background: #07110c !important;
  box-shadow: none !important;
}
body[data-template="cart"] .ps-cart-quantity button {
  display: flex !important;
  width: 2.3rem !important;
  min-width: 2.3rem !important;
  height: 2.6rem !important;
  flex: 0 0 2.3rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-template="cart"] .ps-cart-quantity input {
  width: 2.6rem !important;
  min-width: 2.6rem !important;
  height: 2.6rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-inline: 1px solid rgba(255,255,255,.07) !important;
  background: transparent !important;
}
body[data-template="cart"] .ps-cart-pricing {
  display: grid !important;
  grid-template-columns: 1fr !important;
  min-width: 12.8rem !important;
  min-height: 0 !important;
  gap: .2rem !important;
  padding: .45rem .7rem !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-template="cart"] .ps-cart-pricing > div {
  display: flex !important;
  min-height: 1.45rem !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 !important;
  border: 0 !important;
}
body[data-template="cart"] .ps-cart-pricing > div > span {
  display: inline !important;
  color: var(--cart-muted) !important;
  font-size: .65rem !important;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}
body[data-template="cart"] .ps-cart-pricing > div > strong {
  color: #f4faf6 !important;
  font-size: .8rem !important;
  font-weight: 800;
}
body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) strong { font-size: 1rem !important; }
body[data-template="cart"] .ps-cart-pricing > small {
  grid-column: auto !important;
  justify-self: end !important;
  margin: .1rem 0 0 !important;
  padding: .2rem .42rem;
}
@media (min-width:1181px) {
  body[data-template="cart"] .ps-cart-item { grid-template-columns:minmax(17rem,1fr) minmax(28rem,33rem) !important; }
  body[data-template="cart"] .ps-cart-item__controls { grid-template-columns:7.2rem minmax(12.8rem,1fr) 2.35rem !important; gap:.75rem !important; }
}
@media (max-width:1180px) and (min-width:640px) {
  body[data-template="cart"] .ps-cart-item__controls { grid-template-columns:7.2rem minmax(12.8rem,1fr) 2.35rem !important; gap:.75rem !important; }
}
@media (max-width:639px) {
  body[data-template="cart"] .ps-cart-item__controls { grid-template-columns:6.6rem minmax(0,1fr) 2.25rem !important; }
  body[data-template="cart"] .ps-cart-quantity { min-width:6.6rem !important; max-width:6.6rem !important; }
  body[data-template="cart"] .ps-cart-quantity button { width:2rem !important; min-width:2rem !important; flex-basis:2rem !important; }
  body[data-template="cart"] .ps-cart-pricing { min-width:0 !important; padding:.2rem .35rem !important; }
  body[data-template="cart"] .ps-cart-pricing > div:first-child { display:none !important; }
  body[data-template="cart"] .ps-cart-pricing > div:nth-child(2) > span { display:none !important; }
}
.ps-login-card input{min-height:3.15rem;border-radius:.9rem!important;background:rgba(255,255,255,.035)!important}.ps-login-card button[type="submit"]{min-height:3.15rem;border-radius:.9rem!important}.ps-login-card>div:first-child h3{font-size:1.45rem;letter-spacing:-.035em}
#customer-reseller .bg-white\/5,#customer-subscriptions .bg-white\/5,#customer-affiliate .bg-white\/5{border-color:rgba(255,255,255,.09)!important;border-width:1px!important;border-radius:1.2rem!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;box-shadow:0 18px 55px rgba(0,0,0,.16)}#customer-reseller button,#customer-subscriptions button,#customer-affiliate button{border-radius:.85rem!important}#customer-reseller h3,#customer-subscriptions h3,#customer-affiliate h3{letter-spacing:-.025em}
#customer-sidebar .ps4-account-links{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none}#customer-sidebar .ps4-account-links::-webkit-scrollbar{display:none}#customer-sidebar .ps4-account-link{flex:0 0 auto}

/* Complete customer login and account security surfaces. */
.ps-login-card{position:relative;border:1px solid rgba(255,255,255,.1)!important;border-radius:1.5rem!important;background:linear-gradient(155deg,rgba(13,25,19,.98),rgba(4,10,7,.98))!important;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 0 1px rgba(0,255,133,.04) inset!important}
.ps-login-card:before{content:"";position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,133,.72),transparent)}
.ps-login-card input{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.ps-login-card input:focus{border-color:rgba(0,255,133,.58)!important;background:rgba(255,255,255,.055)!important;box-shadow:0 0 0 4px rgba(0,255,133,.08)!important}
.ps-login-card button:disabled{cursor:not-allowed}
.ps-security-modal{border-radius:1.5rem!important;background:linear-gradient(155deg,rgba(13,25,19,.99),rgba(4,10,7,.99))!important;box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 0 1px rgba(0,255,133,.05) inset!important}
.ps-security-field{display:flex;flex-direction:column;gap:.45rem}
.ps-security-field>span{color:rgba(240,255,247,.72);font-size:.76rem;font-weight:750;letter-spacing:.04em}
.ps-security-field input:focus{outline:none;border-color:rgba(0,255,133,.55)!important;box-shadow:0 0 0 4px rgba(0,255,133,.08)}
.ps-security-qr{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:rgba(255,255,255,.025)}
.ps-security-qr>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:.45rem}
.ps-security-qr small{color:rgba(240,255,247,.48);font-weight:700}
.ps-vault-security-state{display:block;margin-top:.3rem;color:rgba(233,255,243,.48);font-size:.72rem;line-height:1.4}
#seguridad{scroll-margin-top:7rem}
@media(max-width:640px){.ps-login-card,.ps-security-modal{padding:1.25rem!important;border-radius:1.2rem!important}.ps-security-qr{align-items:flex-start;flex-direction:column}.ps-security-qr img{margin-inline:auto}}

/* Dedicated access and security account view. */
.ps-security-page{display:flex;flex-direction:column;gap:1.25rem}
.ps-security-page__hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;overflow:hidden;padding:2rem;border:1px solid rgba(255,255,255,.08);border-radius:1.75rem;background:radial-gradient(circle at 80% 0,rgba(0,255,133,.14),transparent 38%),linear-gradient(145deg,rgba(11,30,20,.96),rgba(4,12,8,.96));box-shadow:0 24px 80px rgba(0,0,0,.24)}
.ps-security-page__hero:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,#00ff85,transparent)}
.ps-security-page__eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#76e9ad;font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.ps-security-page__hero h1{margin:.7rem 0 .45rem;color:#f4fff8;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;letter-spacing:-.055em;line-height:1}
.ps-security-page__hero p{max-width:42rem;color:rgba(233,255,243,.58);font-size:.96rem;line-height:1.65}
.ps-security-page__score{display:flex;min-width:14rem;flex-direction:column;gap:.28rem;padding:1.2rem 1.35rem;border:1px solid rgba(0,255,133,.18);border-radius:1.25rem;background:rgba(0,255,133,.055)}
.ps-security-page__score small{color:rgba(233,255,243,.5);font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.ps-security-page__score strong{color:#6fffb3;font-size:1.55rem;font-weight:900}
.ps-security-page__score span{color:rgba(233,255,243,.5);font-size:.72rem}
.ps-security-page__identity{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.3rem;border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;background:rgba(255,255,255,.022)}
.ps-security-page__identity>div:last-child{display:flex;min-width:0;flex-direction:column}
.ps-security-page__identity small{color:rgba(233,255,243,.42);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ps-security-page__identity strong{overflow:hidden;color:#effff6;font-size:1rem;text-overflow:ellipsis}
.ps-security-page__identity span{color:rgba(233,255,243,.42);font-size:.72rem}
.ps-security-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ps-security-option{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;gap:.8rem 1rem;min-height:16rem;padding:1.4rem;border:1px solid rgba(255,255,255,.08);border-radius:1.4rem;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:transform .25s ease,border-color .25s ease,background .25s ease}
.ps-security-option:hover{transform:translateY(-2px);border-color:rgba(0,255,133,.18);background:linear-gradient(145deg,rgba(0,255,133,.045),rgba(255,255,255,.012))}
.ps-security-option__icon{display:grid;width:2.8rem;height:2.8rem;grid-row:1/span 2;place-items:center;border:1px solid rgba(0,255,133,.16);border-radius:.9rem;background:rgba(0,255,133,.07);color:#65f5aa}
.ps-security-option>div{min-width:0}
.ps-security-option small{color:rgba(233,255,243,.4);font-size:.63rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ps-security-option h2{margin:.18rem 0 .45rem;color:#f2fff7;font-size:1.2rem;font-weight:850;letter-spacing:-.025em}
.ps-security-option p{color:rgba(233,255,243,.48);font-size:.8rem;line-height:1.55}
.ps-security-option__status{justify-self:end;padding:.35rem .55rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:rgba(233,255,243,.48);font-size:.61rem;font-weight:750}
.ps-security-option__status.is-enabled{border-color:rgba(0,255,133,.2);background:rgba(0,255,133,.06);color:#65f5aa}
.ps-security-option>button{grid-column:1/-1;align-self:end;min-height:2.85rem;padding:.7rem 1rem;border:1px solid rgba(0,255,133,.2);border-radius:.85rem;background:rgba(0,255,133,.08);color:#8affbf;font-size:.8rem;font-weight:800;transition:background .2s ease,color .2s ease}
.ps-security-option>button:hover{background:#28f796;color:#031008}
.ps-security-option--danger{border-color:rgba(255,91,91,.11)}
.ps-security-option--danger .ps-security-option__icon{border-color:rgba(255,91,91,.18);background:rgba(255,91,91,.06);color:#ff9a9a}
.ps-security-option--danger>button{border-color:rgba(255,91,91,.22);background:rgba(255,91,91,.06);color:#ff9a9a}
.ps-security-option--danger>button:hover{background:#ff6868;color:#160303}
@media(max-width:820px){.ps-security-page__hero{grid-template-columns:1fr}.ps-security-page__score{min-width:0}.ps-security-page__grid{grid-template-columns:1fr}}
@media(max-width:520px){.ps-security-page__hero{padding:1.35rem;border-radius:1.3rem}.ps-security-page__identity{align-items:flex-start}.ps-security-option{grid-template-columns:auto 1fr;min-height:0;padding:1.1rem}.ps-security-option__status{grid-column:2;justify-self:start}.ps-security-option>button{grid-column:1/-1}}

/* Security view refinement: compact hierarchy and stable status pills. */
#seguridad .ps-security-page__hero {
  padding: 1.75rem;
  border-radius: 1.45rem;
}

#seguridad .ps-security-page__hero h1 {
  max-width: 100%;
  font-size: clamp(2.15rem, 4.6vw, 3.75rem);
  line-height: .98;
}

#seguridad .ps-security-page__identity {
  min-height: 5.4rem;
  padding: 1rem 1.15rem;
}

#seguridad .ps-security-page__grid {
  align-items: stretch;
}

#seguridad .ps-security-option {
  position: relative;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  column-gap: 1rem;
  row-gap: 1.2rem;
  min-height: 14rem;
  padding: 1.35rem;
  overflow: hidden;
}

#seguridad .ps-security-option::before,
#seguridad .ps-security-option::after {
  display: none !important;
  content: none !important;
}

#seguridad .ps-security-option__icon {
  grid-column: 1;
  grid-row: 1;
  width: 3rem;
  height: 3rem;
  align-self: start;
}

#seguridad .ps-security-option > div {
  grid-column: 2;
  grid-row: 1;
  padding-top: .05rem;
  padding-right: 7.5rem;
}

#seguridad .ps-security-option h2 {
  margin-top: .2rem;
  font-size: 1.16rem;
  line-height: 1.15;
}

#seguridad .ps-security-option p {
  max-width: 31rem;
  margin-top: .45rem;
  font-size: .78rem;
  line-height: 1.58;
}

#seguridad .ps-security-option__status {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: inline-flex;
  width: auto !important;
  min-width: 0 !important;
  max-width: 8rem;
  height: 1.7rem !important;
  min-height: 1.7rem !important;
  align-items: center;
  justify-content: center;
  align-self: auto !important;
  justify-self: auto !important;
  padding: 0 .58rem;
  overflow: hidden;
  border-radius: .55rem;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#seguridad .ps-security-option > button {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  min-height: 2.75rem;
  margin: 0;
}

#seguridad .ps-security-option--danger {
  background: linear-gradient(145deg, rgba(255,88,88,.018), rgba(255,255,255,.008));
}

@media (max-width: 720px) {
  #seguridad .ps-security-page__hero {
    padding: 1.3rem;
  }

  #seguridad .ps-security-page__hero h1 {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  #seguridad .ps-security-option {
    grid-template-columns: 2.7rem minmax(0, 1fr);
    min-height: 0;
    padding: 1.1rem;
  }

  #seguridad .ps-security-option__icon {
    width: 2.7rem;
    height: 2.7rem;
  }

  #seguridad .ps-security-option > div {
    padding-right: 0;
  }

  #seguridad .ps-security-option__status {
    position: static;
    grid-column: 2;
    grid-row: auto;
    justify-self: start !important;
    max-width: 100%;
  }

  #seguridad .ps-security-option > button {
    grid-row: auto;
  }
}