.ok-section{--ok-blue:#426db3;--ok-blue-d:#2f5390;--ok-red:#d02e2e;--ok-amber:#f8ab1b;--ok-ink:#1b2536;--ok-muted:#6b7280;--ok-line:rgba(66,109,179,.14);--ok-soft:#f6f8fb;--ok-radius:16px;--ok-card-radius:14px}.ok-container{max-width:1280px;margin:0 auto;padding:0 16px}.ok-section{padding:clamp(28px,4vw,52px) 0}.ok-section--tight{padding:clamp(16px,2.5vw,28px) 0}.ok-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.ok-head__wrap{display:flex;flex-direction:column;gap:4px}.ok-head__eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ok-blue);font-weight:700}.ok-head__title{font-size:clamp(20px,2.6vw,30px);font-weight:600;line-height:1.15;color:var(--ok-ink);margin:0}.ok-head__sub{font-size:14px;color:var(--ok-muted);margin:0}.ok-head__link{flex:0 0 auto;font-size:14px;font-weight:600;color:var(--ok-blue);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.ok-head__link:hover{color:var(--ok-blue-d)}.ok-head__link svg{width:16px;height:16px}.ok-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ok-line);border-radius:var(--ok-card-radius);overflow:hidden;height:100%;transition:box-shadow .2s ease,transform .2s ease}.ok-card:hover{box-shadow:0 10px 28px -14px #1b253647;transform:translateY(-2px)}.ok-card__media{position:relative;display:block;aspect-ratio:1/1;background:var(--ok-soft);overflow:hidden}.ok-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:6%;transition:opacity .3s ease,transform .4s ease}.ok-card__img--2,.ok-card:hover .ok-card__img--1{opacity:0}.ok-card:hover .ok-card__img--2{opacity:1;transform:scale(1.03)}.ok-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:2}.ok-badge{font-size:11px;font-weight:700;line-height:1;padding:5px 8px;border-radius:999px;color:#fff;letter-spacing:.02em}.ok-badge--sale{background:var(--ok-red)}.ok-badge--new{background:var(--ok-blue)}.ok-badge--soldout{background:#6b7280}.ok-wish{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border:none;border-radius:50%;background:#ffffffe6;display:grid;place-items:center;cursor:pointer;color:var(--ok-ink);box-shadow:0 2px 8px -3px #1b25364d;transition:color .15s,transform .15s}.ok-wish:hover{color:var(--ok-red);transform:scale(1.08)}.ok-wish svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.ok-wish.is-active svg{fill:var(--ok-red);stroke:var(--ok-red)}.ok-card__body{display:flex;flex-direction:column;gap:3px;padding:10px 12px 4px;flex:1 1 auto}.ok-card__vendor{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ok-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ok-card__title{font-size:13.5px;font-weight:400;line-height:1.3;color:var(--ok-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.ok-card__title:hover{color:var(--ok-blue)}.ok-card__price{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:4px}.ok-price__now{font-size:15px;font-weight:700;color:var(--ok-ink)}.ok-price__now.is-sale{color:var(--ok-red)}.ok-price__was{font-size:12.5px;color:var(--ok-muted);text-decoration:line-through}.ok-card__foot{padding:8px 12px 12px}.ok-card__add{display:block;width:100%;text-align:center;border:1px solid #2C5281;background:#2c5281;color:#fff;font-weight:800;font-size:13px;padding:9px 10px;border-radius:10px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.ok-card__add:hover{background:#22406a;border-color:#22406a;color:#fff}.ok-card__add.is-added,.ok-card__add.added{background:#0a6b4f;border-color:#0a6b4f;color:#fff}.ok-card__add[disabled]{opacity:.5;cursor:default}.ok-rail{position:relative}.ok-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;scrollbar-width:thin}.ok-rail__track>*{scroll-snap-align:start}.ok-rail__track::-webkit-scrollbar{height:6px}.ok-rail__track::-webkit-scrollbar-thumb{background:var(--ok-line);border-radius:999px}.ok-rail--grid .ok-rail__track{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);grid-auto-columns:auto;overflow:visible}.ok-rail__nav{position:absolute;top:38%;width:40px;height:40px;border-radius:50%;border:1px solid var(--ok-line);background:#fff;display:none;place-items:center;cursor:pointer;box-shadow:0 6px 18px -8px #1b253659;z-index:3;color:var(--ok-ink)}.ok-rail__nav svg{width:20px;height:20px}.ok-rail__nav--prev{left:-14px}.ok-rail__nav--next{right:-14px}@media(min-width:990px){.ok-rail:hover .ok-rail__nav{display:grid}}.ok-catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ok-cat{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;text-align:center}.ok-cat__media{width:100%;aspect-ratio:1/1;border-radius:var(--ok-radius);overflow:hidden;background:var(--ok-soft);border:1px solid var(--ok-line);display:grid;place-items:center;transition:box-shadow .2s,transform .2s}.ok-cat:hover .ok-cat__media{box-shadow:0 12px 26px -14px #1b253659;transform:translateY(-3px)}.ok-cat__media img{width:100%;height:100%;object-fit:cover}.ok-cat__label{font-size:14px;font-weight:600;color:var(--ok-ink);line-height:1.2}.ok-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ok-edit__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;border-radius:var(--ok-radius);overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}.ok-edit__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease}.ok-edit__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#141c2c00 30%,#141c2cb8)}.ok-edit__card:hover img{transform:scale(1.05)}.ok-edit__inner{padding:22px}.ok-edit__k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.9}.ok-edit__t{font-size:22px;font-weight:600;margin:4px 0 10px;line-height:1.1}.ok-edit__btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--ok-ink);font-weight:600;font-size:13px;padding:8px 14px;border-radius:999px}.ok-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ok-split__card{position:relative;min-height:280px;border-radius:var(--ok-radius);overflow:hidden;display:flex;align-items:center;text-decoration:none;color:#fff;isolation:isolate}.ok-split__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.ok-split__card:hover img{transform:scale(1.04)}.ok-split__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#141c2c99 10%,#141c2c0d 70%)}.ok-split__inner{padding:28px;max-width:60%}.ok-split__k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.ok-split__t{font-size:clamp(20px,2.4vw,28px);font-weight:600;margin:6px 0 12px;line-height:1.12}.ok-split__btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--ok-ink);font-weight:600;font-size:13px;padding:9px 16px;border-radius:999px}.ok-brands__track{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.ok-brand{display:grid;place-items:center;aspect-ratio:16/10;border:1px solid var(--ok-line);border-radius:12px;background:#fff;text-decoration:none;padding:12px;transition:box-shadow .2s,transform .2s}.ok-brand:hover{box-shadow:0 10px 24px -14px #1b25364d;transform:translateY(-2px)}.ok-brand img{max-width:100%;max-height:100%;object-fit:contain}.ok-brand__name{font-size:15px;font-weight:600;color:var(--ok-ink);letter-spacing:.01em;text-align:center}@media(max-width:1199px){.ok-catgrid{grid-template-columns:repeat(4,1fr)}.ok-brands__track{grid-template-columns:repeat(6,1fr)}.ok-rail--grid .ok-rail__track{grid-template-columns:repeat(4,1fr)}}@media(max-width:989px){.ok-edit{grid-template-columns:1fr 1fr}.ok-rail--grid .ok-rail__track{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.ok-catgrid{grid-template-columns:repeat(3,1fr);gap:10px}.ok-split{grid-template-columns:1fr}.ok-brands__track{grid-template-columns:repeat(4,1fr)}}@media(max-width:559px){.ok-catgrid{grid-template-columns:repeat(3,1fr)}.ok-edit{grid-template-columns:1fr}.ok-rail__track{grid-auto-columns:minmax(45vw,45vw);gap:10px}.ok-rail--grid .ok-rail__track{grid-template-columns:repeat(2,1fr);grid-auto-flow:row;overflow:visible}.ok-split__inner{max-width:82%;padding:20px}.ok-brand__name{font-size:13px}}.ok-mainproduct-section .okp{max-width:1280px;overflow:hidden}.ok-mainproduct-section .okp__head,.ok-mainproduct-section .okp__gallery,.ok-mainproduct-section .okp__info{min-width:0}.ok-mainproduct-section .okp-upsell,.ok-mainproduct-section .okp-upsell__track{min-width:0;max-width:100%}.ok-mainproduct-section .okp-val{line-height:1.2;min-height:0;height:auto}.ok-head{margin-bottom:22px}.ok-head__eyebrow{display:inline-flex;align-items:center;background:#426db31f;color:#2f5390;padding:5px 13px;border-radius:999px;letter-spacing:.08em;width:fit-content}.ok-head__title{font-weight:800;font-size:clamp(22px,3vw,34px);letter-spacing:-.015em}.ok-head__link{font-weight:700;background:#426db31a;padding:8px 14px;border-radius:999px;color:var(--ok-blue-d)}.ok-head__link:hover{background:var(--ok-blue);color:#fff}.ok-cat__media{border-width:3px!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.ok-cat:nth-child(6n+1) .ok-cat__media{border-color:#426db3!important}.ok-cat:nth-child(6n+2) .ok-cat__media{border-color:#f8ab1b!important}.ok-cat:nth-child(6n+3) .ok-cat__media{border-color:#d02e2e!important}.ok-cat:nth-child(6n+4) .ok-cat__media{border-color:#1e9e6a!important}.ok-cat:nth-child(6n+5) .ok-cat__media{border-color:#7c5cff!important}.ok-cat:nth-child(6n) .ok-cat__media{border-color:#ff6aa2!important}.ok-cat:hover .ok-cat__media{transform:translateY(-4px) scale(1.03)}.ok-cat__label{font-weight:700}.ok-card{border-radius:18px}.ok-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -16px #1b253657}.ok-price__now{font-weight:800}.ok-badge{font-weight:800;box-shadow:0 3px 8px -3px #00000040}.ok-badge--sale{background:linear-gradient(135deg,#ff5470,#d02e2e)}.ok-badge--new{background:linear-gradient(135deg,#5b8bd6,#426db3)}.ok-card__add{border-radius:999px;font-weight:700}.ok-edit__card,.ok-split__card{border-radius:22px}.ok-edit__t,.ok-split__t{font-weight:800;letter-spacing:-.015em}.ok-edit__k,.ok-split__k{background:#ffffff2e;padding:4px 10px;border-radius:999px;width:fit-content}.ok-edit__btn,.ok-split__btn{font-weight:800}.ok-brand{border-radius:16px}.ok-brand__name{font-weight:800}.ok-brand:nth-child(4n+1):hover{border-color:#426db3}.ok-brand:nth-child(4n+2):hover{border-color:#f8ab1b}.ok-brand:nth-child(4n+3):hover{border-color:#d02e2e}.ok-brand:nth-child(4n):hover{border-color:#7c5cff}
/*# sourceMappingURL=/cdn/shop/t/52/assets/ok-homepage.css.map */