:root{ --black: #0A0A0C; --white: #FFFFFF; --cream: #F4F2EC; --navy: #2B36F5; --navy-lt:#7C86FF; --navy-dk:#0E1230; --accent: #D6FF3D; --gray: #6B6B70; --gray-lt:#EDECE7; --red: #E5484D; --green: #1F9D63; --border: #E5E3DC; --radius: 20px; --ease: cubic-bezier(.16,1,.3,1); --ease-soft: cubic-bezier(.4,0,.2,1); --display:'Space Grotesk', 'Inter', sans-serif; --body: 'Inter', sans-serif; } *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{font-family:var(--body);color:var(--black);background:var(--white);overflow-x:hidden;} a{color:inherit;text-decoration:none;} img{display:block;max-width:100%;} button,input,select{font-family:var(--body);} button{cursor:pointer;} ul{list-style:none;} ::selection{background:var(--black);color:var(--accent);} ::-webkit-scrollbar{width:9px;height:9px;} ::-webkit-scrollbar-track{background:var(--cream);} ::-webkit-scrollbar-thumb{background:var(--black);border-radius:10px;border:2px solid var(--cream);} a:focus-visible,button:focus-visible,.dot:focus-visible,.tag-btn:focus-visible,input:focus-visible{ outline:2px solid var(--navy);outline-offset:2px; } @media(prefers-reduced-motion:reduce){ *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;} } .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);} .reveal.is-visible{opacity:1;transform:translateY(0);} .reveal-stagger > *{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease);} .reveal-stagger.is-visible > *{opacity:1;transform:translateY(0);} .reveal-stagger.is-visible > *:nth-child(1){transition-delay:.02s;} .reveal-stagger.is-visible > *:nth-child(2){transition-delay:.08s;} .reveal-stagger.is-visible > *:nth-child(3){transition-delay:.14s;} .reveal-stagger.is-visible > *:nth-child(4){transition-delay:.20s;} .reveal-stagger.is-visible > *:nth-child(5){transition-delay:.26s;} .reveal-stagger.is-visible > *:nth-child(6){transition-delay:.32s;} .reveal-stagger.is-visible > *:nth-child(7){transition-delay:.38s;} .reveal-stagger.is-visible > *:nth-child(8){transition-delay:.44s;} .topbar{ background:linear-gradient(90deg,var(--navy-dk),var(--black) 60%);color:var(--accent); text-align:center;font-size:11px;letter-spacing:2.5px; padding:10px 12px;font-weight:700;text-transform:uppercase; position:relative;overflow:hidden; transition:opacity .25s ease; border-bottom:1px solid rgba(214,255,61,.18); } header.main{ display:flex;align-items:center;justify-content:space-between; padding:0 20px;height:76px;gap:14px; border-bottom:1px solid var(--border); position:sticky;top:0;background:rgba(255,255,255,.88); backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4); z-index:70;transition:height .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease); } header.main::after{ content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px; background:linear-gradient(90deg,var(--navy),var(--accent),var(--navy)); opacity:0;transition:opacity .35s var(--ease); } header.main.header-scrolled::after{opacity:1;} header.main.header-scrolled{ height:60px; box-shadow:0 12px 34px rgba(10,10,20,.10); background:rgba(255,255,255,.96); } .icon-btn{ background:none;border:1.5px solid transparent; display:flex;align-items:center;padding:8px; border-radius:50px;transition:background .25s var(--ease),transform .2s var(--ease),border-color .25s var(--ease); position:relative; } .icon-btn:hover{background:var(--cream);border-color:var(--border);transform:translateY(-2px);} .icon-btn:active{transform:translateY(0) scale(.94);} #menuOpenBtn{width:40px;height:40px;justify-content:center;} #menuOpenBtn svg rect{transition:transform .35s var(--ease),opacity .2s ease;transform-origin:11px 8px;} #menuOpenBtn.is-open svg rect:nth-child(1){transform:translateY(7px) rotate(45deg);} #menuOpenBtn.is-open svg rect:nth-child(2){opacity:0;transform:scaleX(0);} #menuOpenBtn.is-open svg rect:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .logo{font-family:var(--display);font-size:26px;letter-spacing:3px;line-height:1;user-select:none;transition:opacity .25s var(--ease),transform .25s var(--ease);} .logo:hover{opacity:.86;transform:scale(1.03) rotate(-.4deg);} .logo .prime{color:var(--black);} .logo .street{color:var(--navy);} .logo .shoes{color:var(--black);font-size:12px;font-family:var(--body);font-weight:300;letter-spacing:6px;display:block;margin-top:-2px;} .header-right{display:flex;align-items:center;gap:4px;} .cart-wrap{position:relative;display:flex;} .cart-badge{ position:absolute;top:-4px;right:-6px; background:var(--navy);color:#fff; font-size:9px;font-weight:800;border-radius:50%; min-width:16px;height:16px;display:flex;align-items:center;justify-content:center; padding:0 2px;box-shadow:0 0 0 2px #fff; } .desktop-nav{display:none;align-items:center;gap:6px;flex:1;padding-left:16px;} .desktop-nav>a,.desktop-nav>.nav-drop>button{ position:relative;font-size:12.5px;font-weight:700;color:var(--black); padding:10px 16px;border-radius:50px;background:transparent;border:1.5px solid transparent;font-family:var(--body); display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s,background .3s var(--ease),border-color .3s var(--ease),transform .2s var(--ease); white-space:nowrap;text-transform:uppercase;letter-spacing:.4px; } .desktop-nav>a:hover,.desktop-nav>.nav-drop>button:hover,.desktop-nav>.nav-drop:hover>button{ color:#fff;background:var(--navy);border-color:var(--navy);transform:translateY(-1px); box-shadow:0 8px 18px rgba(43,54,245,.22); } .nav-drop{position:relative;} .nav-drop>button svg{transition:transform .25s var(--ease);} .nav-drop:hover>button svg{transform:rotate(180deg);} .nav-drop-panel{ position:absolute;top:calc(100% + 10px);left:0;min-width:210px; background:#fff;border:1px solid var(--border);border-radius:16px; box-shadow:0 20px 50px rgba(10,10,12,.14);padding:10px; opacity:0;pointer-events:none;transform:translateY(8px) scale(.98); transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:80; max-height:340px;overflow-y:auto; border-top:3px solid var(--accent); } .nav-drop:hover .nav-drop-panel,.nav-drop:focus-within .nav-drop-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);} .nav-drop-panel a{ display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px; font-size:13px;color:var(--black);transition:background .18s,color .18s,padding-left .18s var(--ease); } .nav-drop-panel a:hover{background:var(--cream);color:var(--navy);padding-left:16px;} .nav-drop-dot{width:8px;height:8px;border-radius:50%;background:var(--bc,var(--navy-lt));flex:0 0 auto;} @media(min-width:900px){ #menuOpenBtn{display:none;} .desktop-nav{display:flex;} } .menu-overlay{ position:fixed; inset:0; background:rgba(8,8,12,.4); backdrop-filter:blur(3px); z-index:96; opacity:0; pointer-events:none; transition:opacity .35s ease; } .menu-overlay.open{ opacity:1; pointer-events:auto; } .menu-drawer{ position:fixed; inset:0; width:100%; max-width:100%; background:var(--black); z-index:97; color:#fff; display:flex; flex-direction:column; clip-path:circle(0% at 34px 34px); transition:clip-path .6s var(--ease); overflow-y:auto; } .menu-drawer.open{ clip-path:circle(150% at 34px 34px); } .menu-drawer-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 18px; position:relative; overflow:hidden; flex:0 0 auto; } .menu-drawer-head::after{ content:''; position:absolute; inset:0; background:radial-gradient( 220px 140px at 90% 0%, rgba(214,255,61,.10), transparent 70% ); } .menu-drawer-head .logo-img--drawer{ filter:brightness(0) invert(1); position:relative; z-index:1; width:135px; height:auto; } .menu-drawer-close{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:#fff; font-size:17px; line-height:1; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition: background .25s ease, transform .35s var(--ease); position:relative; z-index:1; } .menu-drawer-close:hover{ background:var(--accent); color:var(--black); transform:rotate(90deg); } .menu-drawer nav{ padding:2px 18px 12px; flex:1; } .menu-drawer-section-lbl{ font-size:9px; letter-spacing:2.5px; font-weight:700; color:var(--navy-lt); text-transform:uppercase; padding:14px 4px 5px; } .menu-drawer nav a{ display:flex; align-items:center; gap:10px; padding:8px 4px; font-size:20px; line-height:1.15; font-family:var(--display); font-weight:500; border-radius:7px; letter-spacing:.3px; color:#fff; opacity:0; transform:translateX(-18px); transition: color .25s ease, transform .25s var(--ease), padding-left .25s var(--ease); animation:drawerLinkIn .5s var(--ease) forwards; border-bottom:1px solid rgba(255,255,255,.06); } .menu-drawer.open nav a{ animation-play-state:running; } .menu-drawer nav a:hover{ color:var(--accent); padding-left:10px; } @keyframes drawerLinkIn{ to{ opacity:1; transform:translateX(0); } } .menu-drawer nav a:nth-of-type(1){animation-delay:.10s;} .menu-drawer nav a:nth-of-type(2){animation-delay:.14s;} .menu-drawer nav a:nth-of-type(3){animation-delay:.18s;} .menu-drawer nav a:nth-of-type(4){animation-delay:.22s;} .menu-drawer nav a:nth-of-type(5){animation-delay:.26s;} .menu-drawer nav a:nth-of-type(6){animation-delay:.30s;} .menu-drawer nav a:nth-of-type(7){animation-delay:.34s;} .menu-drawer nav a:nth-of-type(8){animation-delay:.38s;} .menu-drawer-foot{ padding:12px 18px; margin-top:auto; border-top:1px solid rgba(255,255,255,.08); font-size:11px; line-height:1.5; color:rgba(255,255,255,.5); flex:0 0 auto; } .menu-drawer-foot a{ color:var(--accent); font-weight:600; } .search-wrap{padding:14px 20px;border-bottom:1px solid var(--border);} .search-box{ display:flex;align-items:center;gap:10px; border:1.5px solid var(--border);border-radius:50px; padding:12px 18px;color:#999;font-size:13px; background:var(--cream);width:100%;text-align:left; transition:border-color .25s,box-shadow .25s; } .search-box:hover,.search-box:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px rgba(43,54,245,.08);background:#fff;} .search-box input{ border:none;background:transparent;outline:none; width:100%;font-size:13px;color:var(--black); } .search-box button{background:none;border:none;display:flex;color:#aaa;transition:color .2s;} .search-box button:hover{color:var(--navy);} .auth-links{ display:flex;justify-content:flex-end;align-items:center;gap:12px; padding:8px 20px 12px;font-size:12px;color:var(--gray); border-bottom:1px solid var(--border); } .auth-links a{text-decoration:underline;text-underline-offset:3px;transition:color .2s;} .auth-links a:hover{color:var(--navy);} .auth-links span{color:var(--border);} .auth-links .hello{color:var(--black);font-weight:600;text-decoration:none;} .benefits-strip{ display:grid;grid-template-columns:1fr;gap:0; background:var(--cream);border-bottom:1px solid var(--border); } .benefit-item{ display:flex;align-items:center;gap:12px;padding:16px 20px; border-bottom:1px solid var(--border); } .benefit-item:last-child{border-bottom:none;} .benefit-icon{ flex:0 0 auto;width:40px;height:40px;border-radius:12px; background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center; } .benefit-item div{display:flex;flex-direction:column;gap:1px;} .benefit-item strong{font-size:13px;font-weight:700;color:var(--black);} .benefit-item span{font-size:11.5px;color:var(--gray);} @media(min-width:760px){ .benefits-strip{grid-template-columns:repeat(4,1fr);} .benefit-item{border-bottom:none;border-right:1px solid var(--border);justify-content:center;} .benefit-item:last-child{border-right:none;} } .hero-carousel{position:relative;overflow:hidden;background:var(--black);} .hero-track{display:flex;transition:transform .7s var(--ease);} .hero-slide{min-width:100%;position:relative;} .hero-slide img{width:100%;height:440px;object-fit:cover;opacity:.6;transform:scale(1.03);transition:transform 6s var(--ease-soft),opacity .6s ease;} .hero-slide{overflow:hidden;} .hero-carousel:hover .hero-slide img{transform:scale(1.08);} .hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 24px;} .hero-content::before{ content:'';position:absolute;inset:0;z-index:0; background:linear-gradient(to top, rgba(0,0,0,.85) 5%, rgba(0,0,0,.15) 55%, transparent 80%); } .hero-eyebrow{position:relative;z-index:1;font-size:11px;letter-spacing:4px;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px;} .hero-eyebrow::before{content:'';width:20px;height:2px;background:var(--accent);display:inline-block;} .hero-title{position:relative;z-index:1;font-family:var(--display);font-weight:700;font-size:clamp(42px,11vw,86px);line-height:.94;letter-spacing:-1px;color:var(--white);margin-bottom:24px;} .btn-hero{ position:relative;z-index:1; display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--white); padding:14px 32px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase; color:var(--white);background:transparent;border-radius:50px;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);width:fit-content; } .btn-hero span{transition:transform .3s var(--ease);} .btn-hero:hover{background:var(--accent);color:var(--black);border-color:var(--accent);transform:translateY(-3px);} .btn-hero:hover span{transform:translateX(4px);} .hero-dots{position:absolute;bottom:22px;right:22px;display:flex;gap:7px;z-index:1;} .hero-dots .dot{width:30px;height:4px;border-radius:4px;border:none;background:rgba(255,255,255,.3);padding:0;transition:background .3s,width .3s var(--ease);} .hero-dots .dot.active{background:var(--accent);width:44px;} .hero-ticker{background:var(--accent);overflow:hidden;padding:9px 0;} .hero-ticker-track{display:flex;width:max-content;gap:40px;animation:tickerScroll 22s linear infinite;} .hero-ticker-track span{font-family:var(--display);font-size:14px;letter-spacing:2px;font-weight:700;color:var(--black);text-transform:uppercase;display:flex;align-items:center;gap:40px;white-space:nowrap;} @keyframes tickerScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}} .cat-section{padding:56px 20px 0;} .cat-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;padding-bottom:6px;} .cat-scroll:active{cursor:grabbing;} .cat-scroll::-webkit-scrollbar{display:none;} .cat-item{flex:0 0 58%;scroll-snap-align:start;position:relative;height:280px;overflow:hidden;border-radius:var(--radius);transition:border-radius .45s var(--ease),transform .4s var(--ease);} .cat-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);} .cat-item:hover img{transform:scale(1.08) rotate(1deg);} .cat-item:hover{border-radius:8px 40px 8px 40px;transform:translateY(-4px);} .cat-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 55%);} .cat-info{position:absolute;bottom:20px;left:20px;} .cat-name{font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.5px;color:#fff;line-height:1;} .cat-sub{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:5px;} .section{padding:56px 20px;} .section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:12px;flex-wrap:wrap;} .section-label{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--navy);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px;} .section-label::before{content:'';width:16px;height:2px;background:var(--navy);display:inline-block;} .section-title-big{font-family:var(--display);font-weight:700;font-size:clamp(30px,7vw,44px);letter-spacing:-1px;line-height:1;} .section-link{font-size:12px;letter-spacing:1px;font-weight:700;color:var(--black);text-decoration:none;white-space:nowrap;transition:gap .25s var(--ease),color .2s;display:inline-flex;gap:4px;align-items:center;border-bottom:1.5px solid var(--black);padding-bottom:2px;} .section-link:hover{color:var(--navy);border-color:var(--navy);gap:9px;} .products-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;} .products-row::-webkit-scrollbar{display:none;} .products-row .product-card{flex:0 0 68%;scroll-snap-align:start;} .products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px;} .product-card{display:block;transition:transform .35s var(--ease);} .product-img-wrap{position:relative;overflow:hidden;border-radius:16px;background:var(--cream);transition:border-radius .4s var(--ease);} img.img-broken{display:none;} .product-img-wrap:has(img.img-broken)::after, .product-gallery-main:has(img.img-broken)::after{ content:"👟"; position:absolute;inset:0; display:flex;align-items:center;justify-content:center; font-size:28px;background:var(--cream); } .product-img-wrap img{width:100%;height:210px;object-fit:cover;transition:transform .6s var(--ease);} .product-card:hover{transform:translateY(-8px);} .product-card:hover .product-img-wrap img{transform:translateY(-6px);filter:saturate(1.05);} .products-grid .product-card:nth-child(even) .product-img-wrap, .products-row .product-card:nth-child(even) .product-img-wrap{border-radius:4px 28px 4px 28px;} .products-grid .product-card:nth-child(even):hover .product-img-wrap, .products-row .product-card:nth-child(even):hover .product-img-wrap{border-radius:28px 4px 28px 4px;} .products-grid .product-card:nth-child(odd):hover .product-img-wrap, .products-row .product-card:nth-child(odd):hover .product-img-wrap{border-radius:28px 4px 28px 4px;} .product-img-wrap::after{ content:'';position:absolute;top:-80%;left:-20%;width:60%;height:200%; background:rgba(214,255,61,.28);transform:skewX(-15deg) translateX(-100%); transition:transform .5s var(--ease);pointer-events:none; } .product-card:hover .product-img-wrap::after{transform:skewX(-15deg) translateX(300%);} .product-badge{position:absolute;top:12px;left:12px;background:var(--black);color:var(--accent);font-size:9px;letter-spacing:2px;font-weight:700;padding:5px 10px;border-radius:20px;text-transform:uppercase;} .product-wish{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.85);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:background .2s,transform .2s var(--ease);} .product-wish:hover{background:#fff;transform:scale(1.1);} .product-meta{margin-top:12px;} .product-brand-tag{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--navy);text-transform:uppercase;} .product-name{font-size:13.5px;font-weight:500;line-height:1.35;margin-top:4px;color:var(--black);} .product-price-row{display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap;} .product-price{font-size:15px;font-weight:800;} .product-price-old{font-size:12px;color:var(--gray);text-decoration:line-through;} .product-discount{font-size:11px;font-weight:700;color:var(--red);} .filters-bar{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px;margin-bottom:26px;} .filters-bar::-webkit-scrollbar{display:none;} .filter-chip{ flex:0 0 auto;border:1.5px solid var(--border);background:#fff; font-size:12px;font-weight:600;padding:9px 18px;border-radius:50px; white-space:nowrap;transition:.25s var(--ease); } .filter-chip.active,.filter-chip:hover{background:var(--black);color:var(--accent);border-color:var(--black);} .marcas-section{padding:0 0 56px;} .marquesina{ position:relative;overflow:hidden; padding:26px 0; background:var(--black); width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); } .marquesina-track{ display:flex;align-items:center;gap:14px;width:max-content; animation:marquesina-scroll 38s linear infinite; } .marquesina:hover .marquesina-track{animation-play-state:paused;} @keyframes marquesina-scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} } .marca-logo-chip{ flex:0 0 auto;display:flex;align-items:center;gap:9px; padding:12px 22px;border:1px solid rgba(255,255,255,.14);border-radius:999px; background:rgba(255,255,255,.03); transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease); white-space:nowrap; } .marca-logo-chip:hover{ background:var(--bc,var(--navy));border-color:var(--bc,var(--navy)); transform:translateY(-3px) scale(1.03); } .marca-logo-dot{width:9px;height:9px;border-radius:50%;background:var(--bc,var(--navy-lt));flex:0 0 auto;} .marca-logo-text{ font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.5px;color:#fff; text-transform:uppercase; } .marca-logo-chip--img{padding:10px 24px;} .marca-logo-img{ height:26px;width:auto;max-width:120px;object-fit:contain; filter:grayscale(1) brightness(0) invert(1) opacity(.75); transition:filter .3s var(--ease),transform .3s var(--ease); } .marca-logo-chip--img:hover .marca-logo-img{filter:none;transform:scale(1.06);} .brand-index-logo{height:34px;width:auto;max-width:100%;object-fit:contain;margin-bottom:4px;} @media(prefers-reduced-motion:reduce){ .marquesina-track{animation:none;overflow-x:auto;} } .brands-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;} .brand-index-card{ display:flex;flex-direction:column;gap:6px;padding:24px 20px; border:1px solid var(--border);border-radius:16px;border-left:4px solid var(--bc,var(--navy)); transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-radius .3s var(--ease);background:var(--white); } .brand-index-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.08);border-radius:4px 22px 4px 22px;} .brand-index-name{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.3px;} .brand-index-count{font-size:11px;color:var(--gray);letter-spacing:.5px;} .brand-page-logo{height:46px;width:auto;max-width:220px;object-fit:contain;margin:6px 0 10px;display:block;} .brand-page-title{position:relative;padding-left:18px;} .brand-page-title::before{ content:'';position:absolute;left:0;top:6px;bottom:6px;width:6px;border-radius:4px;background:var(--bc,var(--navy)); } .menu-drawer-marcas-link{font-weight:700;color:var(--accent)!important;font-size:15px!important;font-family:var(--body)!important;} .menu-drawer-brands{ display:flex;flex-direction:column;padding-left:14px;margin:-4px 0 4px; border-left:2px solid rgba(255,255,255,.1); } .menu-drawer-brands a{font-size:13px!important;font-family:var(--body)!important;color:rgba(255,255,255,.55)!important;padding:7px 0!important;border-bottom:none!important;} .menu-drawer-brands a:hover{color:var(--accent)!important;} @media(min-width:600px){ .brands-index-grid{grid-template-columns:repeat(3,1fr);} } @media(min-width:900px){ .brands-index-grid{grid-template-columns:repeat(4,1fr);} .marquesina-track{animation-duration:52s;} } .promo-band{background:var(--black);padding:70px 20px;text-align:center;position:relative;overflow:hidden;} .promo-band::before{ content:'SALE';font-family:var(--display);font-weight:700;font-size:200px;letter-spacing:10px; color:rgba(255,255,255,.03);position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none; } .promo-eyebrow{font-size:11px;letter-spacing:4px;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:14px;} .promo-percent{font-family:var(--display);font-weight:700;font-size:clamp(76px,20vw,130px);line-height:.9;color:var(--white);letter-spacing:-2px;} .promo-percent sup{font-size:.4em;vertical-align:top;margin-top:.15em;} .promo-desc{font-size:12px;letter-spacing:4px;color:rgba(255,255,255,.5);margin-top:16px;text-transform:uppercase;} .btn-promo{display:inline-block;margin-top:30px;border:1.5px solid var(--accent);color:var(--accent);padding:14px 42px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:transparent;border-radius:50px;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);} .btn-promo:hover{background:var(--accent);color:var(--black);transform:translateY(-3px);} .legends-band{background:var(--navy);padding:70px 20px;text-align:center;position:relative;overflow:hidden;} .legends-band::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.08);top:-200px;right:-120px;} .legends-name{position:relative;font-family:var(--display);font-weight:700;font-size:clamp(40px,12vw,80px);letter-spacing:-1px;color:var(--white);} .legends-name .accent{color:var(--accent);} .legends-tagline{position:relative;font-size:11px;letter-spacing:4px;font-weight:600;color:rgba(255,255,255,.7);text-transform:uppercase;margin-top:14px;} .btn-legends{position:relative;display:inline-block;margin-top:28px;background:var(--accent);color:var(--black);font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;padding:15px 42px;border:none;border-radius:50px;transition:transform .3s var(--ease),box-shadow .3s var(--ease);} .btn-legends:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25);} .pago-section{background:var(--cream);padding:60px 20px;text-align:center;} .pago-eyebrow{font-size:10px;letter-spacing:4px;font-weight:700;color:var(--navy);text-transform:uppercase;margin-bottom:10px;} .pago-title{font-family:var(--display);font-weight:700;font-size:clamp(28px,8vw,44px);letter-spacing:-1px;margin-bottom:10px;} .pago-desc{font-size:14px;color:var(--gray);line-height:1.6;} .btn-pago{display:inline-block;margin-top:24px;background:var(--black);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:15px 40px;border:none;border-radius:50px;transition:transform .3s var(--ease);} .btn-pago:hover{transform:translateY(-3px);} .pago-logos{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px;} .pago-logo-tag{background:#fff;border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--gray);padding:8px 16px;border-radius:50px;} .populares-section{padding:56px 20px;} .tags-wrap{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;} .tag-btn{border:1.5px solid var(--border);font-size:12px;font-weight:600;padding:10px 18px;background:#fff;letter-spacing:.3px;transition:.25s var(--ease);border-radius:50px;} .tag-btn:hover{background:var(--black);color:var(--accent);border-color:var(--black);transform:translateY(-2px);} .foot-bar{background:var(--accent);color:var(--black);text-align:center;font-size:11px;font-weight:800;padding:10px;letter-spacing:2px;text-transform:uppercase;} footer{ background:linear-gradient(180deg,var(--navy-dk) 0%,var(--black) 220px); color:#bbb;padding:60px 20px 28px;position:relative; border-top:3px solid var(--accent); } .foot-logo{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.5px;color:var(--white);margin-bottom:6px;} .foot-logo .accent{color:var(--accent);} .foot-slogan{font-size:11px;letter-spacing:3px;color:rgba(214,255,61,.55);margin-bottom:36px;font-weight:700;} .foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;margin-bottom:36px;} .foot-col h4{color:var(--white);font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;padding-bottom:9px;position:relative;} .foot-col h4::before{content:'';display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:2px;margin-right:8px;} .foot-col h4::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.08);} .foot-col li{font-size:13px;color:#888;margin-bottom:9px;} .foot-col li a{transition:color .2s,padding-left .2s var(--ease);} .foot-col li a:hover{color:var(--accent);padding-left:3px;} .foot-social-row{display:flex;gap:10px;margin-bottom:30px;} .soc-btn{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ccc;transition:.25s var(--ease);} .soc-btn:hover{background:var(--accent);color:var(--black);border-color:var(--accent);transform:translateY(-3px) rotate(-4deg);} .foot-brands-row{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:28px;} .foot-brands-row span{font-size:12px;color:#555;} .copyright{text-align:center;font-size:11px;color:#555;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;} .payment-marquee{ overflow:hidden;margin-top:20px;padding:6px 0; mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); } .payment-marquee-track{ display:flex;align-items:center;gap:10px;width:max-content; animation:marquesina-scroll 20s linear infinite; } .payment-marquee:hover .payment-marquee-track{animation-play-state:paused;} .pay-tag{ display:flex;align-items:center;justify-content:center; background:#1a1a1a;color:#666;font-size:10px;font-weight:600;letter-spacing:.4px; padding:8px 16px;border-radius:20px;border:1px solid #262626; white-space:nowrap;transition:border-color .25s ease,background .25s ease; } .pay-tag:hover{border-color:var(--accent);background:#222;} .pay-tag--img{padding:7px 18px;} .pay-tag--img img{height:16px;width:auto;max-width:64px;object-fit:contain;filter:grayscale(1) brightness(1.6);} @media(prefers-reduced-motion:reduce){ .payment-marquee-track{animation:none;overflow-x:auto;} } .float-btn{ position:fixed;right:18px;bottom:18px;z-index:55; background:#25D366;color:#fff;border:none;border-radius:50px; padding:13px 20px;font-size:13px;font-weight:700; display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.25); transition:transform .3s var(--ease),box-shadow .3s var(--ease); animation:floatPulse 2.6s ease-in-out infinite; } .float-btn:hover{background:#1ebc59;transform:translateY(-4px) scale(1.04);box-shadow:0 14px 30px rgba(0,0,0,.3);} @keyframes floatPulse{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 0 rgba(37,211,102,.4);}50%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 10px rgba(37,211,102,0);}} .alert{padding:13px 18px;border-radius:12px;font-size:13px;margin-bottom:18px;animation:fadeInUp .4s var(--ease) both;} .alert-error{background:#FDEAEA;color:var(--red);border:1px solid #F6C9CA;} .alert-success{background:#E6F6EE;color:var(--green);border:1px solid #C1E9D4;} .alert-info{background:#EAEDFE;color:var(--navy);border:1px solid #C9CFFC;} .page-wrap{max-width:1100px;margin:0 auto;padding:36px 20px 70px;} .page-title{font-family:var(--display);font-weight:700;font-size:clamp(32px,7vw,48px);letter-spacing:-1px;margin-bottom:6px;} .page-sub{color:var(--gray);font-size:13px;margin-bottom:30px;} .breadcrumb{font-size:12px;color:var(--gray);margin-bottom:16px;} .breadcrumb a{color:var(--navy);font-weight:600;} .auth-card{ max-width:400px;margin:0 auto;padding:38px 30px;border:1px solid var(--border); border-radius:24px;background:#fff; box-shadow:0 2px 6px rgba(17,17,17,.03),0 20px 50px -20px rgba(17,17,17,.18); animation:fadeInUp .5s var(--ease) both; } .verify-card{text-align:center;} .verify-icon{ width:54px;height:54px;border-radius:50%;background:var(--black); display:flex;align-items:center;justify-content:center;margin:0 auto 18px; } .otp-row{display:flex;justify-content:center;gap:10px;margin:24px 0 26px;} .otp-box{ width:54px;height:64px;text-align:center;font-size:26px;font-weight:700; border:1.5px solid var(--border);border-radius:14px;background:var(--cream); transition:border-color .2s,background .2s,transform .2s var(--ease); } .otp-box:focus{outline:none;border-color:var(--navy);background:#fff;transform:translateY(-2px);} .otp-row-6{gap:7px;} .otp-box-sm{width:44px;height:56px;font-size:21px;} .btn-link{background:none;border:none;color:var(--navy);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;} .btn-link:hover{color:var(--navy-dk);} .form-group{margin-bottom:18px;} .form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:7px;letter-spacing:.3px;} .form-group input,.form-group select,.form-group textarea{ width:100%;padding:13px 15px;border:1.5px solid var(--border);border-radius:12px; font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s; } .form-group input:focus,.form-group select:focus,.form-group textarea:focus{ border-color:var(--navy);outline:none;box-shadow:0 0 0 4px rgba(43,54,245,.1); } .form-hint{font-size:11px;color:var(--gray);margin-top:5px;} .pw-field{position:relative;} .pw-field input{padding-right:44px !important;} .pw-toggle{ position:absolute;right:6px;top:50%;transform:translateY(-50%); width:32px;height:32px;display:flex;align-items:center;justify-content:center; background:none;border:none;cursor:pointer;color:var(--gray);border-radius:8px; } .pw-toggle:hover{background:#F3F3F3;color:var(--navy);} .pw-toggle svg{width:19px;height:19px;} .pw-toggle .pw-eye-hide{display:none;} .pw-toggle.is-visible .pw-eye-show{display:none;} .pw-toggle.is-visible .pw-eye-hide{display:block;} .pw-strength{margin-top:7px;} .pw-strength-bar{height:4px;border-radius:2px;background:#EDEDED;overflow:hidden;} .pw-strength-bar-fill{height:100%;width:0%;background:#E5484D;border-radius:2px;transition:width .2s,background-color .2s;} .pw-strength-list{list-style:none;margin:7px 0 0;padding:0;font-size:11px;color:var(--gray);display:grid;gap:3px;} .pw-strength-list li{position:relative;padding-left:16px;} .pw-strength-list li::before{content:'○';position:absolute;left:0;font-size:10px;top:1px;} .pw-strength-list li.ok{color:#0B7A43;} .pw-strength-list li.ok::before{content:'●';} .btn-primary{ display:inline-block;width:100%;text-align:center;background:var(--black);color:var(--accent); font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase; padding:15px 20px;border:none;border-radius:50px;transition:background .25s,transform .2s var(--ease),box-shadow .25s var(--ease); } .btn-primary:hover{background:var(--navy);color:#fff;} .btn-primary:active,.btn-secondary:active,.qty-btn:active{transform:scale(.96);} .btn-secondary{ display:inline-block;background:transparent;color:var(--black);border:1.5px solid var(--black); font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase; padding:12px 20px;border-radius:50px;transition:.25s var(--ease);text-align:center; } .btn-secondary:hover{background:var(--black);color:var(--accent);} .btn-danger-link{color:var(--red);font-size:12px;font-weight:600;text-decoration:underline;background:none;border:none;cursor:pointer;} .auth-switch{text-align:center;font-size:13px;color:var(--gray);margin-top:20px;} .auth-switch a{color:var(--navy);font-weight:700;} .ship-progress{background:var(--cream);border-radius:16px;padding:16px 20px;margin-bottom:24px;animation:fadeInUp .4s var(--ease) both;} .ship-progress-label{font-size:12.5px;color:var(--gray);margin-bottom:9px;} .ship-progress-label strong{color:var(--black);} .ship-progress-label--done strong{color:var(--green);} .ship-progress-track{height:8px;border-radius:8px;background:var(--gray-lt);overflow:hidden;} .ship-progress-fill{ height:100%;border-radius:8px;background:linear-gradient(90deg,var(--navy),var(--navy-lt)); transition:width .7s var(--ease); } .ship-progress-label--done ~ .ship-progress-track .ship-progress-fill{background:linear-gradient(90deg,var(--green),#4CD98D);} .cart-layout{display:grid;grid-template-columns:1fr;gap:30px;} .cart-item-row{display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);transition:background .2s;animation:fadeInUp .4s var(--ease) both;} .cart-item-row:hover{background:rgba(0,0,0,.015);} .cart-item-row img{width:74px;height:74px;object-fit:cover;border-radius:14px;background:var(--cream);transition:transform .3s var(--ease);} .cart-item-row:hover img{transform:scale(1.05) rotate(-2deg);} .cart-item-name{font-size:14px;font-weight:600;} .cart-item-meta{font-size:12px;color:var(--gray);margin-top:3px;} .cart-item-qty{display:flex;align-items:center;gap:6px;margin-top:9px;} .qty-btn{width:28px;height:28px;border:1px solid var(--border);background:#fff;border-radius:50%;font-size:14px;line-height:1;transition:transform .15s var(--ease),background .2s;} .qty-btn:hover{background:var(--gray-lt);} .qty-input{width:38px;text-align:center;border:1px solid var(--border);border-radius:8px;padding:4px;font-size:13px;} .cart-item-price{text-align:right;font-weight:700;font-size:14px;transition:color .15s ease;} .cart-item-price.flash-update{animation:priceFlash .5s ease;} @keyframes priceFlash{ 0%{color:var(--green);transform:scale(1.12);} 100%{color:inherit;transform:scale(1);} } .cart-item-remove{font-size:11px;color:var(--red);text-decoration:underline;background:none;border:none;margin-top:9px;cursor:pointer;transition:opacity .15s ease;} .cart-item-remove:hover{opacity:.65;} .cart-item-row.cart-row-removing{animation:rowRemove .3s ease forwards;} @keyframes rowRemove{ to{opacity:0;transform:translateX(16px) scale(.97);max-height:0;padding:0;margin:0;border:none;} } .cart-item-syncing{display:inline-block;width:13px;height:13px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--navy);opacity:0;transition:opacity .15s ease;} .cart-item-syncing.is-syncing{opacity:1;animation:spin .6s linear infinite;} .cart-summary{border:1px solid var(--border);border-radius:18px;padding:24px;background:var(--cream);align-self:start;} .summary-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:11px;color:var(--gray);} .summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:800;margin:15px 0;padding-top:15px;border-top:1px solid var(--border);} .empty-state{text-align:center;padding:70px 20px;color:var(--gray);} .empty-state svg{margin-bottom:18px;} .empty-state--soon{padding:60px 20px 70px;} .hourglass-wrap{display:inline-flex;align-items:center;justify-content:center;width:76px;height:104px;margin-bottom:22px;} .hourglass-wrap svg{overflow:visible;} .hg-sand-top{transform-box:fill-box;transform-origin:50% 0%;animation:hgEmpty 2.6s cubic-bezier(.45,0,.55,1) infinite;} .hg-sand-bottom{transform-box:fill-box;transform-origin:50% 100%;animation:hgFill 2.6s cubic-bezier(.45,0,.55,1) infinite;} .hg-grain{transform-box:fill-box;transform-origin:50% 50%;animation:hgDrop 1.3s linear infinite;} .hg-glow{animation:hgGlow 2.6s ease-in-out infinite;} @keyframes hgEmpty{0%{transform:scaleY(1);}70%,100%{transform:scaleY(0);}} @keyframes hgFill{0%{transform:scaleY(0);}70%,100%{transform:scaleY(1);}100%{transform:scaleY(1);}} @keyframes hgDrop{0%{transform:translateY(-2px);opacity:0;}15%{opacity:1;}85%{opacity:1;}100%{transform:translateY(10px);opacity:0;}} @keyframes hgGlow{0%,100%{opacity:.35;}50%{opacity:.75;}} .empty-state--soon .empty-state-title{font-family:var(--display);font-weight:800;font-size:19px;color:var(--black);letter-spacing:.2px;margin-bottom:8px;} .empty-state--soon p:not(.empty-state-title){max-width:340px;margin:0 auto;font-size:13px;line-height:1.6;} .empty-state--soon .empty-state-cta{display:inline-block;margin-top:20px;font-size:12px;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px;} @media (prefers-reduced-motion:reduce){ .hg-sand-top,.hg-sand-bottom,.hg-grain,.hg-glow{animation:none;} .hg-sand-top{transform:scaleY(.4);} .hg-sand-bottom{transform:scaleY(.6);} } .product-detail{display:grid;grid-template-columns:1fr;gap:30px;} .product-detail-img{border-radius:20px;overflow:hidden;background:var(--cream);} .product-detail-img img{width:100%;height:340px;object-fit:cover;} .size-grid{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0;} .size-opt{border:1.5px solid var(--border);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;background:#fff;cursor:pointer;transition:.2s var(--ease);} .size-opt:hover{border-color:var(--navy);transform:translateY(-2px);} .size-opt input{display:none;} .size-opt input:checked + span{color:var(--navy);} .size-opt.checked{border-color:var(--navy);background:#EAEDFE;} .qty-row{display:flex;align-items:center;gap:10px;margin:20px 0;} .product-gallery{display:flex;flex-direction:column;gap:12px;} .product-gallery-main{border-radius:20px;overflow:hidden;background:var(--cream);aspect-ratio:4/3;width:100%;transition:aspect-ratio .15s ease;} .product-gallery-main img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .2s ease;} .product-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding-bottom:2px;} .product-gallery-thumbs::-webkit-scrollbar{height:4px;} .product-gallery-thumb{flex:0 0 auto;width:66px;height:66px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--cream);cursor:pointer;padding:0;transition:transform .2s var(--ease),border-color .2s;} .product-gallery-thumb:hover{transform:translateY(-2px);} .product-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;} .product-gallery-thumb.active{border-color:var(--navy);} .color-options{display:flex;flex-wrap:wrap;gap:11px;margin:11px 0 4px;} .color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;position:relative;transition:.2s var(--ease);} .color-swatch:hover{transform:scale(1.1);} .color-swatch.selected{border-color:var(--navy);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--navy);} .color-swatch-label{font-size:11px;color:var(--gray);margin-left:4px;} .order-card{border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;transition:box-shadow .25s var(--ease);} .order-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.06);} .order-card-head{display:flex;justify-content:space-between;font-size:13px;color:var(--gray);margin-bottom:11px;flex-wrap:wrap;gap:6px;} .order-status{font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding:4px 12px;border-radius:20px;background:#EAEDFE;color:var(--navy);} .order-line{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-bottom:1px dashed var(--border);} .logi-progress{display:flex;align-items:flex-start;justify-content:space-between;margin:16px 0 6px;padding:0 4px;} .logi-step{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;width:64px;} .logi-dot{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .logi-lbl{font-size:10.5px;font-weight:700;margin-top:6px;text-align:center;letter-spacing:.2px;} .logi-line{flex:1 1 auto;height:3px;margin-top:19px;border-radius:2px;min-width:8px;} .logi-meta{font-size:12px;color:var(--gray);margin-top:14px;line-height:1.7;} .logi-meta strong{color:#1a1a1a;} .acc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px;} .acc-tab{ font-size:12.5px;font-weight:700;color:var(--gray);background:var(--cream); border:1.5px solid var(--border);border-radius:50px;padding:9px 16px;cursor:pointer; transition:.22s var(--ease);white-space:nowrap; } .acc-tab:hover{color:var(--navy);border-color:var(--navy);} .acc-tab.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(43,54,245,.2);} .acc-tab-count{ display:inline-flex;align-items:center;justify-content:center; min-width:16px;height:16px;padding:0 4px;margin-left:4px; background:var(--accent);color:var(--black);font-size:10px;font-weight:800;border-radius:50%; } .acc-tab.active .acc-tab-count{background:#fff;color:var(--navy);} .acc-panel{display:none;} .acc-panel.active{display:block;animation:accFadeIn .35s var(--ease);} @keyframes accFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}} .acc-subhead{font-size:13px;font-weight:700;letter-spacing:.4px;margin:28px 0 14px;} .cb-hero{ background:linear-gradient(145deg,#0f2240 0%,#1E3A5F 55%,#0D4F48 100%); color:#fff;border-radius:20px;padding:28px 24px 22px;margin-bottom:20px; } .cb-hero-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;} .cb-hero-icon{ width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.12); display:flex;align-items:center;justify-content:center;flex-shrink:0; } .cb-hero-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:700;} .cb-hero-sub{font-size:13px;color:rgba(255,255,255,.75);margin-top:2px;} .cb-hero-amount{font-size:48px;font-weight:800;color:#A3FFCA;line-height:1;margin-bottom:18px;letter-spacing:-1px;} .cb-hero-perks{display:flex;flex-direction:column;gap:7px;margin-bottom:20px;} .cb-perk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.78);} .cb-perk svg{flex-shrink:0;color:#A3FFCA;} .cb-hero-cta{ display:block;text-align:center;background:#A3FFCA;color:#0a2218; border-radius:12px;padding:13px 20px;font-weight:800;font-size:14px; text-decoration:none;transition:opacity .15s; } .cb-hero-cta:hover{opacity:.88;} .cb-how{border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin-bottom:20px;} .cb-how-title{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--gray);margin-bottom:14px;} .cb-how-steps{display:flex;flex-direction:column;gap:12px;} .cb-how-step{display:flex;gap:12px;align-items:flex-start;} .cb-how-num{ flex-shrink:0;width:26px;height:26px;border-radius:50%; background:var(--black);color:#fff;font-size:11px;font-weight:800; display:flex;align-items:center;justify-content:center; } .cb-how-step strong{display:block;font-size:13px;color:var(--black);} .cb-how-step span{display:block;font-size:12px;color:var(--gray);margin-top:2px;} .cb-hist-dot{ width:24px;height:24px;border-radius:50%;flex-shrink:0; display:flex;align-items:center;justify-content:center; } .cb-hist-dot.is-credit{background:#E7F8EE;color:var(--green);} .cb-hist-dot.is-debit{background:#FDECEC;color:var(--red);} .cashback-balance-card{display:none;} .cashback-balance-label,.cashback-balance-amount,.cashback-balance-hint{display:none;} .cashback-history{border:1px solid var(--border);border-radius:16px;overflow:hidden;} .cashback-history-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);} .cashback-history-row:last-child{border-bottom:none;} .cashback-history-motivo{font-size:13px;font-weight:600;color:var(--black);} .cashback-history-date{font-size:11px;color:var(--gray);margin-top:2px;} .cashback-history-monto{font-size:14px;font-weight:800;} .cashback-history-monto.is-credit{color:var(--green);} .cashback-history-monto.is-debit{color:var(--red);} .notif-list{display:flex;flex-direction:column;gap:12px;} .notif-item{display:flex;gap:12px;border:1px solid var(--border);border-radius:16px;padding:16px 18px;} .notif-icon{ flex:0 0 auto;width:34px;height:34px;border-radius:50%; display:flex;align-items:center;justify-content:center; } .notif-icon.is-credit{background:#E7F8EE;color:var(--green);} .notif-icon.is-debit{background:#FDECEC;color:var(--red);} .notif-title{font-size:13px;font-weight:700;display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;} .notif-desc{font-size:12.5px;color:var(--gray);margin-top:3px;} .notif-note{font-size:12px;color:#555;background:var(--cream);border-radius:8px;padding:8px 10px;margin-top:8px;} .notif-date{font-size:11px;color:var(--gray);margin-top:8px;} @media(min-width:640px){ .products-row .product-card{flex:0 0 42%;} .products-grid{grid-template-columns:repeat(3,1fr);} .cat-item{flex:0 0 35%;} .marcas-grid{grid-template-columns:repeat(6,1fr);} .product-img-wrap img{height:250px;} .cart-layout{grid-template-columns:1.6fr 1fr;} .product-detail{grid-template-columns:1fr 1fr;} .product-detail-img img{height:100%;} .hero-slide img{height:540px;} } @media(min-width:900px){ header.main,.search-wrap,.auth-links,.section, .cat-section,.marcas-section,.populares-section, .pago-section,.promo-band,.legends-band,footer,.page-wrap{ padding-left:56px;padding-right:56px; } .products-row .product-card{flex:0 0 24%;} .products-grid{grid-template-columns:repeat(4,1fr);} .cat-item{flex:0 0 22%;} .marcas-grid{grid-template-columns:repeat(8,1fr);} .foot-grid{grid-template-columns:repeat(4,1fr);} .hero-slide img{height:620px;} } .logo-img{height:42px;width:auto;display:block;transition:transform .3s var(--ease);} .logo-img--drawer{height:34px;} .foot-logo-img{height:64px;width:auto;display:block;margin:0 auto 10px;} @keyframes fadeInUp{ from{opacity:0;transform:translateY(16px);} to{opacity:1;transform:translateY(0);} } @keyframes fadeIn{ from{opacity:0;} to{opacity:1;} } @keyframes popIn{ 0%{opacity:0;transform:scale(.85);} 60%{opacity:1;transform:scale(1.03);} 100%{transform:scale(1);} } @keyframes drawCheck{ from{stroke-dashoffset:40;} to{stroke-dashoffset:0;} } @keyframes drawCircle{ from{stroke-dashoffset:151;} to{stroke-dashoffset:0;} } @keyframes badgePulse{ 0%{transform:scale(1);} 35%{transform:scale(1.45);} 60%{transform:scale(.92);} 100%{transform:scale(1);} } @keyframes shimmer{ 0%{background-position:-200px 0;} 100%{background-position:200px 0;} } @keyframes floatY{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} } .cart-badge.pulse{animation:badgePulse .45s ease;} .filter-chip,.tag-btn,.marca-item,.btn-primary,.btn-secondary,.btn-hero,.btn-promo,.btn-legends,.btn-pago{ transition:transform .2s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease); } .filter-chip:hover,.tag-btn:hover{transform:translateY(-2px);} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(43,54,245,.22);} .btn-secondary:hover{transform:translateY(-2px);} .marca-item:hover{transform:translateY(-2px);} .quick-add-btn{ position:absolute;bottom:12px;right:12px; width:38px;height:38px;border-radius:50%; background:var(--black);border:none;color:var(--accent); display:flex;align-items:center;justify-content:center; box-shadow:0 6px 16px rgba(0,0,0,.25); opacity:0;transform:translateY(8px) scale(.9); transition:opacity .25s var(--ease),transform .25s var(--ease),background .2s ease; } .product-card:hover .quick-add-btn,.quick-add-btn:focus-visible{opacity:1;transform:translateY(0) scale(1);} .quick-add-btn:hover{background:var(--navy);color:#fff;transform:scale(1.1);} .quick-add-btn.loading svg{animation:spin .6s linear infinite;} @keyframes spin{to{transform:rotate(360deg);}} @media(hover:none){ .quick-add-btn{opacity:1;transform:none;} } .added-overlay{ position:fixed;inset:0;background:rgba(10,10,12,.55); z-index:98;opacity:0;pointer-events:none;transition:opacity .3s ease; backdrop-filter:blur(3px); } .added-overlay.open{opacity:1;pointer-events:auto;} .added-modal{ position:fixed;left:50%;top:50%; transform:translate(-50%,-46%) scale(.92); width:92%;max-width:380px;background:#fff;border-radius:24px; padding:32px 28px 28px;z-index:99;text-align:center; box-shadow:0 30px 70px rgba(0,0,0,.3); opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease); } .added-modal.open{ opacity:1;pointer-events:auto; transform:translate(-50%,-50%) scale(1); animation:popIn .4s var(--ease); } .added-modal-close{ position:absolute;top:12px;right:16px;background:none;border:none; font-size:22px;line-height:1;color:#999;padding:4px;transition:transform .2s var(--ease); } .added-modal-close:hover{transform:rotate(90deg);} .added-check{margin:0 auto 8px;} .added-check-circle{ stroke:var(--green);stroke-width:2.5; stroke-dasharray:151;stroke-dashoffset:151; animation:drawCircle .5s ease forwards; } .added-check-mark{ stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round; stroke-dasharray:40;stroke-dashoffset:40; animation:drawCheck .35s ease .45s forwards; } .added-title{font-size:17px;font-weight:700;margin:6px 0 18px;} .added-product{ display:flex;align-items:center;gap:12px;text-align:left; background:var(--cream);border-radius:16px;padding:13px;margin-bottom:22px; } .added-product img{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#eee;} .added-product-brand{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--navy);text-transform:uppercase;} .added-product-name{font-size:13px;font-weight:600;margin-top:2px;} .added-product-meta{font-size:12px;color:var(--gray);margin-top:3px;} .added-actions{display:flex;flex-direction:column;gap:10px;} .added-actions .btn-primary,.added-actions .btn-secondary{width:100%;} @media(min-width:480px){ .added-actions{flex-direction:row;} } .toast-error{ position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px); background:var(--black);color:#fff;font-size:13px;padding:13px 22px;border-radius:50px; z-index:95;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease); box-shadow:0 10px 24px rgba(0,0,0,.3); } .toast-error.open{opacity:1;transform:translateX(-50%) translateY(0);} .checkout-promo-banner { margin: 0 0 24px; border-radius: 18px; background: linear-gradient(135deg, var(--black), #1c1c22); border: 1.5px solid var(--accent); overflow: hidden; } .cpb-inner { display: flex; align-items: center; gap: 14px; padding: 18px 22px; } .cpb-fire { font-size: 28px; flex-shrink: 0; } .cpb-inner div { flex: 1; } .cpb-inner strong { display: block; color: #fff; font-size: 14px; margin-bottom: 2px; } .cpb-inner span { color: #aaa; font-size: 12px; } .cpb-badge { background: var(--accent); color: var(--black); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; padding: 7px 14px; border-radius: 20px; white-space: nowrap; text-transform: uppercase; flex-shrink: 0; } .pay-mode-tabs { display: flex; gap: 10px; margin-bottom: 16px; } .pmt-btn { flex: 1; padding: 15px 17px; border: 2px solid var(--border); border-radius: 14px; background: #fff; cursor: pointer; text-align: left; transition: border-color .25s var(--ease), background .25s var(--ease), transform .2s var(--ease); } .pmt-btn:hover{transform:translateY(-2px);} .pmt-btn strong { display: block; font-size: 14px; color: var(--black); margin-bottom: 3px; } .pmt-btn span { font-size: 11px; color: #888; line-height: 1.4; display: block; } .pmt-btn.active { border-color: var(--black); background: var(--black); } .pmt-btn.active strong { color: var(--accent); } .pmt-btn.active span { color: #888; } .promo-box { padding: 16px 18px; background: var(--cream); border-radius: 16px; } .promo-row { display: flex; gap: 8px; } .promo-row input { flex: 1; } .promo-row button { flex-shrink: 0; } .section-label-sm { font-size: 11px; letter-spacing: 2px; color: #888; font-weight: 700; text-transform: uppercase; margin: 0; } .sidebar-ad { border-radius: 18px; overflow: hidden; border: 1.5px solid var(--black); } .sidebar-ad-inner { background: var(--black); padding: 20px 22px; } .sidebar-ad-label { font-size: 9px; letter-spacing: 3px; color: var(--accent); margin-bottom: 6px; text-transform: uppercase; } .sidebar-ad-title { font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 6px; font-family: var(--display); letter-spacing: -.3px; } .sidebar-ad-sub { font-size: 11px; color: #888; margin-bottom: 16px; } .sidebar-ad-cta { display: inline-block; background: var(--accent); color: var(--black); font-size: 11px; font-weight: 700; letter-spacing: 1.5px; padding: 10px 22px; border-radius: 50px; text-decoration: none; text-transform: uppercase; } .legal-body h2 { font-size: 14px; font-weight: 700; letter-spacing: .5px; margin: 26px 0 9px; padding-bottom: 7px; border-bottom: 1.5px solid var(--accent); text-transform: uppercase; } .legal-body p, .legal-body li { font-size: 13.5px; color: #444; line-height: 1.8; } .legal-body ul { padding-left: 20px; } .legal-body a { color: var(--black); font-weight: 600; } @media (max-width: 520px) { .cpb-inner { flex-direction: column; text-align: center; } .cpb-badge { align-self: center; } .pay-mode-tabs { flex-direction: column; } } .page-progress{ position:fixed;top:0;left:0;height:3px;width:0; background:linear-gradient(90deg,var(--navy),var(--accent)); z-index:9999;opacity:0; } .page-progress.active{ opacity:1;width:78%; transition:width 2.2s cubic-bezier(.1,.7,.3,1),opacity .2s ease; } .product-img-wrap,.product-detail-img{position:relative;} .product-img-wrap:not(.img-loaded)::before, .product-detail-img:not(.img-loaded)::before{ content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(90deg,var(--cream) 25%,#eee9df 37%,var(--cream) 63%); background-size:400% 100%; animation:shimmer 1.3s ease infinite; } .product-img-wrap img,.product-detail-img img{ opacity:0;position:relative;z-index:2; transition:opacity .4s ease; } .product-img-wrap.img-loaded img,.product-detail-img.img-loaded img{opacity:1;} @keyframes shimmer{0%{background-position:120% 0;}100%{background-position:-120% 0;}} @media(prefers-reduced-motion:reduce){ .product-img-wrap:not(.img-loaded)::before,.product-detail-img:not(.img-loaded)::before{animation:none;} } .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;} @media(max-width:520px){.form-row-2{grid-template-columns:1fr;}} .cp-input-row{position:relative;display:flex;align-items:center;} .cp-input-row input{flex:1;} .cp-status{ position:absolute;right:12px;top:50%;transform:translateY(-50%); font-size:14px;font-weight:700;width:18px;height:18px; display:flex;align-items:center;justify-content:center; } .cp-status.ok{color:var(--green);} .cp-status.err{color:var(--red);} .cp-status.loading::after{ content:"";width:13px;height:13px;border-radius:50%; border:2px solid var(--border);border-top-color:var(--navy); animation:spin .6s linear infinite; } .field-hint{display:block;margin-top:6px;font-size:11.5px;color:var(--gray);} .checkout-loading-overlay{ position:fixed;inset:0;background:rgba(10,10,10,.72); backdrop-filter:blur(3px); z-index:200;display:flex;align-items:center;justify-content:center; opacity:0;pointer-events:none;transition:opacity .3s ease; } .checkout-loading-overlay.open{opacity:1;pointer-events:auto;} .checkout-loading-box{ background:#fff;border-radius:20px;padding:38px 42px; display:flex;flex-direction:column;align-items:center;text-align:center; max-width:280px; } .spinner-ring{ width:46px;height:46px;border-radius:50%; border:3px solid var(--gray-lt);border-top-color:var(--navy); animation:spin .8s linear infinite;margin-bottom:18px; } .checkout-loading-title{font-size:15px;font-weight:700;color:var(--black);margin-bottom:4px;} .checkout-loading-sub{font-size:12px;color:var(--gray);} .rating-summary-btn{ display:inline-flex;align-items:center;gap:8px; background:none;border:none;padding:0;cursor:pointer; } .star-display{position:relative;display:inline-block;font-size:16px;line-height:1;letter-spacing:1px;} .star-display-bg{color:var(--gray-lt);} .star-display-fg{ position:absolute;top:0;left:0;overflow:hidden; width:var(--pct,0%);color:#E8B923;white-space:nowrap; } .rating-summary-text{font-size:13px;color:var(--gray);text-decoration:underline;} .rating-summary-text.muted{text-decoration:none;color:var(--gray);} .reviews-section{margin-top:8px;} .review-cta{ display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap; background:var(--cream);border-radius:16px;padding:18px 22px;font-size:13px;color:#444;margin-bottom:26px; } .review-form{ background:var(--cream);border-radius:18px;padding:24px 26px;margin-bottom:30px;max-width:520px; } .review-form-label{font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:8px;} .star-input{ display:flex;flex-direction:row-reverse;justify-content:flex-end; gap:2px;margin-bottom:18px;width:fit-content; } .star-input input{display:none;} .star-input label{ font-size:30px;line-height:1;color:var(--gray-lt);cursor:pointer;transition:color .15s ease,transform .15s ease; } .star-input input:checked ~ label, .star-input label:hover, .star-input label:hover ~ label{color:#E8B923;transform:scale(1.1);} .review-msg{font-size:13px;margin:10px 0;min-height:1px;} .review-msg.ok{color:var(--green);} .review-msg.err{color:var(--red);} .reviews-list{display:flex;flex-direction:column;gap:20px;max-width:680px;} .reviews-empty{font-size:13px;color:var(--gray);} .review-card{border-bottom:1px solid var(--border);padding-bottom:20px;} .review-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;} .review-author{font-size:13px;font-weight:700;} .review-date{font-size:11px;color:var(--gray);margin-left:auto;} .verified-badge{ font-size:10px;font-weight:700;letter-spacing:.4px;color:var(--green); background:#E6F6EE;border-radius:20px;padding:2px 10px;text-transform:uppercase; } .review-title{font-size:14px;font-weight:700;margin-bottom:4px;} .review-comment{font-size:13.5px;color:#444;line-height:1.6;} .review-card.review-new{animation:fadeInUp .4s ease both;} .logo{position:relative;display:flex;flex-direction:column;align-items:flex-start;} .brand-tagline{ font-family:var(--body);font-size:9px;font-weight:600;letter-spacing:1.5px; color:var(--navy);text-transform:uppercase;margin-top:2px;white-space:nowrap; } @media(max-width:640px){ .brand-tagline{display:none;} } .section-intro{ font-family:var(--body);font-size:13.5px;line-height:1.6;color:var(--gray); max-width:520px;margin-top:10px;font-weight:400; } .trust-strip{ display:flex;flex-wrap:wrap;justify-content:center;gap:28px; padding:26px 20px;background:var(--cream);border-top:1px solid var(--border);border-bottom:1px solid var(--border); } .trust-item{ display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700; color:var(--black);letter-spacing:.2px; } .trust-item svg{color:var(--navy);flex-shrink:0;} @media(max-width:640px){ .trust-strip{gap:16px 22px;padding:20px 16px;} .trust-item{font-size:11.5px;} } .product-badge--fire{background:var(--black);color:var(--accent);} .product-badge--urgent{background:var(--red);color:#fff;} .product-badge--limited{background:var(--navy);color:#fff;} .limited-edition-note{ display:flex;align-items:flex-start;gap:10px;margin-top:14px; padding:12px 14px;background:var(--navy-dk);border-radius:12px;color:#fff; } .limited-edition-note strong{display:block;font-size:12px;letter-spacing:.5px;color:var(--accent);text-transform:uppercase;margin-bottom:2px;} .limited-edition-note span{font-size:12.5px;color:#d8d9ec;line-height:1.5;} .product-trust-row{ display:flex;flex-direction:column;gap:10px;margin-top:18px; padding:14px 16px;background:var(--cream);border-radius:14px; } .product-trust-row .pt-item{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--black);font-weight:600;} .product-trust-row .pt-item svg{color:var(--green);flex-shrink:0;} .welcome-overlay{ position:fixed;inset:0;background:rgba(10,10,12,.6); z-index:98;opacity:0;pointer-events:none;transition:opacity .3s ease; backdrop-filter:blur(3px); } .welcome-overlay.open{opacity:1;pointer-events:auto;} .welcome-modal{ position:fixed;left:50%;top:50%; transform:translate(-50%,-46%) scale(.92); width:90%;max-width:400px;background:var(--black);color:#fff;border-radius:26px; padding:38px 30px 30px;z-index:99;text-align:center; box-shadow:0 30px 70px rgba(0,0,0,.4); opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease); border:1.5px solid var(--accent); } .welcome-modal.open{ opacity:1;pointer-events:auto; transform:translate(-50%,-50%) scale(1); animation:popIn .4s var(--ease); } .welcome-modal-close{ position:absolute;top:14px;right:18px;background:none;border:none; font-size:24px;line-height:1;color:#999;padding:4px;transition:transform .2s var(--ease); } .welcome-modal-close:hover{transform:rotate(90deg);color:#fff;} .welcome-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:10px;} .welcome-title{font-family:var(--display);font-size:26px;font-weight:700;line-height:1.15;margin-bottom:12px;} .welcome-desc{font-size:13px;color:#ccc;line-height:1.6;margin-bottom:20px;} .welcome-code{ display:flex;align-items:center;justify-content:space-between;gap:10px; background:rgba(255,255,255,.08);border:1.5px dashed var(--accent);border-radius:12px; padding:12px 16px;margin-bottom:18px; } .welcome-code span{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:2px;color:var(--accent);} .welcome-code button{ background:var(--accent);color:var(--black);border:none;border-radius:8px; font-size:11px;font-weight:800;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase; transition:transform .2s var(--ease); } .welcome-code button:hover{transform:scale(1.05);} .welcome-cta{width:100%;justify-content:center;} .welcome-fine{font-size:10.5px;color:#888;margin-top:14px;} .helpme-overlay{ position:fixed;inset:0;background:rgba(10,10,12,.6); z-index:98;opacity:0;pointer-events:none;transition:opacity .3s ease; backdrop-filter:blur(3px); } .helpme-overlay.open{opacity:1;pointer-events:auto;} .helpme-modal{ position:fixed;left:50%;top:50%; transform:translate(-50%,-46%) scale(.92); width:92%;max-width:420px;max-height:90vh;overflow-y:auto; background:var(--black);color:#fff;border-radius:26px; padding:34px 28px 28px;z-index:99;text-align:center; box-shadow:0 30px 70px rgba(0,0,0,.4); opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease); border:1.5px solid var(--navy-lt); } .helpme-modal.open{ opacity:1;pointer-events:auto; transform:translate(-50%,-50%) scale(1); animation:popIn .4s var(--ease); } .helpme-modal-close{ position:absolute;top:14px;right:18px;background:none;border:none; font-size:24px;line-height:1;color:#999;padding:4px;transition:transform .2s var(--ease); } .helpme-modal-close:hover{transform:rotate(90deg);color:#fff;} .helpme-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--navy-lt);text-transform:uppercase;margin-bottom:10px;} .helpme-title{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.15;margin-bottom:10px;} .helpme-desc{font-size:13px;color:#ccc;line-height:1.6;margin-bottom:20px;} .helpme-field{margin-bottom:11px;text-align:left;} .helpme-field input,.helpme-field textarea{ width:100%;padding:12px 14px;border:1.5px solid #333;border-radius:12px; font-size:13.5px;background:rgba(255,255,255,.06);color:#fff; transition:border-color .2s,box-shadow .2s;font-family:var(--body); } .helpme-field input::placeholder,.helpme-field textarea::placeholder{color:#888;} .helpme-field textarea{min-height:70px;resize:vertical;} .helpme-field input:focus,.helpme-field textarea:focus{ outline:none;border-color:var(--navy-lt);box-shadow:0 0 0 4px rgba(124,134,255,.15); } .helpme-msg{font-size:12.5px;min-height:16px;margin:2px 0 8px;} .helpme-msg.ok{color:#4CD98D;} .helpme-msg.err{color:#FF8A8A;} .helpme-channels{display:flex;flex-direction:column;gap:9px;margin-top:6px;} .helpme-channel-btn{ display:flex;align-items:center;justify-content:center;gap:8px; width:100%;padding:13px 16px;border-radius:50px;border:none; font-size:12.5px;font-weight:700;letter-spacing:.3px;cursor:pointer; transition:transform .2s var(--ease),box-shadow .2s ease,opacity .2s ease; } .helpme-channel-btn:hover{transform:translateY(-2px);} .helpme-channel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;} .helpme-wa{background:#25D366;color:#fff;} .helpme-wa:hover{box-shadow:0 10px 22px rgba(37,211,102,.3);} .helpme-mail{background:var(--accent);color:var(--black);} .helpme-mail:hover{box-shadow:0 10px 22px rgba(214,255,61,.3);} @media(max-width:360px){ .helpme-modal{padding:26px 18px 22px;} .helpme-title{font-size:20px;} } .app-overlay{ position:fixed;inset:0;background:rgba(10,10,12,.6); z-index:98;opacity:0;pointer-events:none;transition:opacity .3s ease; backdrop-filter:blur(3px); } .app-overlay.open{opacity:1;pointer-events:auto;} .app-modal{ position:fixed;left:50%;top:50%; transform:translate(-50%,-46%) scale(.92); width:88%;max-width:360px;background:#fff;color:var(--black);border-radius:26px; padding:34px 28px 28px;z-index:99;text-align:center; box-shadow:0 30px 70px rgba(0,0,0,.35); opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease); border:1.5px solid var(--border); } .app-modal.open{ opacity:1;pointer-events:auto; transform:translate(-50%,-50%) scale(1); animation:popIn .4s var(--ease); } .app-modal-close{ position:absolute;top:14px;right:18px;background:none;border:none; font-size:24px;line-height:1;color:#999;padding:4px;transition:transform .2s var(--ease); } .app-modal-close:hover{transform:rotate(90deg);color:var(--black);} .app-icon{ width:80px;height:80px;border-radius:22px;background:var(--black); display:flex;align-items:center;justify-content:center;margin:0 auto 18px; box-shadow:0 12px 26px rgba(0,0,0,.25);overflow:hidden; } .app-icon img{border-radius:16px;} .app-title{font-family:var(--display);font-size:22px;font-weight:700;line-height:1.2;margin-bottom:10px;} .app-desc{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:22px;} .app-actions{display:flex;flex-direction:column;gap:10px;} .app-cta{width:100%;justify-content:center;} @media(max-width:360px){ .app-modal{padding:28px 20px 22px;} .app-title{font-size:19px;} } @media(max-width:360px){ .products-grid{gap:14px 10px;} .product-name{font-size:12.5px;} .product-price{font-size:14px;} .product-brand-tag{font-size:9px;letter-spacing:1.2px;} .hero-slide img{height:380px;} .hero-content{padding:28px 18px;} .promo-percent{font-size:clamp(50px,20vw,70px);} .section-title-big{font-size:clamp(26px,8vw,40px);} .cat-item{height:220px;} .welcome-modal{padding:30px 20px 24px;} .welcome-title{font-size:22px;} } @media(max-width:480px){ table{max-width:100%;} .page-wrap{padding-left:16px;padding-right:16px;} } .product-gallery-main{position:relative;cursor:pointer;} .product-gallery-main video{width:100%;height:100%;object-fit:contain;display:block;background:#000;} .gallery-zoom-hint{ position:absolute;bottom:10px;right:10px;background:rgba(14,18,48,.72);color:#fff; font-size:10.5px;font-weight:600;letter-spacing:.3px;padding:5px 10px;border-radius:20px; opacity:0;transition:opacity .2s ease;pointer-events:none; } .product-gallery-main:hover .gallery-zoom-hint{opacity:1;} @media(hover:none){.gallery-zoom-hint{display:none;}} .product-gallery-main.zoomed img{cursor:zoom-out;} .gallery-dots{ position:absolute;bottom:10px;left:50%;transform:translateX(-50%); display:none;gap:6px;z-index:2; } .gallery-dot{ width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55); border:none;padding:0;transition:.2s var(--ease); } .gallery-dot.active{background:#fff;transform:scale(1.3);} @media(max-width:719px){ .gallery-dots{display:flex;} .product-gallery-thumbs{display:none;} } .product-gallery-thumb--video{display:flex;align-items:center;justify-content:center;background:var(--navy-dk);} .gallery-video-icon{color:#fff;font-size:14px;text-align:center;line-height:1.2;} .gallery-video-icon small{font-size:8px;letter-spacing:.5px;color:var(--accent);} .size-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} .size-guide-btn{ background:none;border:none;font-size:11.5px;font-weight:700;color:var(--navy); text-decoration:underline;cursor:pointer;padding:2px 0;margin-top:20px; } .size-guide-btn:hover{color:var(--navy-dk);} .size-opt{position:relative;} .size-opt-oos{ background:var(--gray-lt);border-color:var(--border);cursor:not-allowed;opacity:.62; position:relative; } .size-opt-oos span{color:var(--gray);text-decoration:line-through;} .size-opt-oos:hover{transform:none;border-color:var(--border);} .size-opt-oos-tag{ display:block;font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:.3px; color:var(--red);text-transform:uppercase;margin-top:2px; } .size-opt input:disabled{pointer-events:none;} .size-stock-msg{ font-size:12.5px;font-weight:700;color:var(--red);margin:-6px 0 6px;min-height:1px; display:flex;align-items:center;gap:5px; } .size-stock-msg.low{color:#B8791A;} .size-stock-msg:empty{margin:0;} .simple-overlay{ position:fixed;inset:0;background:rgba(10,10,12,.55);z-index:98; opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(3px); } .simple-overlay.open{opacity:1;pointer-events:auto;} .simple-modal{ position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.94); width:92%;max-width:480px;max-height:82vh;overflow-y:auto;background:#fff;border-radius:22px; padding:30px 26px 26px;z-index:99;box-shadow:0 30px 70px rgba(0,0,0,.3); opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s var(--ease); } .simple-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);} .size-guide-heading{font-family:var(--display);font-weight:700;font-size:20px;margin-bottom:6px;padding-right:24px;} .size-guide-sub{font-size:12.5px;color:var(--gray);line-height:1.5;margin-bottom:16px;} .size-guide-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;} .size-guide-table{width:100%;border-collapse:collapse;font-size:13px;} .size-guide-table th{ background:var(--cream);text-align:left;padding:9px 12px;font-size:10.5px; letter-spacing:.5px;text-transform:uppercase;color:var(--gray); } .size-guide-table td{padding:8px 12px;border-top:1px solid var(--border);} .size-guide-tip{font-size:11.5px;color:var(--gray);margin-top:14px;line-height:1.5;} .combine-with{margin-top:26px;padding-top:20px;border-top:1px solid var(--border);} .combine-with-title{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--gray);margin-bottom:10px;} .combine-with-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;} .combine-with-row::-webkit-scrollbar{display:none;} .combine-card{ position:relative;flex:0 0 110px; } .combine-card a{ display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit; } .combine-card img{ width:110px;height:110px;object-fit:cover;border-radius:14px;background:var(--cream); transition:transform .3s var(--ease); } .combine-card:hover img{transform:translateY(-3px);} .combine-card-name{font-size:11px;font-weight:600;line-height:1.3;color:var(--black); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .combine-card-price{font-size:12px;font-weight:700;color:var(--navy);} .combine-card-add{ position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%; background:var(--black);color:var(--accent);border:none;font-size:16px;line-height:1; cursor:pointer;transition:transform .2s var(--ease); } .combine-card-add:hover{transform:scale(1.12);} .combine-card-add.loading{opacity:.6;pointer-events:none;} .qa-section{margin-top:8px;} .qa-list{display:flex;flex-direction:column;gap:16px;} .qa-card{border-bottom:1px solid var(--border);padding-bottom:16px;} .qa-badge{ display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px; border-radius:50%;font-size:10px;font-weight:700;color:#fff;flex-shrink:0; } .qa-badge-q{background:var(--navy);} .qa-badge-a{background:var(--green);} .qa-question{font-size:13.5px;font-weight:600;margin-bottom:6px;line-height:1.5;} .qa-answer{font-size:13.5px;color:#333;line-height:1.5;background:var(--cream);padding:9px 12px;border-radius:10px;margin-top:4px;} .qa-pending{font-size:12px;color:var(--gray);font-style:italic;margin-top:4px;} .qa-author{font-size:11px;color:var(--gray);font-weight:400;} .shipping-hero{ background:var(--black); color:#fff; padding:56px 20px 48px; overflow:hidden; position:relative; } .shipping-hero::before{ content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 80% 50%, rgba(214,255,61,.07), transparent 70%); pointer-events:none; } .shipping-hero-inner{ max-width:1080px; margin:0 auto; display:flex; align-items:center; gap:40px; flex-wrap:wrap; } .shipping-road-wrap{ position:relative; width:300px; height:110px; flex-shrink:0; } .shipping-road{ position:absolute; bottom:14px; left:0;right:0; height:14px; background:#2a2a3a; border-radius:3px; overflow:hidden; } .road-dashes{ display:flex; gap:18px; position:absolute; top:50%;transform:translateY(-50%); left:0; animation:road-scroll 0.5s linear infinite; } .road-dashes span{ display:block; width:28px;height:3px; background:#D6FF3D; border-radius:2px; opacity:.7; flex-shrink:0; } @keyframes road-scroll{ from{transform:translateY(-50%) translateX(0)} to{transform:translateY(-50%) translateX(-46px)} } .shipping-truck{ position:absolute; bottom:28px; left:50%; transform:translateX(-50%); animation:truck-bounce 0.4s ease-in-out infinite alternate, truck-slide-in 1s cubic-bezier(.22,1,.36,1) forwards; filter:drop-shadow(0 6px 18px rgba(214,255,61,.18)); } @keyframes truck-bounce{ from{bottom:28px} to{bottom:32px} } @keyframes truck-slide-in{ from{left:-20%;opacity:0} to{left:50%;opacity:1} } .speed-line{ animation:speed-pulse 0.6s ease-in-out infinite alternate; } @keyframes speed-pulse{ from{opacity:.5;stroke-dashoffset:0} to{opacity:.1;stroke-dashoffset:10} } .shipping-hero-copy{ flex:1; min-width:240px; } .shipping-eyebrow{ font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#D6FF3D; margin-bottom:10px; } .shipping-title{ font-size:clamp(30px,5vw,54px); font-weight:900; line-height:1; letter-spacing:-.02em; text-transform:uppercase; margin:0 0 14px; } .shipping-price{ color:#D6FF3D; font-size:clamp(48px,8vw,80px); line-height:1; } .shipping-currency{ font-size:.4em; color:rgba(255,255,255,.55); vertical-align:middle; } .shipping-desc{ font-size:14px; color:rgba(255,255,255,.65); line-height:1.6; margin:0 0 20px; max-width:360px; } .shipping-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; } .shipping-badge{ display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:5px 12px; color:#fff; } .shipping-badge--free{ background:rgba(214,255,61,.12); border-color:rgba(214,255,61,.3); color:#D6FF3D; } .btn-shipping-cta{ display:inline-block; background:#D6FF3D; color:#1a1a2e; font-weight:900; font-size:14px; letter-spacing:.04em; text-transform:uppercase; padding:13px 28px; border-radius:50px; text-decoration:none; transition:transform .2s var(--ease), box-shadow .2s; } .btn-shipping-cta:hover{ transform:translateY(-2px) scale(1.02); box-shadow:0 8px 24px rgba(214,255,61,.35); } @media(max-width:640px){ .shipping-hero-inner{flex-direction:column;gap:28px;} .shipping-road-wrap{width:100%;height:90px;} .shipping-truck{left:50%;} } .hdr{ position:sticky;top:0;z-index:80; background:var(--black);color:#fff; border-bottom:1px solid rgba(255,255,255,.08); transition:box-shadow .3s var(--ease); } .hdr.header-scrolled{box-shadow:0 10px 30px rgba(0,0,0,.28);} .hdr-inner{ display:grid;grid-template-columns:1fr auto 1fr;align-items:center; gap:12px;height:66px;padding:0 18px;max-width:1500px;margin:0 auto; } .hdr-side{display:flex;align-items:center;gap:6px;min-width:0;} .hdr-side--right{justify-content:flex-end;gap:10px;} .hdr-icon{ display:inline-flex;align-items:center;justify-content:center; width:40px;height:40px;border-radius:50%;border:none;background:transparent; color:#fff;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease); } .hdr-icon:hover{background:rgba(255,255,255,.1);color:var(--accent);transform:translateY(-1px);} .hdr-burger{display:inline-flex;} .hdr-nav{display:none;align-items:center;gap:2px;} .hdr-nav-link{ display:inline-flex;align-items:center;gap:5px;position:relative; padding:10px 12px;font-size:13px;font-weight:700;letter-spacing:1.4px; text-transform:uppercase;color:#fff;background:none;border:none; transition:color .22s var(--ease); } .hdr-nav-link::after{ content:'';position:absolute;left:12px;right:12px;bottom:4px;height:2px; background:var(--accent);transform:scaleX(0);transform-origin:left; transition:transform .3s var(--ease); } .hdr-nav-link:hover{color:var(--accent);} .hdr-nav-link:hover::after{transform:scaleX(1);} .hdr-nav-link--sale{color:#FF5A5F;} .hdr-nav-link--sale::after{background:#FF5A5F;} .hdr-nav-link svg{transition:transform .25s var(--ease);} .hdr-drop:hover .hdr-nav-link svg{transform:rotate(180deg);} .hdr-drop{position:relative;} .hdr-drop-panel{ position:absolute;top:calc(100% + 10px);left:0;min-width:300px; background:#fff;color:var(--black);border-radius:16px;padding:14px; box-shadow:0 26px 60px rgba(0,0,0,.28);border-top:3px solid var(--accent); opacity:0;pointer-events:none;transform:translateY(-8px); transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:90; } .hdr-drop:hover .hdr-drop-panel,.hdr-drop:focus-within .hdr-drop-panel{opacity:1;pointer-events:auto;transform:translateY(0);} .hdr-drop-all{ display:block;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase; color:var(--navy);padding:6px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:8px; } .hdr-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-height:330px;overflow:auto;} .hdr-drop-grid a,.hdr-drop-panel--user a{ display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px; font-size:13.5px;font-weight:500;transition:background .2s,color .2s,padding-left .2s; } .hdr-drop-grid a:hover,.hdr-drop-panel--user a:hover{background:var(--cream);color:var(--navy);padding-left:14px;} .hdr-drop-dot{width:8px;height:8px;border-radius:50%;background:var(--bc,var(--navy));flex:0 0 auto;} .hdr-drop--user .hdr-drop-panel{left:auto;right:0;min-width:210px;} .hdr-drop-panel--user{padding:10px;} .hdr-user-hello{ font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase; color:var(--gray);padding:4px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px; } .hdr-logo{display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease);} .hdr-logo:hover{transform:scale(1.04);} .hdr-logo-img{height:44px;width:auto;} .hdr-search{ display:none;align-items:center;gap:8px; background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14); border-radius:999px;padding:0 16px;height:40px;width:min(320px,26vw); color:rgba(255,255,255,.7);transition:background .25s,border-color .25s,width .3s var(--ease); } .hdr-search:focus-within{background:#fff;border-color:var(--accent);color:var(--gray);width:min(400px,32vw);} .hdr-search input{ flex:1;min-width:0;border:none;background:none;outline:none; font-size:13px;color:#fff; } .hdr-search:focus-within input{color:var(--black);} .hdr-search input::placeholder{color:rgba(255,255,255,.55);} .hdr-search:focus-within input::placeholder{color:#9a9a9a;} .hdr-search--mobile{ display:flex;width:auto;margin:0 18px 12px;height:42px; } .hdr-cart{position:relative;} .hdr-cart-badge{ position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px; border-radius:999px;background:var(--navy);color:#fff; font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center; border:2px solid var(--black); } @media(min-width:900px){ .hdr-inner{height:74px;padding:0 26px;} .hdr-nav{display:flex;} .hdr-burger{display:none;} .hdr-search{display:flex;} .hdr-search--mobile{display:none;} .hdr-logo-img{height:50px;} } @media(max-width:899px){ .hdr-inner{grid-template-columns:auto 1fr auto;} .hdr-side--left{justify-content:flex-start;} .hdr-logo{justify-content:center;} #menuOpenBtn.hdr-burger{display:inline-flex;} } .hero-carousel{position:relative;overflow:hidden;background:var(--black);} .hero-track{display:flex;transition:transform .8s var(--ease);} .hero-slide{min-width:100%;position:relative;overflow:hidden;} .hero-slide img{ width:100%;height:clamp(360px,52vw,620px);object-fit:cover;opacity:.62; transform:scale(1.06);transition:transform 8s linear,opacity .8s ease; } .hero-slide.is-active img{transform:scale(1);opacity:.68;} .hero-slide::after{ content:'';position:absolute;inset:0; background:linear-gradient(90deg,rgba(10,10,12,.88) 0%,rgba(10,10,12,.5) 45%,rgba(10,10,12,.1) 100%); } .hero-content{ position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center; gap:14px;padding:0 clamp(20px,6vw,80px);max-width:820px; } .hero-eyebrow{ display:inline-flex;align-items:center;align-self:flex-start;gap:8px; background:var(--accent);color:var(--black); font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase; padding:7px 14px;border-radius:999px; } .hero-title{ font-family:var(--display);color:#fff;line-height:.92; font-size:clamp(40px,8vw,88px);font-weight:700;letter-spacing:-1.5px;text-transform:uppercase; } .hero-sub{color:rgba(255,255,255,.82);font-size:clamp(13px,1.5vw,16px);max-width:440px;line-height:1.6;} .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;} .hero-slide .hero-eyebrow,.hero-slide .hero-title,.hero-slide .hero-sub,.hero-slide .hero-actions{ opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease); } .hero-slide.is-active .hero-eyebrow{opacity:1;transform:none;transition-delay:.12s;} .hero-slide.is-active .hero-title{opacity:1;transform:none;transition-delay:.2s;} .hero-slide.is-active .hero-sub{opacity:1;transform:none;transition-delay:.3s;} .hero-slide.is-active .hero-actions{opacity:1;transform:none;transition-delay:.4s;} .btn-hero{ display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--black); padding:14px 26px;border-radius:999px;font-size:13.5px;font-weight:800; letter-spacing:.6px;text-transform:uppercase; transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease); } .btn-hero span{transition:transform .25s var(--ease);} .btn-hero:hover{background:var(--accent);transform:translateY(-2px);} .btn-hero:hover span{transform:translateX(4px);} .btn-hero--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);} .btn-hero--ghost:hover{background:#fff;color:var(--black);border-color:#fff;} .hero-arrow{ position:absolute;top:50%;transform:translateY(-50%);z-index:3; width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35); background:rgba(10,10,12,.35);color:#fff;backdrop-filter:blur(6px); display:none;align-items:center;justify-content:center; transition:background .25s,color .25s,transform .25s var(--ease); } .hero-arrow:hover{background:var(--accent);color:var(--black);border-color:var(--accent);} .hero-arrow--prev{left:18px;} .hero-arrow--next{right:18px;} .hero-arrow--prev:hover{transform:translateY(-50%) translateX(-3px);} .hero-arrow--next:hover{transform:translateY(-50%) translateX(3px);} @media(min-width:900px){.hero-arrow{display:inline-flex;}} .hero-dots{position:absolute;bottom:24px;left:clamp(20px,6vw,80px);right:auto;display:flex;gap:8px;z-index:3;} .hero-dots .dot{width:32px;height:4px;border-radius:4px;border:none;background:rgba(255,255,255,.35);padding:0;transition:background .3s,width .3s var(--ease);} .hero-dots .dot.active{background:var(--accent);width:52px;} .cat-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:12px; } @media(min-width:900px){.cat-grid{grid-template-columns:repeat(4,1fr);gap:16px;}} .cat-card{ position:relative;overflow:hidden;border-radius:18px;background:var(--black); aspect-ratio:3/4;display:block; transition:transform .45s var(--ease),box-shadow .45s var(--ease); } .cat-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(10,10,12,.22);} .cat-card-media{position:absolute;inset:0;} .cat-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);} .cat-card:hover .cat-card-media img{transform:scale(1.09);} .cat-card-shade{ position:absolute;inset:0; background:linear-gradient(to top,rgba(10,10,12,.92) 0%,rgba(10,10,12,.45) 42%,rgba(10,10,12,0) 72%); transition:opacity .4s var(--ease); } .cat-card-info{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 20px;z-index:2;} .cat-card-sub{ color:var(--accent);font-size:10.5px;font-weight:800;letter-spacing:2px; text-transform:uppercase;margin-bottom:5px; } .cat-card-name{ font-family:var(--display);color:#fff;font-size:clamp(20px,2.4vw,30px); font-weight:700;letter-spacing:-.5px;text-transform:uppercase;line-height:1; } .cat-card-cta{ display:inline-flex;align-items:center;gap:6px;margin-top:10px; font-size:12px;font-weight:700;color:#fff;letter-spacing:.6px; opacity:0;transform:translateY(8px); transition:opacity .35s var(--ease),transform .35s var(--ease); } .cat-card-cta span{color:var(--accent);} .cat-card:hover .cat-card-cta{opacity:1;transform:none;} .marca-logo-chip,.marca-logo-chip--img{ width:104px;height:104px;flex:0 0 104px;border-radius:50%; background:#fff;border:1.5px solid var(--border); display:flex;align-items:center;justify-content:center;padding:18px; transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease); } .marca-logo-chip:hover{ border-color:var(--black);transform:translateY(-5px); box-shadow:0 16px 30px rgba(10,10,12,.14); } .marca-logo-img{max-width:100%;max-height:52px;object-fit:contain;filter:grayscale(1);transition:filter .3s,transform .3s var(--ease);} .marca-logo-chip:hover .marca-logo-img{filter:none;transform:scale(1.06);} .marca-logo-text{font-size:12px;font-weight:800;letter-spacing:.4px;text-align:center;line-height:1.2;} .marca-logo-dot{display:none;} .marquesina-track{gap:18px;align-items:center;} @media(max-width:600px){ .marca-logo-chip,.marca-logo-chip--img{width:84px;height:84px;flex:0 0 84px;padding:14px;} .marca-logo-img{max-height:40px;} } .brands-index-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px;margin-top:22px; } .brand-index-card{ aspect-ratio:1/1;border-radius:50%;background:#fff;border:1.5px solid var(--border); display:flex;align-items:center;justify-content:center;padding:22px;text-align:center; transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease); } .brand-index-card:hover{border-color:var(--black);transform:translateY(-5px);box-shadow:0 18px 34px rgba(10,10,12,.14);} .brand-index-logo{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(1);transition:filter .3s;} .brand-index-card:hover .brand-index-logo{filter:none;} .brand-index-name{font-size:13px;font-weight:800;letter-spacing:.4px;} footer.site-foot{ background:var(--black);color:#fff;padding:52px 20px 26px;margin-top:60px; } .foot-top{ max-width:1400px;margin:0 auto;display:grid;gap:34px; grid-template-columns:1fr; } @media(min-width:1000px){.foot-top{grid-template-columns:260px 1fr;gap:50px;}} .foot-brand .foot-logo-img{height:56px;width:auto;margin-bottom:14px;} .foot-slogan{ font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase; color:var(--accent);line-height:1.8;max-width:240px; } .foot-cols{ display:grid;gap:28px 24px; grid-template-columns:repeat(2,minmax(0,1fr)); } @media(min-width:760px){.foot-cols{grid-template-columns:repeat(3,minmax(0,1fr));}} @media(min-width:1100px){.foot-cols{grid-template-columns:repeat(5,minmax(0,1fr));}} .foot-col h4{ font-family:var(--display);font-size:12.5px;font-weight:700;letter-spacing:1.6px; text-transform:uppercase;color:#fff;margin-bottom:14px; } .foot-col-h2{margin-top:22px;} .foot-col ul{display:flex;flex-direction:column;gap:9px;} .foot-col li,.foot-col a{font-size:13px;color:rgba(255,255,255,.66);line-height:1.5;} .foot-col a{transition:color .22s;} .foot-col a:hover{color:var(--accent);} .foot-city{font-size:11.5px;color:rgba(255,255,255,.42);} .foot-social-row{display:flex;gap:10px;} .soc-btn{ width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center; background:rgba(255,255,255,.08);color:var(--accent); transition:background .25s,transform .25s var(--ease),color .25s; } .soc-btn:hover{background:var(--accent);color:var(--black);transform:translateY(-3px);} .foot-bottom{ max-width:1400px;margin:38px auto 0;padding-top:24px; border-top:1px solid rgba(255,255,255,.1); display:flex;flex-direction:column;align-items:center;gap:18px; } .foot-bottom .copyright{font-size:12px;color:rgba(255,255,255,.5);text-align:center;} .foot-pay-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;} .foot-pay-row .pay-tag{ background:#fff;border-radius:7px;padding:7px 11px;height:34px; display:flex;align-items:center;justify-content:center;min-width:52px; } .foot-pay-row .pay-tag img{max-height:19px;width:auto;object-fit:contain;} .pdp-info-row{ display:grid;grid-template-columns:repeat(4,1fr); background:var(--cream);border-radius:14px;margin-top:22px;overflow:visible; } .pdp-info-item{position:relative;} .pdp-info-item + .pdp-info-item::before{ content:'';position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--border); } .pdp-info-btn{ width:100%;background:none;border:none;color:var(--black); display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 8px; transition:color .2s; } .pdp-info-btn span{ font-size:11.5px;font-weight:600;text-align:center;line-height:1.3; text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px; } .pdp-info-btn:hover{color:var(--navy);} .pdp-info-pop{ position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px); width:min(290px,78vw);background:#fff;border:1px solid var(--border);border-radius:14px; padding:16px;box-shadow:0 22px 48px rgba(10,10,12,.18); opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:40; } .pdp-info-item:hover .pdp-info-pop,.pdp-info-item:focus-within .pdp-info-pop{ opacity:1;pointer-events:auto;transform:translate(-50%,0); } .pdp-info-pop::before{ content:'';position:absolute;top:-7px;left:50%;margin-left:-7px;width:12px;height:12px; background:#fff;border-left:1px solid var(--border);border-top:1px solid var(--border); transform:rotate(45deg); } .pdp-info-pop p{font-size:12.5px;line-height:1.65;color:#333;} .pdp-info-logos{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;} .pdp-info-logos span{ border:1px solid var(--border);border-radius:7px;padding:5px 8px;height:32px; display:flex;align-items:center;justify-content:center;background:#fff; } .pdp-info-logos img{max-height:17px;width:auto;object-fit:contain;} @media(max-width:560px){ .pdp-info-row{grid-template-columns:repeat(2,1fr);} .pdp-info-item:nth-child(3)::before,.pdp-info-item:nth-child(1)::before{display:none;} } .pdp-accordions{margin-top:40px;border-top:1px solid var(--black);} .pdp-acc{border-bottom:1px solid var(--black);} .pdp-acc-sum{ list-style:none;cursor:pointer;position:relative; display:flex;align-items:center;gap:10px; padding:22px 40px 22px 4px; font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.2px; transition:color .2s; } .pdp-acc-sum::-webkit-details-marker{display:none;} .pdp-acc-sum:hover{color:var(--navy);} .pdp-acc-count{font-family:var(--body);font-size:14px;font-weight:400;color:var(--gray);} .pdp-acc-chevron{ position:absolute;right:8px;top:50%;width:11px;height:11px; border-right:2px solid currentColor;border-bottom:2px solid currentColor; transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease); } .pdp-acc[open] .pdp-acc-chevron{transform:translateY(-25%) rotate(-135deg);} .pdp-acc-body{padding:2px 4px 28px;animation:pdpAccIn .35s var(--ease);} @keyframes pdpAccIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}} .pdp-acc-body p{font-size:14px;line-height:1.75;color:#333;} .pdp-acc-list{display:flex;flex-direction:column;gap:9px;} .pdp-acc-list li{ position:relative;padding-left:18px;font-size:13.5px;line-height:1.7;color:#333; } .pdp-acc-list li::before{ content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--navy); } .pdp-acc-list a{color:var(--navy);text-decoration:underline;text-underline-offset:3px;} .reviews-section.pdp-accordions .review-cta, .reviews-section.pdp-accordions .review-form{margin-top:0;} .foot-bottom .copyright{border-top:none;padding-top:0;} .site-foot .soc-btn{border:1px solid rgba(255,255,255,.14);border-radius:50%;} .site-foot .foot-social-row{margin-bottom:0;} .site-foot .foot-col li{margin-bottom:0;} .hdr-side--left{flex:1;min-width:0;} .hdr-drop::after{content:'';position:absolute;left:0;right:0;top:100%;height:14px;} .hdr-drop-list{display:flex;flex-direction:column;gap:2px;} .hdr-drop-list a,.hdr-drop-grid a{ display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px; transition:background .2s,color .2s,transform .2s var(--ease); } .hdr-drop-list a:hover,.hdr-drop-grid a:hover{background:var(--cream);color:var(--navy);transform:translateX(3px);padding-left:11px;} .hdr-drop-ico{ width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--cream); display:flex;align-items:center;justify-content:center;color:var(--navy); transition:background .2s,color .2s; } .hdr-drop-list a:hover .hdr-drop-ico,.hdr-drop-grid a:hover .hdr-drop-ico{background:var(--navy);color:#fff;} .hdr-drop-ico img{max-width:19px;max-height:15px;object-fit:contain;} .hdr-drop-grid a:hover .hdr-drop-ico img{filter:brightness(0) invert(1);} .hdr-drop-txt{font-size:12.5px;font-weight:600;letter-spacing:.2px;} .hdr-drop-panel--brands{min-width:400px;} .hdr-drop-panel--brands .hdr-drop-grid{max-height:340px;} .gallery-zoom-hint{ display:flex;align-items:center;gap:5px;background:rgba(10,10,12,.72); border-radius:999px;padding:6px 11px;font-size:10.5px;font-weight:700; letter-spacing:.4px;text-transform:uppercase; } .product-gallery-main img{transition:opacity .35s var(--ease);} .product-gallery-main:hover img{opacity:.93;} .lightbox{ position:fixed;inset:0;z-index:999;background:rgba(8,8,10,.94); display:flex;align-items:center;justify-content:center;padding:26px; opacity:0;pointer-events:none;transition:opacity .3s var(--ease); } .lightbox.is-open{opacity:1;pointer-events:auto;} .lightbox img{ max-width:min(1000px,92vw);max-height:86vh;object-fit:contain; border-radius:12px;background:#fff;transform:scale(.97); transition:transform .3s var(--ease); } .lightbox.is-open img{transform:scale(1);} .lightbox-btn{ position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center; font-size:22px;line-height:1;transition:background .2s,color .2s; } .lightbox-btn:hover{background:var(--accent);color:var(--black);border-color:var(--accent);} .lightbox-close{top:20px;right:20px;} .lightbox-prev{left:18px;top:50%;transform:translateY(-50%);} .lightbox-next{right:18px;top:50%;transform:translateY(-50%);} @media(max-width:600px){.lightbox-prev,.lightbox-next{display:none;}} .menu-drawer{ inset:0 auto 0 0; width:min(86vw,340px); max-width:340px; background:#fff; color:var(--black); clip-path:none; transform:translateX(-102%); transition:transform .3s var(--ease); box-shadow:none; } .menu-drawer.open{ clip-path:none; transform:none; box-shadow:0 0 40px rgba(0,0,0,.25); } .md-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--border); } .md-logo img{ height:42px; width:auto; } .menu-drawer .md-close{ background:var(--gray-lt); border:none; color:var(--black); width:36px; height:36px; font-size:22px; border-radius:50%; } .menu-drawer .md-close:hover{ background:var(--accent); color:var(--black); transform:none; } .md-nav{ padding:6px 0; flex:1; } .md-link, .md-group > summary{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 20px; font:600 17px/1.2 var(--body); color:var(--black); border-bottom:1px solid var(--border); cursor:pointer; list-style:none; } .md-group > summary::-webkit-details-marker{ display:none; } .md-group > summary::after{ content:''; width:8px; height:8px; border-right:2px solid #8a8a90; border-bottom:2px solid #8a8a90; transform:rotate(45deg); transition:transform .2s ease; margin-right:4px; } .md-group[open] > summary::after{ transform:rotate(-135deg); } .md-sub{ background:#f7f7f5; padding:6px 0; border-bottom:1px solid var(--border); } .md-sub a{ display:block; padding:11px 20px 11px 32px; font:500 15px/1.2 var(--body); color:#33333a; } .md-sub a:hover, .md-link:hover{ background:var(--gray-lt); } .md-sub .md-all{ font-weight:700; color:var(--navy); } .md-tag{ font:700 11px/1 var(--body); background:var(--accent); color:var(--black); padding:5px 8px; border-radius:6px; letter-spacing:.3px; } .md-account{ display:flex; flex-wrap:wrap; gap:8px; padding:16px 20px; } .md-account a{ flex:1 1 auto; text-align:center; padding:11px 14px; border:1px solid var(--border); border-radius:10px; font:600 14px/1 var(--body); } .md-account a:first-child{ background:var(--black); color:#fff; border-color:var(--black); } .md-foot{ padding:14px 20px 20px; font:400 12px/1.6 var(--body); color:var(--gray); border-top:1px solid var(--border); } .md-foot a{ color:var(--black); font-weight:600; } :root{--radius:16px}body{line-height:1.55}input,select,textarea{font-size:16px} select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2b36f5;outline-offset:3px} .hdr-search{border-radius:12px!important}.product-card{border-radius:16px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.product-card:hover{box-shadow:0 14px 35px #0a0a0c12;transform:translateY(-3px)}.product-image img{transition:transform .35s ease}.product-card:hover .product-image img{transform:scale(1.035)}.product-name{line-height:1.45!important} .ps-hero h1{font-size:clamp(3.8rem,8vw,7.3rem)}.ps-hero-copy{padding:75px 0}.ps-category{border-radius:16px;overflow:hidden}.ps-benefits{border-bottom:1px solid #e5e3dc}.ps-how-item{border-radius:16px}.ps-faq-list details{padding:18px 0;border-bottom:1px solid #dededc}.ps-faq-list summary{cursor:pointer;line-height:1.5}.ps-faq-list details[open] summary{color:#2b36f5}.ps-faq-list p{line-height:1.8}.ps-section{scroll-margin-top:110px} .store-service{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f4f2ec;border:1px solid #e5e3dc;border-radius:18px;padding:28px;margin-top:24px}.store-service h3{font-size:22px;margin:0 0 8px}.store-service p{max-width:620px;color:#52525b;margin:0;line-height:1.7}.store-service a{flex-shrink:0} @media(max-width:650px){.store-service{display:block;padding:23px}.store-service a{margin-top:18px}.product-card:hover{transform:none}.ps-hero-copy{padding:50px 0 40px}.ps-hero h1{font-size:clamp(3.4rem,16vw,5.5rem)}.ps-actions{gap:10px}.ps-actions a{min-height:48px}.ps-floating-help{bottom:80px!important}.hdr-search input{font-size:16px!important}} @media(prefers-reduced-motion:reduce){.product-card,.product-image img{transition:none}.product-card:hover,.product-card:hover .product-image img{transform:none}} .prime-related-size{display:grid;gap:6px;padding:10px 12px;font-size:11px;color:#666}.prime-related-size select{font:16px Arial;background:#fff;color:#222;border:1px solid #ddd;border-radius:6px;padding:8px;max-width:100%;width:100%}.quick-add-btn:disabled{opacity:.3;cursor:not-allowed} .prime-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .prime-creators-page h1{font:600 clamp(30px,4vw,52px)/1.1 Arial,sans-serif;letter-spacing:-1.5px}.prime-simple-form{display:grid;gap:18px;max-width:600px}.prime-simple-form label{display:grid;gap:8px;font-size:13px;color:#555}.prime-simple-form input:not([type=checkbox]),.prime-simple-form textarea,.prime-simple-form select{box-sizing:border-box;width:100%;border:1px solid #ddd;border-radius:8px;padding:13px;background:white;color:#222;font:16px Arial}.prime-simple-form button{width:fit-content;border:0;border-radius:30px;background:#111;color:#fff;padding:14px 24px;font-size:13px}.prime-simple-form .prime-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;flex-wrap:wrap}.prime-simple-form .prime-check input{flex:none;margin-top:4px}.prime-application{padding:40px 0}.prime-form-status{font-size:13px;color:#555;margin:24px 0}.prime-customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.prime-customer-card{padding:24px;border:1px solid #e6e6e8;border-radius:14px}.prime-customer-card h3{font-size:18px}.prime-customer-card p{font-size:13px;line-height:1.7;color:#666}.prime-table-scroll{overflow-x:auto}.prime-table-scroll table{border-collapse:collapse;width:100%;min-width:500px}.prime-table-scroll th,.prime-table-scroll td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:13px} .prime-social-buttons{display:grid;gap:10px;margin:22px 0} .product-card{position:relative}.prime-card-favorite{position:absolute;right:10px;top:10px;z-index:4;display:grid;place-items:center;width:32px;height:32px;border:1px solid #e9e9e9;border-radius:50%;background:#fff;color:#555;font:22px/1 Arial;cursor:pointer;box-shadow:0 2px 10px #00000008}.prime-card-favorite[aria-pressed=true]{color:#df3944}.prime-mobile-nav{display:none}.prime-campaign-mobile-caption{display:none}.prime-consent[hidden]{display:none!important}.prime-consent{position:fixed;z-index:2200;bottom:20px;left:20px;right:20px;max-width:1050px;margin:0 auto;padding:18px 22px;background:#fff;border:1px solid #ddd;border-radius:14px;box-shadow:0 8px 35px #0002;display:flex;gap:22px;align-items:center;color:#333;font:12px/1.6 Arial,sans-serif}.prime-consent strong{font-size:14px}.prime-consent p{margin:4px 0;font-size:12px}.prime-consent a{font-size:11px;color:#555}.prime-consent-actions{display:flex;gap:8px;flex-shrink:0}.prime-consent-actions button{font:11px Arial;white-space:nowrap;border:1px solid #ddd;border-radius:6px;padding:11px;background:#fff;color:#333;cursor:pointer}.prime-consent-actions button:last-child{background:#111;border-color:#111;color:#fff}.prime-privacy-settings{display:block;margin:12px auto 20px;border:0;background:none;font:11px Arial;color:#777;text-decoration:underline;cursor:pointer} @media(max-width:700px){.prime-consent{bottom:76px;left:12px;right:12px;padding:16px;display:block}.prime-consent-actions{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.prime-consent-actions button{white-space:normal;font-size:10px;min-height:40px}.prime-mobile-nav{position:fixed;bottom:9px;left:12px;right:12px;z-index:1900;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:7px 10px;background:#fff;border:1px solid #e5e5e8;border-radius:40px;box-shadow:0 5px 25px #0002}.prime-mobile-nav a{display:grid;gap:2px;justify-items:center;padding:2px 12px;color:#333;font:22px/1.1 Arial;text-decoration:none}.prime-mobile-nav span{font-size:9px;line-height:1.4}.site-foot{padding-bottom:70px!important}.float-btn{bottom:82px!important}.prime-campaign-mobile-caption{display:block;padding:22px 20px 28px;background:#fff}.prime-campaign-mobile-caption p{margin:0 0 8px;font:9px Arial;letter-spacing:2px;color:#999}.prime-campaign-mobile-caption h2{margin:0 0 18px;font:600 28px/1.1 Arial;letter-spacing:-1px}.prime-campaign-mobile-caption a{display:inline-block;padding:11px 20px;background:#111;color:#fff;border-radius:30px;font-size:11px;text-decoration:none}} a.prime-google-button,a.prime-apple-button{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f;font:500 14px/20px Arial,sans-serif!important;letter-spacing:.25px;text-transform:none!important;text-decoration:none;transition:background .15s,box-shadow .15s} a.prime-google-button svg{position:absolute;left:14px;flex:none;width:20px;height:20px}a.prime-google-button:hover{background:#f8faff;box-shadow:0 1px 3px #3c404326}a.prime-google-button:focus-visible{outline:3px solid #a8c7fa;outline-offset:2px}a.prime-apple-button{background:#111;color:#fff;border-color:#111} dialog.prime-auth-dialog{position:fixed!important;inset:0!important;box-sizing:border-box;width:min(440px,calc(100vw - 32px))!important;height:fit-content;max-height:calc(100dvh - 32px);padding:0!important;margin:auto!important;overflow:auto;border:1px solid #e4e4e7!important;border-radius:22px!important;background:#fff;color:#171717;box-shadow:0 30px 100px #0004;font-family:Arial,sans-serif;text-align:left;overscroll-behavior:contain} dialog.prime-auth-dialog:not([open]){display:none!important}dialog.prime-auth-dialog::backdrop{background:#1119;backdrop-filter:blur(4px)} .prime-auth-content{padding:30px 34px 22px}.prime-auth-close{position:absolute;right:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#f4f4f5;color:#333;font:24px/1 Arial;cursor:pointer}.prime-auth-logo{width:70px;height:42px;object-fit:contain;margin-bottom:14px}.prime-auth-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#777;margin:0 0 9px}.prime-auth-dialog h2{font:600 27px/1.15 Arial,sans-serif;letter-spacing:-1px;margin:0 0 10px}.prime-auth-intro{font-size:13px;line-height:1.6;color:#777;margin:0}.prime-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#8a8a8a;font-size:11px}.prime-auth-divider:before,.prime-auth-divider:after{content:'';height:1px;flex:1;background:#e9e9e9} #primeLoginForm label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}#primeLoginForm input:not([type=hidden]){box-sizing:border-box;width:100%;height:46px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:0 13px;color:#222;font:16px Arial,sans-serif;outline:none}#primeLoginForm input:focus{border-color:#111;box-shadow:0 0 0 3px #1111}.prime-auth-password{position:relative}.prime-auth-password input{padding-right:75px!important}.prime-auth-password button{position:absolute;right:10px;top:0;height:46px;background:none;border:0;font-size:11px;color:#666;cursor:pointer}.prime-auth-forgot{display:block;text-align:right;font-size:11px;color:#555;margin-top:12px}.prime-auth-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;border:0;border-radius:8px;background:#111;color:white;padding:0 16px;font-size:13px;font-weight:600;cursor:pointer}.prime-auth-submit:disabled{opacity:.6}#primeLoginFeedback{font-size:12px;line-height:1.5;color:#b3261e;margin:12px 0;min-height:0}.prime-auth-switch{font-size:12px;text-align:center;color:#777;margin:20px 0 8px}.prime-auth-switch a{color:#111;font-weight:600}.prime-auth-later{display:block;margin:0 auto;padding:8px;background:none;border:0;color:#888;font-size:11px;cursor:pointer} .prime-campaign-hero{margin:0;background:#fafafa}.prime-campaign-hero a{display:block}.prime-campaign-hero picture,.prime-campaign-hero img{display:block;width:100%;height:auto}.prime-campaign-hero img{aspect-ratio:1954/805;object-fit:contain} .prime-editorial{position:relative;isolation:isolate;min-height:620px;overflow:hidden;border-radius:24px;background:#f2f3f5;margin:70px auto;width:min(1240px,calc(100% - 48px));color:#111} .prime-editorial::before{content:'';position:absolute;inset:0;z-index:-1;background:#111;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:60px 60px;clip-path:ellipse(78% 90% at 106% 100%)} .prime-editorial-title{position:absolute;left:5%;top:13%;margin:0;font:500 clamp(80px,13vw,180px)/1 Arial,sans-serif;letter-spacing:-.08em;z-index:2;mix-blend-mode:difference;color:white;pointer-events:none} .prime-editorial-image{position:absolute;right:1%;bottom:20px;width:60%;height:82%;object-fit:contain;z-index:1;filter:drop-shadow(0 30px 25px #0003)} .prime-editorial-copy{position:relative;width:33%;padding:300px 0 50px;margin-left:6%;z-index:3}.prime-editorial-copy p{font-size:14px;line-height:1.8;color:#555}.prime-editorial-copy a{display:inline-flex;gap:24px;border-radius:40px;background:#111;padding:13px 20px;font-size:12px;color:white;text-decoration:none}.prime-editorial-label{position:absolute;right:5%;bottom:30px;z-index:3;color:#eee;font-size:12px} .prime-creators-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border-radius:20px;background:#f4f3ef}.prime-creators-feature img{display:block;width:100%;height:100%;max-height:460px;object-fit:cover}.prime-creators-copy{padding:48px;align-self:center}.prime-creators-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-1.5px;margin:12px 0 20px}.prime-creators-copy p{font-size:14px;color:#666;line-height:1.8}.prime-creators-copy a{display:inline-flex;border-radius:30px;padding:12px 20px;background:#111;color:white;font-size:12px;margin-top:15px;text-decoration:none} @media(max-width:700px){.prime-editorial{min-height:570px;margin:32px auto;width:calc(100% - 28px);border-radius:18px}.prime-editorial-title{top:34px;left:6%;font-size:20vw}.prime-editorial::before{clip-path:ellipse(115% 58% at 100% 100%)}.prime-editorial-image{top:95px;bottom:auto;right:4%;width:92%;height:280px}.prime-editorial-copy{padding:350px 22px 30px;margin:0;width:100%;box-sizing:border-box}.prime-editorial-copy p{color:#ddd;max-width:310px;font-size:13px}.prime-editorial-copy a{background:#fff;color:#111}.prime-editorial-label{display:none}.prime-creators-feature{grid-template-columns:1fr}.prime-creators-feature img{height:250px}.prime-creators-copy{padding:28px}.prime-campaign-hero img{min-height:0}.prime-auth-content{padding:26px 24px 18px}.prime-auth-dialog h2{font-size:25px}} @media(prefers-reduced-motion:reduce){.prime-google-button{transition:none}} .product-card{border-radius:16px!important;overflow:hidden;background:#fff!important;border:1px solid #ececec!important;min-width:0;color:#171717} .product-card .product-image,.product-card .product-img-wrap{position:relative!important;display:block!important;aspect-ratio:1!important;height:auto!important;overflow:hidden;background:#f5f5f5!important;border-radius:14px;margin:6px} .product-card .product-image img,.product-card .product-img-wrap img{position:static!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:12px;box-sizing:border-box;opacity:1!important;transform:none!important;mix-blend-mode:multiply} .product-card .product-img-wrap:before{display:none!important}.product-card .product-info{padding:14px!important;background:#fff;color:#171717!important}.product-card .product-name{display:block;color:#171717!important;font:500 14px/1.45 Arial,sans-serif!important;min-height:42px;overflow-wrap:anywhere}.product-card .product-brand{color:#666!important}.product-card .product-price{color:#111!important}.product-card .product-view{color:#444!important}.product-card .quick-add{opacity:1!important;visibility:visible!important;position:static!important;transform:none!important;margin-top:12px;border-radius:24px;background:#111;color:white;display:block;width:100%;text-align:center} .prime-privacy-settings{margin:0!important;padding:16px 20px 24px!important;width:100%;background:#0a0a0a!important;color:#ccc!important;box-sizing:border-box}.prime-campaign-hero{background:white}.prime-editorial-copy p{color:#222;background:#f2f3f5;border-radius:12px;padding:14px}.prime-editorial{content-visibility:auto;contain-intrinsic-size:auto 620px}.prime-editorial-title{mix-blend-mode:normal;color:#111}.ps-category{border-radius:18px;background:#f3f3f3!important}.ps-category img{object-fit:contain!important;padding:12px;filter:none!important}.ps-category:after{inset:60% 0 0!important;background:linear-gradient(transparent,#111e)!important}.ps-category-copy{color:white}.ps-category h3{color:white!important} .prime-brand-tabs,.prime-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.prime-brand-tabs a{display:flex;justify-content:space-between;align-items:center;padding:24px;border:1px solid #ddd;border-radius:16px;font:bold 26px Arial;color:#111;text-decoration:none}.prime-brand-tabs span{font:12px Arial;color:#555}.prime-budget-grid a{display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:18px;background:#f2f3f5;color:#111;text-decoration:none;border:1px solid #e5e5e5;transition:background .15s}.prime-budget-grid a:hover{background:#e8e9eb}.prime-budget-grid strong{font:600 clamp(24px,3vw,40px) Arial;letter-spacing:-1px}.prime-budget-grid small{color:#555} .prime-wholesale-page{max-width:1120px;margin:48px auto;padding:40px!important;background:#f5f5f5;border-radius:24px;box-sizing:border-box}.prime-wholesale-page h1{font:600 clamp(36px,6vw,72px)/1.04 Arial;letter-spacing:-2px;margin:20px 0}.prime-wholesale-page>p{max-width:700px;line-height:1.8;color:#444}.prime-wholesale-kicker{font-size:11px;letter-spacing:3px}.prime-wholesale-steps{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.prime-wholesale-steps span{background:white;border:1px solid #ddd;padding:14px;border-radius:10px;font-size:12px}.prime-wholesale-page .btn-primary{display:inline-flex;width:auto;padding:16px 24px;font-size:12px} @media(max-width:700px){.prime-campaign-hero img{aspect-ratio:2/3!important;object-fit:contain}.prime-editorial-copy{padding-top:390px!important}.prime-editorial-copy p{background:#111;color:white!important;padding:12px;line-height:1.65}.prime-editorial{min-height:640px!important}.prime-editorial-image{height:290px!important}.prime-brand-tabs{gap:8px}.prime-brand-tabs a{padding:18px 8px;font-size:20px;flex-direction:column;gap:10px}.prime-brand-tabs span{font-size:10px}.prime-budget-grid{grid-template-columns:1fr;gap:10px}.prime-budget-grid a{padding:22px;gap:12px}.prime-wholesale-page{margin:24px 16px;padding:24px!important;width:calc(100% - 32px)}.product-card .product-name{font-size:12px!important}.product-card .product-info{padding:10px!important}.product-card .product-image img,.product-card .product-img-wrap img{padding:6px}.product-grid{gap:12px!important}.prime-consent{bottom:76px}} .product-card .product-img-wrap>a{display:block;width:100%;height:100%}.product-card .product-meta{display:block;padding:12px;color:#111!important}.product-card .product-brand-tag{color:#666!important}.prime-budget-page{max-width:1200px}.prime-budget-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px;background:#f5f5f5;border-radius:14px}.prime-budget-form input{width:150px;padding:12px;border:1px solid #ccc;border-radius:8px}.prime-budget-form .btn-primary{width:auto;padding:14px 20px}.prime-budget-page .products-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:18px}.prime-budget-page .product-card{padding:12px;text-decoration:none}.prime-budget-page [aria-current=page]{border-color:#111;background:#f3f3f3}@media(max-width:700px){.prime-budget-page .products-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prime-budget-page .product-card h2{font-size:12px!important}} .prime-gazelle-campaign{display:block;border-radius:18px;overflow:hidden;margin:20px 0;background:#301304}.prime-gazelle-campaign img{display:block;width:100%;height:auto;object-fit:contain} .foot-top,.foot-cols,.foot-col{min-width:0}.foot-col h4,.foot-col li,.foot-col p{overflow-wrap:anywhere}.foot-cols{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:24px!important} :root{--prime-lime:#a8ec25;--prime-ink:#17191c;--prime-border:#e3e5e5} .prime-checkout{background:#fafbf9;color:var(--prime-ink);padding:36px max(20px,calc((100vw - 1180px)/2)) 90px;font-family:Inter,Arial,sans-serif}.prime-checkout-heading{padding-bottom:30px}.prime-checkout-heading>a{font-size:13px;color:#595e61}.prime-checkout-heading>span{float:right;font-size:12px;color:#58665d}.prime-checkout h1{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-1.4px;margin:32px 0 16px}.prime-checkout h2{font-size:22px;letter-spacing:-.5px;margin:10px 0 18px}.prime-checkout p{font-size:14px;line-height:1.7;color:#62696d}.prime-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:32px;align-items:start}.prime-checkout-card,.prime-checkout-summary{padding:28px;border:1px solid var(--prime-border);border-radius:18px;background:white;margin-bottom:18px}.prime-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#747d7e}.prime-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prime-fields .wide{grid-column:1/-1}.prime-checkout label{display:block;font-size:13px;font-weight:600;line-height:1.5}.prime-checkout input:not([type=radio]){display:block;width:100%;min-height:49px;padding:12px;margin-top:7px;border:1px solid #d6dbda;border-radius:9px;font:16px Arial;box-sizing:border-box;color:#17191c;background:#fff}.prime-checkout input:focus{outline:2px solid #94cb3f;outline-offset:2px}.prime-checkout button:focus-visible,.prime-checkout a:focus-visible{outline:3px solid #92ca35;outline-offset:3px}.prime-checkout input:disabled{background:#f4f6f2;color:#53595a}.prime-shipping-option{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:24px;padding:18px;border-radius:12px;background:#f4f8ef;font-size:14px}.prime-shipping-option small{width:100%;line-height:1.6;color:#5a6953}.prime-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.prime-methods label{border:1px solid #d8dddb;border-radius:10px;padding:17px 12px;font-size:14px}.prime-methods label:has(input:checked){border-color:#577827;background:#f4f9e9}.prime-methods input{accent-color:#263d10;margin-right:7px}.prime-pay-button{display:block;width:100%;padding:19px 14px;background:#17191c;color:#fff;border:0;border-radius:11px;font-size:16px;font-weight:700;margin-top:24px;cursor:pointer}.prime-pay-button span{color:#b4ed4e}.prime-pay-button:disabled{opacity:.6;cursor:wait}.prime-secondary{background:#f4f6f2;border:1px solid #dce1d9;border-radius:8px;padding:12px 16px;margin:12px 0;cursor:pointer;font-size:13px}.prime-checkout-legal{font-size:11px!important;color:#707779!important}.prime-checkout-summary{position:sticky;top:24px}.prime-checkout-summary h2 small{float:right;font-size:12px;color:#6f7876;margin-top:7px}.prime-summary-product{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:20px 0;border-bottom:1px solid #eef0ee;align-items:center}.prime-summary-product img{width:64px;height:72px;object-fit:contain;background:#f6f7f5;border:1px solid #e8eae5;border-radius:9px}.prime-summary-product strong{font-size:13px;line-height:1.5;display:block}.prime-summary-product small{display:block;font-size:12px;color:#7c8582;margin-top:6px}.prime-summary-product em{font-size:10px;font-style:normal;background:#eef6de;padding:4px;display:inline-block;margin-top:6px}.prime-summary-product>b{font-size:12px;white-space:nowrap}.prime-checkout-summary dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:14px}.prime-checkout-summary dd{margin:0;font-weight:600}.prime-summary-total{margin-top:12px;padding-top:20px!important;border-top:1px solid #e0e3df;font-size:23px!important}.prime-benefit{padding:12px;border:1px solid #cfe5b1;background:#f4faec;border-radius:8px;color:#395c1d!important}.prime-checkout-summary>a{font-size:13px}.prime-checkout [hidden]{display:none!important}#paymentFeedback{font-size:14px;line-height:1.7;overflow-wrap:anywhere;padding-top:16px}#paymentFeedback.has-error{color:#a62d2d}#paymentElement{padding-top:8px}.is-locked{opacity:.82} .prime-footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:44px;padding:45px 24px}.prime-footer-inner h3{font-size:20px;line-height:1.4;max-width:300px}.prime-footer-inner h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:20px 0}.prime-footer-inner p{color:#b8bdbb;font-size:12px;line-height:1.8}.prime-footer-inner a{display:block;font-size:12px;line-height:1.7;color:#e0e4e0;margin-bottom:12px;overflow-wrap:anywhere}.prime-footer-bottom{max-width:1200px;margin:auto;padding:22px 24px;display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff24;font-size:11px;color:#b4b9b5}.prime-footer-bottom a{color:inherit}.prime-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:30px 16px;padding:24px}.prime-pagination a{padding:12px;border:1px solid #ccc;border-radius:8px}.prime-store-feature{max-width:1200px;margin:40px auto 60px;padding:0 20px}.prime-store-feature img{width:100%;height:350px;object-fit:cover;border-radius:20px}.prime-store-feature h2{font-size:clamp(28px,4vw,48px);margin:24px 0 12px}.prime-store-feature p{max-width:650px;font-size:16px;line-height:1.7}.prime-store-feature a{display:inline-block;padding:15px 24px;background:#111;color:#b6ed45;border-radius:9px}.ps-category img[src*="/upgrade/"]{object-fit:cover!important;padding:0!important}.product-card img{content-visibility:auto}.prime-policy{max-width:850px;margin:45px auto;padding:25px;line-height:1.85}.prime-policy h1{font-size:34px}.prime-policy h2{font-size:23px;margin-top:28px} @media(max-width:850px){.prime-checkout-grid{grid-template-columns:1fr}.prime-checkout-summary{position:static;grid-row:1}.prime-checkout{padding:20px 16px 65px}.prime-checkout-card,.prime-checkout-summary{padding:22px}.prime-checkout-heading>span{float:none;display:block;margin-top:18px}.prime-summary-product{grid-template-columns:54px minmax(0,1fr) auto}.prime-summary-product img{width:54px;height:64px}.prime-footer-inner{grid-template-columns:1fr 1fr;gap:22px}.prime-footer-inner>div:first-child{grid-column:1/-1}.prime-footer-bottom{padding-bottom:90px}.prime-store-feature img{height:240px}.prime-checkout .float-btn{display:none}} @media(max-width:450px){.prime-fields{grid-template-columns:1fr}.prime-fields .wide{grid-column:auto}.prime-methods{grid-template-columns:1fr}.prime-footer-inner{grid-template-columns:1fr}.prime-footer-inner>div:first-child{grid-column:auto}.prime-checkout-summary h2{font-size:20px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} .prime-catalog-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:20px;background:#f5f6f3;border-radius:14px;margin:24px 0}.prime-catalog-filters label{display:grid;gap:6px;font-size:12px}.prime-catalog-filters input,.prime-catalog-filters select{padding:12px;border:1px solid #d8ddd6;border-radius:8px;background:#fff;font-size:16px;max-width:170px}.prime-catalog-filters button{padding:14px 20px;background:#17191c;color:#fff;border:0;border-radius:8px;cursor:pointer}
.prime-welcome-strip{background:#b4ed44;color:#19220c;text-align:center;padding:10px 20px;font:600 12px Arial;line-height:1.6}.prime-welcome-strip a{color:inherit;text-decoration:none}