:root{--bg:#101317;--panel:#1c2126;--panel-2:#242a2f;--line:#313941;--text:#f5f5f2;--muted:#aab1b6;--steel:#9dafb9;--accent:#dce5e9;--radius:14px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}.skip{position:absolute;left:10px;top:-80px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:8px}
.header{height:76px;background:#111519;border-bottom:1px solid #2b3137}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--steel);font-size:27px;font-weight:950;transform:skew(-8deg);letter-spacing:-4px;padding-right:4px}.brand-text{font-size:26px;font-weight:900;line-height:.85;letter-spacing:.16em}.brand-caption{display:block;color:var(--steel);font-size:8px;letter-spacing:.24em;margin-top:8px}.instagram{display:flex;align-items:center;gap:10px;color:var(--steel);font-size:13px}.instagram:hover{color:white}
.hero{background:radial-gradient(ellipse at 80% 35%,#33404a 0%,transparent 52%),linear-gradient(135deg,#1c242b,#101317 72%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-inner{min-height:380px;display:flex;align-items:center;position:relative;padding-block:60px 70px}.hero-copy{max-width:670px;z-index:1}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#aabac4;font-size:11px;letter-spacing:.22em;font-weight:800}.eyebrow-line{height:1px;width:26px;background:#aabac4}.hero h1{font-size:clamp(43px,6.8vw,86px);line-height:.99;letter-spacing:-.052em;font-weight:900;margin:20px 0 20px}.hero h1 em{font-style:normal;color:#a8bbc6}.hero p{max-width:500px;color:#c8d1d7;font-size:15px;line-height:1.65;margin:0 0 26px}.hero-cta{display:inline-flex;gap:28px;align-items:center;background:var(--text);color:#12181c;font-size:13px;font-weight:800;border-radius:4px;padding:15px 19px}.hero-cta:hover{background:#d1dce1}.hero-watermark{position:absolute;right:1%;top:-16%;font-size:530px;font-weight:900;line-height:1;letter-spacing:-.15em;color:rgba(206,223,230,.045);transform:skew(-14deg);pointer-events:none}.hero-edge{height:34px;display:flex;align-items:center;justify-content:space-between;padding-inline:max(20px,calc((100vw - 1200px)/2));border-top:1px solid #343c42;color:#82919a;font-size:9px;font-weight:800;letter-spacing:.22em}
.catalog{padding-top:62px;padding-bottom:100px;min-height:400px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:27px}.section-head h2{font-size:clamp(30px,3.4vw,43px);letter-spacing:-.04em;margin:8px 0 0}.item-count{color:var(--muted);font-size:13px;margin:0 0 6px}.filters{display:grid;grid-template-columns:minmax(250px,1fr) 185px 180px;gap:12px}.search{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:0 15px;height:52px}.search svg{color:#9eafb9;flex-shrink:0}.search input{border:0;background:transparent;outline:0;color:var(--text);min-width:0;width:100%;font-size:13px}.search:focus-within{border-color:#a7bdca}.select-field{display:flex;align-items:center;gap:9px;height:52px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:0 12px;font-size:12px;color:var(--muted)}.select-field select{background:transparent;color:var(--text);min-width:0;width:100%;border:0;outline:0;cursor:pointer;font-size:12px}.select-field option{background:var(--panel)}.categories{display:flex;overflow:auto;gap:8px;padding:21px 0 27px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:100px;padding:10px 18px;font-size:12px;font-weight:750;min-height:41px}.chip:hover,.chip[aria-pressed=true]{background:#dce5e9;color:#12171b;border-color:#dce5e9}.status{color:#b4bec4;padding:44px 0;text-align:center;font-size:14px}.status:empty{display:none}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.product-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;transition:transform .15s,border-color .15s}.product-card:hover{transform:translateY(-3px);border-color:#63727b}.card-image{position:relative;aspect-ratio:3/3.3;background:#2a3036;overflow:hidden;cursor:pointer;border:0;display:block;width:100%;padding:0}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.product-card:hover .card-image img{transform:scale(1.035)}.picture-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#444e55,#262d32);font-size:35px;letter-spacing:.3em;font-weight:900;color:#99a9b2}.card-image .picture-placeholder{font-size:24px}.card-tag{position:absolute;top:12px;left:12px;background:#12171bcf;border:1px solid #ffffff20;border-radius:4px;color:#d6dfe4;font-size:9px;letter-spacing:.15em;padding:7px 8px;font-weight:800}.card-info{padding:16px}.card-color{font-size:11px;color:#9ca9b1;letter-spacing:.04em}.card-name{font-size:15px;font-weight:800;line-height:1.33;margin:7px 0 7px;min-height:40px}.card-price{font-size:20px;font-weight:850;margin-bottom:13px}.card-sizes{font-size:11px;color:#b7c1c8;margin-bottom:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-actions{display:flex;gap:9px}.card-buy{flex:1;background:#e8edf0;color:#152027;border:0;border-radius:7px;padding:12px;font-size:12px;font-weight:850;min-height:44px}.card-buy:hover{background:#c7d5dd}.card-share{border:1px solid #52616b;background:transparent;color:#dbe3e6;border-radius:7px;display:grid;place-items:center;width:45px;min-width:45px;min-height:44px}.card-share:hover{background:#303b43}.card-share svg{width:18px;height:18px}
.footer{border-top:1px solid var(--line);background:#0b0e11;padding:32px 0 23px}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner strong{font-size:24px;letter-spacing:.2em}.footer-inner span{font-size:10px;letter-spacing:.17em;color:#8d9ba3}.footer-inner a{font-size:12px;color:#b9c5ca;margin-left:auto}.footer-sub{font-size:11px;color:#74828b;margin-top:26px}
.detail{position:fixed;margin:auto;border:1px solid #48555e;background:#1b2228;color:var(--text);border-radius:16px;width:min(970px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;overflow-y:auto;box-shadow:0 25px 100px #000b}.detail::backdrop{background:rgba(2,6,9,.83);backdrop-filter:blur(4px)}.detail-layout{display:grid;grid-template-columns:1.07fr 1fr}.detail-media{min-width:0;background:#2b343b}.detail-image-frame{aspect-ratio:3/3.65;position:relative;overflow:hidden;max-height:650px}.detail-image-frame>img{width:100%;height:100%;object-fit:contain}.detail-placeholder{height:100%}.dialog-close{position:sticky;float:right;z-index:10;top:12px;right:14px;margin:13px 14px -58px 0;width:42px;height:42px;line-height:1;border-radius:50%;background:#0c1219c9;color:white;border:1px solid #56636e;font-size:27px}.image-arrow{position:absolute;top:48%;border:1px solid #77828a;background:#111a22b8;color:white;font-size:30px;width:36px;height:43px;border-radius:5px;display:grid;place-items:center;padding:0}.image-arrow.left{left:10px}.image-arrow.right{right:10px}.image-arrow[hidden]{display:none}.gallery-dots{display:flex;justify-content:center;gap:7px;padding:14px}.gallery-dots button{width:10px;height:10px;background:#677581;border:0;border-radius:50%;padding:0}.gallery-dots button[aria-current=true]{background:#fff;transform:scale(1.25)}.detail-content{padding:42px 38px 30px}.detail-content h2{font-size:31px;letter-spacing:-.04em;line-height:1.1;margin:12px 0}.detail-color{font-size:14px;color:#c1cbd0;margin:0 0 18px}.detail-price{font-size:31px;font-weight:850}.detail-specs{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.detail-specs span{font-size:11px;padding:8px 10px;border:1px solid #47525a;color:#bdc9cf;border-radius:5px}.detail-divider{border-top:1px solid var(--line);margin:28px 0 23px}.size-heading{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.available-label{color:#acc9bb;font-size:11px}.sizes{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 14px}.size-button{min-width:50px;min-height:47px;border-radius:6px;background:#252e35;color:white;border:1px solid #66727d;padding:10px;font-weight:800}.size-button[aria-pressed=true]{color:#10161a;background:#e2e9ec;border-color:#e2e9ec}.sku{font-size:11px;color:#99aab5;margin:0 0 22px}.detail-actions{display:flex;gap:10px}.buy-button{flex:1;background:#e2e9ec;border:0;border-radius:6px;padding:16px;color:#152029;font-weight:850;font-size:13px;display:flex;justify-content:space-between;align-items:center;min-height:52px}.buy-button:hover{background:#c1d2dc}.buy-button:disabled{opacity:.5;cursor:not-allowed}.share-button{width:52px;height:52px;display:grid;place-items:center;background:transparent;color:white;border:1px solid #60707b;border-radius:6px}.help-text{font-size:11px;line-height:1.65;color:#99a7af;margin-top:18px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(60px);background:#eff4f6;color:#14212a;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:700;z-index:99;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 40px #0007}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.wrap{width:calc(100% - 28px)}.header{height:66px}.brand-mark{width:38px;height:38px}.brand-text{font-size:22px}.instagram span{display:none}.hero-inner{min-height:330px;padding-block:47px 55px}.hero-watermark{font-size:360px;right:-50px;top:20px}.hero p{font-size:13px}.hero-edge{padding-inline:14px;font-size:8px}.hero-edge span:last-child{display:none}.catalog{padding-top:44px;padding-bottom:75px}.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.section-head h2{font-size:32px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.card-info{padding:12px}.card-name{font-size:13px;min-height:36px}.card-price{font-size:17px}.card-sizes{font-size:10px}.card-buy{font-size:11px;padding:10px}.card-share{min-width:42px;width:42px}.detail-layout{grid-template-columns:1fr}.detail{width:min(510px,calc(100% - 12px));max-height:calc(100dvh - 12px);border-radius:12px}.detail-image-frame{aspect-ratio:4/3.25;max-height:360px}.detail-content{padding:25px 22px 28px}.detail-content h2{font-size:26px}.detail-price{font-size:28px}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner a{margin-left:auto}.footer-inner span{width:100%;order:3}}@media(max-width:370px){.hero h1{font-size:39px}.card-share{width:38px;min-width:38px}.card-info{padding:10px}.card-actions{gap:5px}.filters{gap:8px}.select-field{padding:0 8px}.select-field span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Catálogo: marca oficial y presentación de productos sin bloques promocionales. */
.brand-logo{display:block;height:88px;width:auto;max-width:150px;object-fit:contain}
.header{height:110px}
.catalog{padding-top:34px}
.filters.filters-compact{display:flex;gap:0;margin-bottom:24px}
.filters-compact .select-field{width:min(250px,100%);min-width:0;max-width:100%}
@media(max-width:760px){
  .header{height:96px}
  .brand-logo{height:80px;max-width:125px}
  .catalog{padding-top:26px}
  .filters.filters-compact{display:block;margin-bottom:20px}
  .filters-compact .select-field{width:100%;height:48px}
}

/* HAVIK catálogo: tres filtros combinables en una sola fila, incluso en móvil. */
.filters.filters-compact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:24px;
}
.filters.filters-compact .select-field{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  width:auto;
  min-width:0;
  max-width:none;
  height:66px;
  padding:8px 12px;
  gap:5px;
}
.filters.filters-compact .select-field > span{
  display:block;
  font-size:11px;
  font-weight:750;
  color:#aab8c1;
  line-height:1.1;
}
.filters.filters-compact .select-field select{
  width:100%;
  min-width:0;
  max-width:100%;
  font-size:13px;
  font-weight:650;
  color:#e3e9ed;
  text-overflow:ellipsis;
}
@media(max-width:760px){
  .filters.filters-compact{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-bottom:20px;
  }
  .filters.filters-compact .select-field{
    height:64px;
    width:auto;
    min-width:0;
    padding:7px 8px;
    gap:5px;
  }
  .filters.filters-compact .select-field > span{
    display:block;
    font-size:10px;
  }
  .filters.filters-compact .select-field select{
    font-size:12px;
  }
}

/* Catálogo: acción de compra limpia y centrada, sin texto auxiliar. */
.detail-actions .buy-button{justify-content:center;text-align:center}