/* NESACREATIVE tarafından hazırlanmıştır. Nesa Concept — aile katmanı. ÜRETİLMİŞ DOSYA: eski nesaconcept styles.css (20260930a) .nk kapsamına alınmıştır. Elle düzenleme skin.css'e yapılır; bu dosya yeniden üretilir: sh tools/nesa-concept/build.sh */ @font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* Kapsam kökü: bölüm sarmalayıcısı kutu üretmez (yapışkan başlık ve ızgaralar bozulmasın) */ .kl-section.nk,.nk-wrap{display:contents} .nk{font-size:16px} /* Platformun çıplak element sıfırlamaları (button/h1-h4/p/input) eski tasarımın dayandığı tarayıcı varsayılanlarını bozmasın */ .nk :where(h1,h2,h3,h4,h5,h6,p,button,input,select,textarea){all:revert} /* platformun özel onay kutusu/radyo görünümü (input[type=checkbox] ve :checked durumları) da geri alınır; eski kurallar sonra gelir */ :where(.nk) input:is([type=checkbox],[type=radio]),:where(.nk) input:is([type=checkbox],[type=radio]):is(:checked,:hover,:indeterminate,:disabled,:focus-visible){all:revert} /* Platformun aynı adlı sınıflarından (.card, .header, .btn…) sızan, eski tasarımın hiç vermediği özellikler tarayıcı varsayılanına döner */ :where(.nk) .field input:-webkit-autofill:focus{-webkit-box-shadow:revert} :where(.nk) .muted{color:revert} :where(.nk) .eyebrow{color:revert;font-size:revert;font-weight:revert;letter-spacing:revert;text-transform:revert} :where(.nk) .btn{align-items:revert;border:revert;border-radius:revert;display:revert;font-family:revert;font-size:revert;font-weight:revert;gap:revert;justify-content:revert;min-height:revert;padding:revert;text-decoration:revert;transition:revert;white-space:revert} :where(.nk) .btn .icon:not(.icon--sm){height:revert;width:revert} :where(.nk) .field{display:revert;flex-direction:revert;gap:revert;grid-column:revert} :where(.nk) .field label{color:revert;font-size:revert;font-weight:revert} :where(.nk) .field input{background-color:revert;border:revert;border-radius:revert;font-size:revert;height:revert;outline:revert;padding:revert;transition:revert;width:revert} :where(.nk) .field select{background-color:revert;background-position:revert;border:revert;border-radius:revert;font-size:revert;height:revert;outline:revert;padding:revert;padding-right:revert;transition:revert;width:revert} :where(.nk) .field textarea{background-color:revert;border:revert;border-radius:revert;font-size:revert;height:revert;line-height:revert;outline:revert;padding:revert;resize:revert;transition:revert;width:revert} :where(.nk) .field input:focus{background-color:revert;box-shadow:revert} :where(.nk) .field select:focus{background-color:revert;box-shadow:revert} :where(.nk) .field textarea:focus{background-color:revert;box-shadow:revert} :where(.nk) .field input[readonly]{background:revert;color:revert} :where(.nk) .field:has(.field__error) input{border-color:revert} :where(.nk) .field:has(.field__error) select{border-color:revert} :where(.nk) .check{align-items:revert;cursor:revert;display:revert;font-size:revert;gap:revert;grid-column:revert;margin-top:revert} :where(.nk) .check input{margin-top:revert} :where(.nk) .check a{font-weight:revert} :where(.nk) .newsletter+.field__hint{display:revert;margin-top:revert} :where(.nk) .newsletter+.field__error{display:revert;margin-top:revert} :where(.nk) .footer .field__hint{color:revert} :where(.nk) .footer .field__suggest{color:revert} :where(.nk) .field .tel input[type=tel]{background:revert;border-radius:revert;box-shadow:revert;flex:revert;min-width:revert;padding-left:revert} :where(.nk) .field .tel__search{background:revert;border-radius:revert;box-shadow:revert;font-size:revert;height:revert;margin-bottom:revert;padding:revert} :where(.nk) .field .tel__search:focus{background:revert;box-shadow:revert} :where(.nk) .tel__opt.is-active{background:revert;color:revert} :where(.nk) .header{background:revert;border-bottom:revert;box-shadow:revert;position:revert;z-index:revert} :where(.nk) .suggest__row.is-active{background:revert} :where(.nk) .suggest__chip.is-active{background:revert;color:revert} :where(.nk) .suggest__all.is-active{background:revert} :where(.nk) .suggest__note a.is-active{background:revert} :where(.nk) .nav{display:revert;gap:revert;list-style:revert;margin:revert;overflow:revert;padding:revert} :where(.nk) .header:has(.nav__item--has-mega:hover)+.mega-veil{opacity:revert} :where(.nk) .header:has(.nav__item--has-mega:focus-within)+.mega-veil{opacity:revert} :where(.nk) .drawer.is-open{pointer-events:revert;visibility:revert} :where(.nk) .drawer.is-open .drawer__scrim{opacity:revert} :where(.nk) .drawer.is-open .drawer__panel{transform:revert} :where(.nk) .mobile-nav{display:revert;flex-direction:revert} :where(.nk) .section{padding:revert} :where(.nk) .hero{background:revert;overflow:revert;position:revert} :where(.nk) .hero .btn--lg{font-size:revert;min-height:revert;padding:revert} :where(.nk) .hero-slider .hero-slide.is-active{display:revert} :where(.nk) .hero-slider .hslide.is-active{display:revert} :where(.nk) .hero-slider__dot.is-active{background:revert;width:revert} :where(.nk) .hero-deck:has(.hslide--full.is-active) .hero-slider__dot.is-active{background:revert} :where(.nk) .card{background:revert;border:revert;border-radius:revert;display:revert;flex-direction:revert;overflow:revert;position:revert;transition:revert} :where(.nk) .card:hover{border-color:revert;box-shadow:revert} :where(.nk) .card:hover .card__img--hover{opacity:revert} :where(.nk) .card:hover .card__img{transform:revert} :where(.nk) .card__price .price{font-size:revert;font-weight:revert;justify-content:revert} :where(.nk) .card:hover .card__cmp{opacity:revert;transform:revert} :where(.nk) .price{align-items:revert;color:revert;display:revert;flex-wrap:revert;font-family:revert;font-size:revert;font-variant-numeric:revert;font-weight:revert;gap:revert;justify-content:revert;letter-spacing:revert;white-space:revert} :where(.nk) .richtext .btn{margin-top:revert} :where(.nk) .nlband__form .btn{flex:revert;height:revert;min-height:revert} :where(.nk) .newsletter{display:revert;gap:revert;margin-top:revert} :where(.nk) .newsletter input{background:revert;border:revert;border-radius:revert;color:revert;flex:revert;height:revert;outline:revert;padding:revert} :where(.nk) .newsletter input::placeholder{color:revert} :where(.nk) .footer{background:revert;color:revert;margin-top:revert} :where(.nk) .footer__nl .newsletter{margin-top:revert} :where(.nk) .footer a{opacity:revert;text-decoration:revert;transition:revert} :where(.nk) .footer a:hover{opacity:revert;text-decoration:revert;text-underline-offset:revert} :where(.nk) .crumbs{color:revert;display:revert;flex-wrap:revert;font-size:revert;gap:revert;padding:revert} :where(.nk) .crumbs a{text-decoration:revert} :where(.nk) .crumbs a:hover{color:revert;text-decoration:revert;text-underline-offset:revert} :where(.nk) .ck-gift .field{margin:revert} :where(.nk) .search-form .btn{padding:revert} :where(.nk) .gallery__slide.is-active{opacity:revert;z-index:revert} :where(.nk) .gallery__thumb.is-active{border-color:revert;box-shadow:revert} :where(.nk) .stars .icon{color:revert;height:revert;width:revert} :where(.nk) .opt{border:revert;margin:revert;padding:revert} :where(.nk) .qty{align-items:revert;background:revert;border:revert;border-radius:revert;display:revert;flex:revert;height:revert;overflow:revert} :where(.nk) .qty button{color:revert;font-size:revert;height:revert;width:revert} :where(.nk) .qty button:hover{background:revert} :where(.nk) .qty input{-moz-appearance:revert;background:revert;border:revert;font-size:revert;font-variant-numeric:revert;font-weight:revert;height:revert;outline:revert;text-align:revert;width:revert} :where(.nk) .qty input::-webkit-outer-spin-button{-webkit-appearance:revert} :where(.nk) .qty input::-webkit-inner-spin-button{-webkit-appearance:revert} :where(.nk) .accordion .specs{padding:revert} :where(.nk) .rte figure.is-video iframe{aspect-ratio:revert;background:revert;border:revert;border-radius:revert;display:revert;width:revert} :where(.nk) .specs{border-collapse:revert;font-size:revert;width:revert} :where(.nk) .specs th{color:revert;font-weight:revert;padding:revert;text-align:revert;vertical-align:revert;width:revert} :where(.nk) .specs td{border-bottom:revert;color:revert;font-variant-numeric:revert;font-weight:revert;padding:revert} :where(.nk) .specs tr:last-child td{border-bottom:revert} :where(.nk) .specs tr:last-child th{border-bottom:revert} :where(.nk) .inst__brand.is-active{border-color:revert;filter:revert;opacity:revert} :where(.nk) .ck-card__fields .field{margin:revert} :where(.nk) .ck-card__fields .field:not(.field--half){grid-column:revert} :where(.nk) .ck-card__fields .field input{background-color:revert;box-shadow:revert} :where(.nk) .ck-card__fields .field select{background-color:revert;box-shadow:revert} :where(.nk) .ck-card__fields .field input:focus{box-shadow:revert} :where(.nk) .ck-card__fields .field select:focus{box-shadow:revert} :where(.nk) .ck-inst__brand.is-active{border-color:revert;filter:revert;opacity:revert} :where(.nk) .ck-card--page .btn{margin-top:revert} :where(.nk) .pdp-sticky .btn{flex:revert;min-height:revert} :where(.nk) .cart-line .qty{border-color:revert;height:revert} :where(.nk) .cart-line .qty button{font-size:revert;width:revert} :where(.nk) .cart-line .qty input{font-size:revert;font-weight:revert;width:revert} :where(.nk) .cart-sticky .btn{flex:revert;gap:revert;min-width:revert} :where(.nk) .cart-sticky .btn .icon{height:revert;width:revert} :where(.nk) .cart-summary{position:revert;top:revert} :where(.nk) .cart-summary .dealer-note{margin-bottom:revert} :where(.nk) .cart-summary .shipbar{background:revert;border:revert;border-bottom:revert;border-radius:revert;padding:revert} :where(.nk) .cart-summary .shipbar p{color:revert;font-size:revert;font-weight:revert;margin-bottom:revert} :where(.nk) .cart-summary .shipbar p .icon{color:revert} :where(.nk) .cart-summary .shipbar p.text-ok{color:revert} :where(.nk) .cart-summary .shipbar p.text-ok .icon{color:revert} :where(.nk) .cart-summary .shipbar__track{background:revert;height:revert} :where(.nk) .cart-codes .coupon__form .btn{font-size:revert;min-height:revert;padding:revert} :where(.nk) .wish-line__act .btn{min-height:revert;padding:revert} :where(.nk) .ck-step .check{margin-top:revert} :where(.nk) .ck-codes .coupon__form .btn{font-size:revert;min-height:revert;padding:revert} :where(.nk) .order-head > div > .muted{color:revert;display:revert;font-size:revert;font-weight:revert;letter-spacing:revert;margin-bottom:revert;text-transform:revert} :where(.nk) .order-line{align-items:revert;display:revert;font-size:revert;gap:revert;grid-template-columns:revert} :where(.nk) .timeline{display:revert;flex-direction:revert;font-size:revert;gap:revert;list-style:revert;margin:revert;padding:revert} :where(.nk) .timeline li{border-left:revert;display:revert;gap:revert;grid-template-columns:revert;padding-left:revert} :where(.nk) .acc-nav a.is-active{background:revert;color:revert} :where(.nk) .auth__form .btn{margin-top:revert} :where(.nk) .auth__form .check{font-size:revert} :where(.nk) .auth__form .social-btn{background:revert;border-color:revert;color:revert;font-size:revert;margin-top:revert;min-height:revert} :where(.nk) .social-btn:hover{background:revert;border-color:revert;color:revert} :where(.nk) .social-btn .icon{flex:revert} :where(.nk) .stars{color:revert;display:revert;gap:revert} :where(.nk) .legal-toc{background:revert;border:revert;border-radius:revert;font-size:revert;padding:revert} :where(.nk) .legal-toc strong{color:revert;display:revert;margin-bottom:revert} :where(.nk) .legal-toc ul{column-gap:revert;columns:revert;list-style:revert;margin:revert;padding:revert} :where(.nk) .legal-toc li{break-inside:revert;margin:revert} :where(.nk) .legal-toc a{color:revert;text-decoration:revert} :where(.nk) .legal-toc a:hover{color:revert;text-decoration:revert} :where(.nk) .blog__catlist a.is-active{color:revert;font-weight:revert} :where(.nk) .blog__catlist a.is-active span{color:revert} :where(.nk) .blog-strip__foot .btn{gap:revert;padding-inline:revert} :where(.nk) .blog-strip__foot .btn .icon{height:revert;transition:revert;width:revert} :where(.nk) .blog-strip__foot .btn:hover .icon{transform:revert} :where(.nk) .post__share-btns .btn{background:revert} :where(.nk) .post__cta .btn{margin-top:revert;width:revert} :where(.nk) .post__cta .btn:first-of-type{margin-top:revert} :where(.nk) .track{padding:revert} :where(.nk) .track__form .btn{border-radius:revert;flex:revert;min-height:revert;padding:revert} :where(.nk) .track__top .btn{flex:revert} :where(.nk) .ticket-msg--customer .muted{color:revert} :where(.nk) .pdp-detail{border-top:revert;margin-top:revert;padding-top:revert} :where(.nk) .pdp-detail .accordion{display:revert;margin-top:revert} :where(.nk) .pdp-detail .accordion>details{background:revert;border:revert;border-radius:revert;border-top:revert} :where(.nk) .pdp-detail .accordion>details:first-child{border-top:revert} :where(.nk) .pdp-detail .accordion>details:last-child{border-bottom:revert} :where(.nk) .pdp-detail .accordion>details>summary{font-size:revert;gap:revert;justify-content:revert;padding:revert} :where(.nk) .pdp-detail .accordion .rte{padding:revert} :where(.nk) .pdp-detail .accordion .specs{padding:revert} :where(.nk) .pdp-detail .rte{max-width:revert} :where(.nk) .pdp-detail .accordion.is-tabs{border-top:revert} :where(.nk) .pdp-detail .accordion.is-tabs>details{border:revert} :where(.nk) .pdp-detail .accordion.is-tabs>details>summary{display:revert} :where(.nk) .pdp-detail .accordion.is-tabs>details:not(.is-active){display:revert} :where(.nk) .pdp-detail .accordion.is-tabs .rte{padding-top:revert} :where(.nk) .pdp-detail .accordion.is-tabs .specs{padding-top:revert} :where(.nk) .pdp-detail .specs{border:revert;border-radius:revert;font-size:revert;margin:revert;width:revert} :where(.nk) .pdp-detail .specs th{border-bottom:revert;color:revert;font-weight:revert;padding:revert;width:revert} :where(.nk) .pdp-detail .specs td{border-bottom:revert;color:revert;font-weight:revert;padding:revert} :where(.nk) .lightbox{background:revert;border:revert;color:revert;display:revert;grid-template-columns:revert;grid-template-rows:revert;height:revert;inset:revert;margin:revert;max-height:revert;max-width:revert;overscroll-behavior:revert;padding:revert;position:revert;width:revert} :where(.nk) .lightbox[open]{display:revert} :where(.nk) .lightbox::backdrop{-webkit-backdrop-filter:revert;backdrop-filter:revert;background:revert} :where(.nk) .lightbox.is-zoomed .lightbox__stage{overflow:revert;touch-action:revert} :where(.nk) .lightbox.is-zoomed .lightbox__img{border-radius:revert;cursor:revert;transition:revert} :where(.nk) .lightbox__stage.is-loading::after{animation:revert} :where(.nk) .lightbox.is-zoomed .lightbox__nav{display:revert} :where(.nk) .lightbox__thumb.is-active{opacity:revert;outline-color:revert} :where(.nk) .rating--link .stars{display:revert;gap:revert} :where(.nk) .rating--link .stars .icon{height:revert;width:revert} :where(.nk) .pdp-detail .accordion.is-tabs .pdp-inst{padding-top:revert} :where(.nk) .pdp-detail .accordion.is-tabs .pdp-reviews .reviews{padding-top:revert} :where(.nk) .pdp-detail .accordion.is-tabs .pdp-faq{padding-top:revert} :where(.nk) .pdp-detail .accordion>details>summary::after{margin-left:revert} :where(.nk) .pdp-detail .accordion>details>summary .icon{color:revert;height:revert;width:revert} :where(.nk) .pdp-detail .accordion>details>summary .pdp-tabbar__count{margin-left:revert} :where(.nk) .ncf__nl .btn{background:revert;border-color:revert;color:revert} :where(.nk) .ncf__nl--col .btn{background:revert;border-color:revert;color:revert} :where(.nk) .nctabs__tab.is-active{background:revert;border-color:revert;color:revert} :where(.nk) .nctabs__panel.is-active{display:revert} :where(.nk) .nchero__slide.is-active{opacity:revert;transition-delay:revert;visibility:revert;z-index:revert} :where(.nk) .nchero__dots button.is-active{background:revert;border-radius:revert;width:revert} :where(.nk) .nchero--tone-light .nchero__dots button.is-active{background:revert} :where(.nk) .nchero--tone-soft .nchero__dots button.is-active{background:revert} :where(.nk) .nchero--tone-muted .nchero__dots button.is-active{background:revert} :where(.nk) .ncnl__form .btn{min-height:revert} :where(.nk) .ncbun__total .btn{margin-top:revert;width:revert} :where(.nk) .ncstore__panel.is-active{display:revert} :where(.nk) .ncstore__info .btn{align-self:revert;margin-top:revert} :where(.nk) .ncstore__map .btn{position:revert;z-index:revert} :where(.nk) .ncctab__panel.is-active{display:revert;gap:revert;grid-template-columns:revert} :where(.nk) .nctb__in .btn{margin-top:revert} :where(.nk) .pdp-trust{display:revert;gap:revert;grid-template-columns:revert;margin-top:revert} :where(.nk) .pdp-trust span{align-items:revert;background:revert;border-radius:revert;color:revert;display:revert;flex-direction:revert;font-size:revert;gap:revert;padding:revert;text-align:revert} :where(.nk) .pdp-trust .icon{color:revert;height:revert;width:revert} :where(.nk) .pdp-trust b{color:revert;font-size:revert} :where(.nk) .nchp__ctas .btn .icon{height:revert;width:revert} :where(.nk) .pcalc__seg button.is-active{background:revert;color:revert} :where(.nk) .pcalc__modal.is-open .pcalc__scrim{opacity:revert} :where(.nk) .pcalc__modal.is-open .pcalc__box{opacity:revert;transform:revert} @media (prefers-reduced-motion:no-preference){ :where(.nk) .hero-slider .hero-slide.is-active{animation:revert} :where(.nk) .lightbox[open]{animation:revert} :where(.nk) .lightbox[open]::backdrop{animation:revert} :where(.nk) .lightbox[open] .lightbox__img{animation:revert} :where(.nk) .lightbox[open] .lightbox__bar{animation:revert} :where(.nk) .lightbox[open] .lightbox__thumbs{animation:revert} :where(.nk) .lightbox.is-closing{animation:revert} :where(.nk) .lightbox.is-closing::backdrop{animation:revert} } @media (max-width:900px){ :where(.nk) .hero{background:revert;display:revert;flex-direction:revert} :where(.nk) .hero-slider .hslide.is-active{display:revert} :where(.nk) .cart-summary{position:revert} :where(.nk) .blog__catlist a.is-active{background:revert;border-color:revert;color:revert} } @media (max-width:640px){ :where(.nk) .hero .btn--lg{flex:revert;font-size:revert;justify-content:revert;min-height:revert;padding:revert} :where(.nk) .crumbs{-ms-overflow-style:revert;flex-wrap:revert;overflow-x:revert;padding:revert;scrollbar-width:revert;white-space:revert} :where(.nk) .crumbs::-webkit-scrollbar{display:revert} :where(.nk) .crumbs a{flex:revert} :where(.nk) .crumbs [aria-current]{display:revert} :where(.nk) .legal-toc ul{columns:revert} :where(.nk) .price{font-size:revert} :where(.nk) .cart-summary{position:revert} :where(.nk) .cart-line .qty{height:revert} :where(.nk) .cart-line .qty button{font-size:revert;width:revert} :where(.nk) .cart-line .qty input{font-size:revert;width:revert} :where(.nk) .wish-line__act .btn{min-height:revert;padding:revert} :where(.nk) .footer{margin-top:revert} :where(.nk) .footer .container{display:revert;flex-direction:revert} :where(.nk) .timeline li{grid-template-columns:revert} :where(.nk) .pdp-detail .specs{margin-inline:revert;width:revert} :where(.nk) .pdp-detail .accordion>details>summary{font-size:revert;padding:revert} :where(.nk) .pdp-detail .accordion .rte{padding:revert} :where(.nk) .pdp-detail{padding-top:revert} :where(.nk) .drawer__body.mobile-nav{padding-top:revert} :where(.nk) .card__price .price{align-items:revert;flex-direction:revert;font-size:revert;gap:revert;line-height:revert} :where(.nk) .grid--carousel .card{flex:revert;width:revert} } @media (pointer:coarse){ :where(.nk) .field input{font-size:revert} :where(.nk) .field select{font-size:revert} :where(.nk) .field textarea{font-size:revert} } @media print{ :where(.nk) .header{display:revert} :where(.nk) .footer{display:revert} :where(.nk) .cart-drawer{display:revert} :where(.nk) .mobile-nav{display:revert} } @media (max-width:960px){ :where(.nk) .track__form .btn{padding:revert} } @media (max-width:899px){ :where(.nk) .pdp-detail .specs tr:last-child th{border-bottom:revert} :where(.nk) .pdp-detail .specs tr:last-child td{border-bottom:revert} } @media (min-width:900px){ :where(.nk) .pdp-detail .specs{display:revert} :where(.nk) .pdp-detail .specs tbody{column-count:revert;column-gap:revert;display:revert} :where(.nk) .pdp-detail .specs tr{break-inside:revert;display:revert} :where(.nk) .pdp-detail .specs th{flex:revert} :where(.nk) .pdp-detail .specs td{flex:revert} :where(.nk) .pdp-detail .specs tr:last-child th{border-bottom:revert} :where(.nk) .pdp-detail .specs tr:last-child td{border-bottom:revert} } @media (max-width:860px){ :where(.nk) .ncstore__panel.is-active{grid-template-columns:revert} } @media (max-width:1023px){ :where(.nk) .ncctab__panel.is-active{grid-template-columns:revert} } .nk{--paper: #FFFFFF; --paper-2: #FAFAFA; --ink: #15171C; --muted: #6E727A; --line: #ECEDEF; --accent: var(--c-primary, #7A4A26); --accent-dark: #4A2C17; --soft: #F2F4F7; --soft-2: #F7F8FA; /* tek yazı tipi (Inter, panel → Tema → Tipografi): başlık, gövde ve eskiden monospace olan küçük etiketler */ --display: var(--font-heading, "Inter", system-ui, sans-serif); --sans: var(--font-body, "Inter", system-ui, sans-serif); --mono: var(--font-body, "Inter", system-ui, sans-serif); --maxw: 1320px; --gutter: 48px; --side: max(var(--gutter), calc((100% - var(--maxw)) / 2));} .nk *{box-sizing: border-box;} .nk{margin: 0; padding: 0;} .nk{font-family: var(--sans); color: var(--ink); background: var(--paper); font-weight: 400; -webkit-font-smoothing: antialiased; line-height: 1.5; overflow-x: clip;} .nk img{max-width: 100%; display: block;} .nk a{color: inherit; text-decoration: none;} .nk em{font-style: italic;} .nk ::selection{background: var(--accent); color: #fff;} .nk .topbar{background: var(--paper-2); border-bottom: 1px solid var(--line); padding: 8px var(--side); font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); display: flex; justify-content: space-between;} .nk .topbar.topbar-marquee{display: block; padding: 0; overflow: hidden; /* ceviz ahşap: ince damar çizgileri + koyu-açık-koyu ton geçişi */ background: repeating-linear-gradient(90deg, rgba(255,255,255,0) 0 7px, rgba(255,235,205,0.035) 7px 9px, rgba(0,0,0,0) 9px 15px, rgba(0,0,0,0.06) 15px 16px), repeating-linear-gradient(178deg, rgba(0,0,0,0) 0 3px, rgba(0,0,0,0.05) 3px 4px), linear-gradient(90deg, var(--accent-dark), var(--accent) 50%, var(--accent-dark)); border-bottom: 1px solid rgba(0,0,0,0.25); color: #fff;} .nk .topbar-marquee .marquee-track{display: flex; width: max-content; animation: mq-scroll 34s linear infinite; will-change: transform;} .nk .topbar-marquee:hover .marquee-track{animation-play-state: paused;} .nk .topbar-marquee .marquee-group{display: flex; align-items: center; flex: 0 0 auto; padding: 9px 0;} .nk .topbar-marquee .mq-item{white-space: nowrap; padding: 0 22px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.92);} .nk .topbar-marquee .mq-dot{color: rgba(255,255,255,0.42); font-size: 9px;} @keyframes mq-scroll{from { transform: translateX(0); } to { transform: translateX(-50%); }} @media (prefers-reduced-motion: reduce){.nk .topbar-marquee .marquee-track{animation: none; justify-content: center;}} .nk .header{position: sticky; top: 0; z-index: 30; background: var(--paper); border-bottom: 1px solid var(--line);} .nk .header-inner{display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 22px var(--side); gap: 24px;} .nk .logo{display: inline-flex; align-items: center; gap: 10px; color: var(--ink); justify-self: start;} .nk .logo-img{height: 44px; width: auto; display: block;} .nk .footer-brand .logo-img{height: 36px;} .nk .nav{display: flex; gap: 8px; font-size: 14px; font-weight: 500;} .nk .nav a{padding: 8px 14px; color: var(--ink); position: relative; transition: color 0.18s;} .nk .nav a:hover,.nk .nav a.active{color: var(--accent);} .nk .nav a.active::after{content: ""; position: absolute; left: 14px; right: 14px; bottom: 2px; height: 1px; background: var(--accent);} .nk .nav-item{position: relative; display: flex; align-items: center;} .nk .nav-item > a{display: inline-flex; align-items: center; gap: 5px;} .nk .nav-caret{transition: transform .18s ease; opacity: .6;} .nk .nav-item.has-sub:hover .nav-caret,.nk .nav-item.has-sub:focus-within .nav-caret{transform: rotate(180deg); opacity: 1;} .nk .nav-sub{position: absolute; top: calc(100% + 8px); left: 6px; min-width: 232px; padding: 8px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 44px rgba(21, 23, 28, .10); display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, visibility .18s; z-index: 60;} .nk .nav-item.has-sub::after{content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 10px;} .nk .nav-item.has-sub:hover .nav-sub,.nk .nav-item.has-sub:focus-within .nav-sub{opacity: 1; visibility: visible; transform: translateY(0);} .nk .nav-sub a{padding: 9px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--muted); white-space: nowrap; transition: background .16s ease, color .16s ease;} .nk .nav-sub a:hover{background: var(--soft); color: var(--accent);} .nk .nav-sub a.active::after{content: none;} .nk .header-actions{display: flex; justify-content: flex-end; gap: 6px; align-items: center; font-size: 14px;} .nk .header-actions a{padding: 8px 14px; color: var(--ink); font-weight: 500; transition: color 0.18s;} .nk .header-actions a:hover{color: var(--accent);} .nk .cart-btn{background: transparent; color: var(--ink); border: 1px solid var(--line); padding: 10px 16px !important; margin-left: 8px; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500;} .nk .cart-btn .count{font-family: var(--mono); font-size: 11px; font-weight: 600; color: var(--accent);} .nk .header-cart-m{display: none;} .nk .footer{background: var(--paper-2); border-top: 1px solid var(--line); padding: 70px var(--side) 32px;} .nk .footer-grid{display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.4fr; gap: 56px; padding-bottom: 48px; border-bottom: 1px solid var(--line);} .nk .footer-brand .logo{margin-bottom: 18px;} .nk .footer-brand p{font-size: 14px; line-height: 1.7; color: var(--muted); max-width: 360px; margin: 0; text-wrap: pretty;} .nk .footer-etbis{display: inline-block; margin-top: 20px; background: #fff; padding: 8px; border: 1px solid var(--line); border-radius: 10px; line-height: 0; transition: border-color 0.18s, transform 0.18s;} .nk .footer-etbis:hover{border-color: var(--accent); transform: translateY(-1px);} .nk .footer-etbis img{display: block; width: 104px; height: auto;} .nk .foot-col-title{font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-bottom: 16px;} .nk .foot-col ul{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px;} .nk .foot-col a{font-size: 14px; color: var(--ink);} .nk .foot-col a:hover{color: var(--accent);} .nk .newsletter p{font-size: 13px; line-height: 1.6; color: var(--muted); margin: 0 0 14px;} .nk .newsletter-form{display: flex; border: 1px solid var(--line);} .nk .newsletter-form input{flex: 1; border: none; background: transparent; padding: 11px 14px; font-size: 13px; color: var(--ink); font-family: inherit; outline: none;} .nk .newsletter-form button{background: var(--accent); color: #fff; border: none; padding: 10px 16px; font-size: 12px; font-weight: 500; cursor: pointer;} .nk .footer-ip-notice{margin-top: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--line);} .nk .footer-ip-notice p{max-width: 100%; margin: 0 auto; text-align: left; font-size: 11.5px; line-height: 1.8; letter-spacing: 0.01em; color: var(--muted); opacity: 0.85; text-wrap: pretty;} .nk .footer-bottom{display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding-top: 22px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .footer-bottom .links{display: flex; flex-wrap: wrap; gap: 18px;} .nk .footer-bottom-meta{justify-self: start; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;} .nk .footer-credit{justify-self: center;} .nk .footer-payments{justify-self: end;} .nk .footer-credit{display: inline-flex; align-items: center; gap: 9px; text-transform: none; letter-spacing: normal; font-family: var(--display); font-size: 13px; color: var(--muted);} .nk .footer-credit .nesa-credit-logo{height: 25px; width: auto; display: block; opacity: 0.8; transition: opacity .2s;} .nk .footer-credit a:hover .nesa-credit-logo{opacity: 1;} .nk .footer-payments{display: flex; align-items: center; justify-content: flex-end; gap: 12px;} .nk .footer-payments .fp-label{font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); white-space: nowrap;} .nk .footer-payments .fp-band{height: 20px; width: auto; max-width: 100%; display: block; opacity: 0.9;} .nk .btn{border: none; cursor: pointer; font-family: inherit; font-weight: 500; letter-spacing: 0.02em; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; font-size: 13px; transition: background 0.18s, color 0.18s, border-color 0.18s;} .nk .btn-lg{padding: 18px 30px; font-size: 14px;} .nk .btn-primary{background: var(--accent); color: #fff;} .nk .btn-primary:hover{background: var(--accent-dark);} .nk .btn-ghost{background: transparent; color: var(--ink); border: 1px solid var(--line);} .nk .btn-ghost:hover{border-color: var(--ink);} .nk .btn-block{width: 100%;} .nk .eyebrow{font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);} .nk .eyebrow.with-line{display: inline-flex; align-items: center; gap: 10px;} .nk .eyebrow.with-line::before{content: ""; width: 24px; height: 1px; background: var(--accent);} /* pikaplak: başlık üstündeki küçük büyük-harfli etiketler (eyebrow) gösterilmez. Bilgi taşıyanlar (.is-label: arama sonuç sayısı, "İlgili Yazılar") ve şarkı listesi başlığı kalır; onlar da sade metin olarak yazılır. */ :is(.eyebrow, .pk-eyebrow, .nc-bento-eyebrow, [class*="__eyebrow"]):not(.is-label):not(.tl__eyebrow):not(.track__eyebrow){display: none !important;} .nk .eyebrow.is-label{display: block; font-family: var(--font-body, var(--sans)); font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ink);} .nk .pill{display: inline-flex; align-items: center; padding: 4px 10px; background: var(--soft-2); border: 1px solid var(--line); font-size: 10.5px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);} .nk .ph{position: relative; width: 100%; overflow: hidden; background: #EFEBE3;} .nk .ph.square{aspect-ratio: 1;} .nk .ph.tall{aspect-ratio: 0.9;} .nk .ph.wide{aspect-ratio: 2.4;} .nk .ph.portrait{aspect-ratio: 2 / 3;} .nk .ph::before{content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 35% 30%, rgba(255,255,255,0.55) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(0,0,0,0.06) 0%, transparent 55%);} .nk .ph::after{content: ""; position: absolute; inset: 26%; background: rgba(255,255,255,0.5); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; opacity: 0.7; box-shadow: inset 0 -16px 24px rgba(0,0,0,0.05);} .nk .ph .lbl{position: absolute; left: 14px; bottom: 12px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em; color: rgba(20,20,30,0.55); text-transform: uppercase; z-index: 2;} .nk .ph .sub{position: absolute; right: 14px; top: 12px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em; color: rgba(20,20,30,0.5); text-transform: uppercase; z-index: 2;} .nk .ph[data-tone="kemik"]{background: #D8D2C5;} .nk .ph[data-tone="kagit"]{background: #E8E4D7;} .nk .ph[data-tone="kum"]{background: #E5DFCB;} .nk .ph[data-tone="sis"]{background: #D6DAE1;} .nk .ph[data-tone="bej"]{background: #E0D8CC;} .nk .ph[data-tone="bulut"]{background: #DFE2E7;} .nk .ph[data-tone="tas"]{background: #DCD6CB;} .nk .ph[data-tone="zeytin"]{background: #DCDCD2;} .nk .ph-frame{background: var(--paper-2); padding: 24px; border: 1px solid var(--line);} .nk .ph-frame.lg{padding: 32px;} .nk .hero{background: var(--paper);} .nk .hero-inner{padding: 80px var(--side) 100px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: center;} .nk .hero h1{font-family: var(--display); font-size: 88px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.02; margin: 0; color: var(--ink); text-wrap: balance;} .nk .hero h1 em{color: var(--accent); font-weight: 500;} .nk .hero p.lead{font-size: 17px; line-height: 1.65; color: var(--muted); max-width: 480px; margin-top: 28px; text-wrap: pretty;} .nk .hero-cta{display: flex; gap: 12px; margin-top: 36px;} .nk .eyebrow-mb{margin-bottom: 28px;} .nk .hero-art{position: relative;} .nk .hero-tag{position: absolute; left: -1px; bottom: -1px; background: var(--paper); border: 1px solid var(--line); padding: 16px 22px;} .nk .hero-tag .name{font-family: var(--display); font-size: 22px; font-weight: 500; margin-top: 4px;} .nk .hero-tag .price{font-family: var(--mono); font-size: 13px; font-weight: 500; color: var(--accent); margin-top: 4px;} .nk .section{padding: 100px var(--side); border-top: 1px solid var(--line);} .nk .section.muted{background: var(--paper-2);} .nk .section-head{display: flex; justify-content: space-between; align-items: end; margin-bottom: 56px; gap: 32px;} .nk .section-head .eyebrow{margin-bottom: 14px; display: block;} .nk .section-head h2{font-family: var(--display); font-size: 48px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.05; margin: 0; max-width: 600px;} .nk .products{display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px;} .nk .products.dense{row-gap: 56px;} .nk .card{cursor: pointer; display: flex; flex-direction: column; height: 100%;} .nk .card-img-wrap{position: relative; margin-bottom: 16px; background: var(--paper-2); padding: 0; border: 1px solid var(--line); overflow: hidden;} .nk .card-badges{position: absolute; top: 16px; left: 16px; display: flex; gap: 6px; z-index: 2;} .nk .card-quick{position: absolute; left: 16px; right: 16px; bottom: 16px; opacity: 0; transform: translateY(6px); transition: all 0.2s; z-index: 2;} .nk .card:hover .card-quick{opacity: 1; transform: translateY(0);} .nk .card-quick .btn{width: 100%; padding: 11px;} .nk .card-meta{display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto;} .nk .card-name{font-family: var(--display); font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--ink); transition: color 0.18s;} .nk .card:hover .card-name{color: var(--accent);} .nk .card-price{display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; font-family: var(--mono); font-size: 15px; font-weight: 600; color: var(--ink);} .nk .card-price{margin-top: auto;} .nk .card-price .price-now{font-size: 15px;} .nk .price-old{color: var(--muted); text-decoration: line-through; font-size: 0.82em; margin-right: 7px; white-space: nowrap;} .nk .price-now{color: var(--accent); font-weight: 600; white-space: nowrap;} .nk .price-badge{display: inline-block; margin-left: 7px; vertical-align: middle; font-family: var(--mono); font-size: 10px; font-weight: 700; line-height: 1; color: #c0392b; background: #fdecea; padding: 3px 6px; border-radius: 3px; white-space: nowrap;} .nk .card-price.has-discount{white-space: normal;} .nk .pdp-price.has-discount .price-now{font-size: inherit;} .nk .pdp-price .price-badge{font-size: 12px;} .nk .process-head{display: grid; grid-template-columns: 1fr 2fr; gap: 80px; align-items: start; margin-bottom: 64px;} .nk .process-head h2{font-family: var(--display); font-size: 48px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.05; margin: 0;} .nk .process-head p{font-size: 16px; line-height: 1.7; color: var(--muted); margin: 0; max-width: 540px; padding-top: 8px;} .nk .process{display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line);} .nk .process-step{padding: 32px 28px 36px; border-right: 1px solid var(--line);} .nk .process-step:last-child{border-right: none;} .nk .process-step .n{font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; color: var(--accent); margin-bottom: 24px;} .nk .process-step .t{font-family: var(--display); font-size: 22px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 10px;} .nk .process-step .d{font-size: 14px; line-height: 1.6; color: var(--muted); margin: 0;} .nk .quote-section{padding: 120px var(--side); text-align: center; border-top: 1px solid var(--line);} .nk .quote-section p.q{font-family: var(--display); font-size: 40px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.35; margin: 0 auto; max-width: 1000px; text-wrap: balance; color: var(--ink);} .nk .quote-section .by{margin-top: 32px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);} .nk .collection-hero{padding: 56px var(--side) 36px; border-bottom: 1px solid var(--line);} .nk .collection-hero .eyebrow{margin-bottom: 14px; display: block; color: var(--accent);} /* başlık ve giriş metni alt alta: yan yana dururken kısa başlık solda, uzun metin sağda kopuk kalıyordu */ .nk .collection-titlerow{display: flex; flex-direction: column; gap: 14px; width: 50%;} .nk .collection-titlerow h1{font-family: var(--display); font-size: clamp(30px, 3vw, 40px); font-weight: 500; letter-spacing: -0.025em; margin: 0; line-height: 1.1;} .nk .collection-titlerow h1 em{color: var(--accent); font-style: italic;} .nk .collection-titlerow p{font-size: 16px; line-height: 1.65; color: var(--muted); margin: 0;} .nk .filter-bar{padding: 12px var(--side); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; position: sticky; top: 78px; background: var(--paper); z-index: 5;} .nk .filter-bar a{padding: 8px 14px; font-size: 13px; font-weight: 500; color: var(--ink); border-bottom: 1px solid transparent;} .nk .filter-bar a.active{color: var(--accent); border-bottom-color: var(--accent);} .nk .filter-bar .sort{margin-left: auto; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .crumbs{padding: 14px var(--side); border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); display: flex; gap: 8px; align-items: center;} .nk .crumbs a{color: var(--muted);} .nk .crumbs a:hover{color: var(--accent);} .nk .crumbs .here{color: var(--ink);} .nk .pdp{display: grid; grid-template-columns: 1.35fr 0.85fr; gap: 56px; padding: 48px var(--side) 80px 50px; align-items: start;} .nk .pdp-thumbs{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 12px;} .nk .pdp-thumbs button{padding: 8px; border: 1px solid var(--line); cursor: pointer; background: var(--paper-2);} .nk .pdp-thumbs button.active{border-color: var(--accent);} .nk .pdp-info{padding-left: 8px;} .nk .pdp-info .tag{font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px;} .nk .pdp-info h1{font-family: var(--display); font-size: clamp(26px, 2.8vw, 36px); font-weight: 500; letter-spacing: -0.025em; margin: 0; line-height: 1.08;} .nk .pdp-info .sub{font-size: 16px; color: var(--muted); margin-top: 8px;} .nk .pdp-price-row{display: flex; align-items: baseline; gap: 14px; margin-top: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line);} .nk .pdp-price{font-family: var(--display); font-size: 32px; font-weight: 500; color: var(--accent);} .nk .pdp-price-meta{font-size: 13px; color: var(--muted);} .nk .pdp-desc{font-size: 15px; line-height: 1.7; margin-top: 28px; max-width: 480px;} .nk .pdp-trust{display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 16px;} .nk .pdp-trust-item{display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--muted);} .nk .pdp-trust-item svg{flex: none; color: var(--accent);} .nk .specs{margin-top: 28px; border: 1px solid var(--line);} .nk .specs .row{display: grid; grid-template-columns: 140px 1fr; padding: 12px 18px; border-bottom: 1px solid var(--line); font-size: 13px;} .nk .specs .row:last-child{border-bottom: none;} .nk .specs .k{font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .engrave-block{margin-top: 28px;} .nk .engrave-block label{font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); display: block; margin-bottom: 10px;} .nk .engrave-block input{width: 100%; padding: 12px 16px; border: 1px solid var(--line); font-family: var(--mono); font-size: 13px; background: var(--paper); outline: none; color: var(--ink);} .nk .engrave-block input:focus{border-color: var(--accent);} .nk .add-row{display: flex; gap: 12px; margin-top: 28px;} .nk .add-row-price{display: none;} .nk .qty{display: flex; align-items: center; border: 1px solid var(--line);} .nk .qty button{width: 40px; height: 40px; background: transparent; border: none; cursor: pointer; color: var(--ink); display: inline-flex; align-items: center; justify-content: center;} .nk .qty .v{width: 36px; text-align: center; font-family: var(--mono); font-weight: 500; font-size: 14px;} .nk .bullets{margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 13px; display: flex; flex-direction: column; gap: 10px; color: var(--muted);} .nk .bullets div{display: flex; align-items: flex-start; gap: 10px;} .nk .bullets div::before{content: ""; margin-top: 8px; width: 4px; height: 4px; background: var(--accent); flex-shrink: 0;} .nk .about-hero{padding: 100px var(--side) 80px;} .nk .about-hero-grid{display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: end;} .nk .about-hero h1{font-family: var(--display); font-size: 80px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.02; margin: 0;} .nk .about-hero h1 em{color: var(--accent); font-style: italic;} .nk .about-hero p{font-size: 16px; line-height: 1.7; color: var(--muted); margin: 0; max-width: 480px;} .nk .about-eyebrow{display: block; margin-bottom: 18px;} .nk .about-art{padding: 0 var(--side) 80px;} .nk .about-art-img{display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border: 0; box-shadow: none; border-radius: 0;} .nk .center{text-align: center;} .nk .cta-section{padding: 80px var(--side); text-align: center; border-top: 1px solid var(--line);} .nk .color-block{margin: 28px 0; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);} .nk .color-head{display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px;} .nk .color-label{font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);} .nk .color-active{font-family: var(--display); font-size: 14px; font-weight: 500; color: var(--ink);} .nk .color-swatches{display: flex; gap: 10px; flex-wrap: wrap;} .nk .swatch{background: none; border: 1px solid var(--line); padding: 8px 12px 8px 8px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-family: inherit; transition: border-color 0.18s;} .nk .swatch:hover{border-color: var(--ink);} .nk .swatch.active{border-color: var(--accent); cursor: default;} .nk a.swatch{text-decoration: none;} .nk a.swatch:hover .lbl{color: var(--accent);} .nk .swatch.oos{opacity: 0.45;} .nk .swatch.oos .lbl{text-decoration: line-through;} .nk .color-swatches.is-photo{gap: 14px;} .nk .color-swatches.is-photo .swatch{flex-direction: column; align-items: center; gap: 7px; padding: 0; border: none; background: none; width: 78px;} .nk .color-swatches.is-photo .swatch:hover{border: none;} .nk .color-swatches.is-photo .ph{width: 78px; height: 78px; display: block; overflow: hidden; border: 1px solid var(--line); background: var(--paper-2); transition: border-color 0.18s;} .nk .color-swatches.is-photo .ph img{width: 100%; height: 100%; object-fit: cover; display: block;} .nk .color-swatches.is-photo .swatch:hover .ph{border-color: var(--ink);} .nk .color-swatches.is-photo .swatch.active .ph{border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent);} .nk .color-swatches.is-photo .lbl{font-size: 9.5px; letter-spacing: 0.09em; line-height: 1.3; text-align: center; color: var(--muted);} .nk .color-swatches.is-photo .swatch.active .lbl{color: var(--ink);} @media (max-width: 560px){.nk .color-swatches.is-photo{gap: 10px;} .nk .color-swatches.is-photo .swatch,.nk .color-swatches.is-photo .ph{width: 64px;} .nk .color-swatches.is-photo .ph{height: 64px;}} .nk .color-block.needs-pick{animation: ncPickShake 0.4s ease;} .nk .color-block.needs-pick .color-active{color: var(--accent);} .nk .color-block.needs-pick .color-swatches{outline: 1.5px solid var(--accent); outline-offset: 8px; transition: outline-color 0.3s;} .nk .color-pick-hint{display: none; margin-top: 10px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.08em; color: var(--accent);} .nk .color-block.needs-pick .color-pick-hint{display: block;} @keyframes ncPickShake{0%, 100% { transform: translateX(0); } 20% { transform: translateX(-6px); } 40% { transform: translateX(6px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(4px); }} .nk .swatch .dot{width: 18px; height: 18px; border-radius: 50%; border: 1px solid; flex-shrink: 0; display: inline-block;} .nk .swatch .lbl{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink);} .nk .hero-meta-row{display: flex; gap: 32px; margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--line);} .nk .hero-meta{display: flex; flex-direction: column; gap: 4px;} .nk .hero-meta .v{font-family: var(--display); font-size: 28px; font-weight: 500; letter-spacing: -0.02em; color: var(--ink);} .nk .hero-meta .l{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted);} .nk .hero-trust{position: absolute; right: -1px; top: -1px; background: var(--paper); border: 1px solid var(--line); padding: 14px 18px; display: flex; flex-direction: column; gap: 4px; max-width: 200px;} .nk .hero-trust .stars{display: flex; gap: 2px; color: var(--accent); font-size: 12px;} .nk .hero-trust .v{font-family: var(--display); font-size: 16px; font-weight: 500;} .nk .hero-trust .l{font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .hero-marquee{border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 18px 48px; display: flex; justify-content: space-between; align-items: center; gap: 48px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); background: var(--paper-2);} .nk .hero-marquee .item{display: inline-flex; align-items: center; gap: 10px;} .nk .hero-marquee svg{color: var(--accent); flex-shrink: 0;} .nk .nc-verified{display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1; white-space: nowrap; color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent); border-radius: 999px; padding: 5px 10px 5px 8px; cursor: help;} .nk .nc-verified-icon{flex-shrink: 0;} @supports not (color: color-mix(in srgb, red 50%, blue)){.nk .nc-verified{border-color: var(--line);}} .nk .nc-source{display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1; white-space: nowrap; color: var(--nc-source-color, var(--muted)); border: 1px solid color-mix(in srgb, var(--nc-source-color, var(--muted)) 35%, transparent); border-radius: 999px; padding: 5px 10px; cursor: help;} .nk .nc-source-dot{width: 6px; height: 6px; border-radius: 50%; background: var(--nc-source-color, var(--muted)); flex-shrink: 0;} @supports not (color: color-mix(in srgb, red 50%, blue)){.nk .nc-source{border-color: var(--line);}} .nk .testimonial .t-top{flex-wrap: wrap;} .nk .testimonial .t-top .stars{margin-right: auto;} .nk .testimonials{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line);} .nk .testimonial{background: var(--paper); padding: 36px 32px; display: flex; flex-direction: column;} .nk .testimonial .t-top{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px;} .nk .testimonial .stars{color: var(--accent); font-size: 13px; letter-spacing: 2px;} .nk .testimonial p{font-family: var(--display); font-size: 19px; line-height: 1.5; letter-spacing: -0.01em; margin: 0 0 24px; text-wrap: pretty;} .nk .testimonial .who{font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); display: flex; justify-content: space-between; align-items: baseline; gap: 14px; margin-top: auto;} .nk .testimonial .who .t-product{color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); padding-bottom: 2px; text-align: right; transition: color .2s, border-color .2s;} .nk .testimonial .who .t-product:hover{color: var(--accent); border-bottom-color: var(--accent);} .nk .testimonial .t-photo{display: block; width: 88px; height: 88px; margin: 0 0 18px; border: 1px solid var(--line); border-radius: 2px; overflow: hidden; line-height: 0; transition: border-color .2s, transform .2s;} .nk .testimonial .t-photo:hover{border-color: var(--accent); transform: translateY(-2px);} .nk .testimonial .t-photo img{width: 100%; height: 100%; object-fit: cover; display: block;} .nk .testimonials-note{display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .testimonials-note .nc-verified-icon{color: var(--accent);} .nk .ig-strip{display: grid; grid-template-columns: repeat(6, 1fr);} .nk .ig-cell{position: relative; aspect-ratio: 1; overflow: hidden; cursor: pointer;} .nk .ig-cell .ig-overlay{position: absolute; inset: 0; background: rgba(20, 25, 38, 0.4); opacity: 0; transition: opacity 0.2s; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--mono); font-size: 12px; letter-spacing: 0.14em;} .nk .ig-cell:hover .ig-overlay{opacity: 1;} .nk .form-row{display: grid; gap: 20px; margin-bottom: 20px;} .nk .form-row.two{grid-template-columns: 1fr 1fr;} .nk .form-row.three{grid-template-columns: 1fr 1fr 1fr;} .nk .field{display: flex; flex-direction: column;} .nk .field label{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px;} .nk .field input,.nk .field select,.nk .field textarea{width: 100%; padding: 13px 16px; border: 1px solid var(--line); font-family: var(--sans); font-size: 14px; background: var(--paper); outline: none; color: var(--ink); transition: border-color 0.18s;} .nk .field textarea{min-height: 140px; resize: vertical; line-height: 1.6;} .nk .field input:focus,.nk .field select:focus,.nk .field textarea:focus{border-color: var(--accent);} .nk .phone-input{display: flex; align-items: stretch; border: 1px solid var(--line); background: var(--paper); transition: border-color 0.18s;} .nk .phone-input:focus-within{border-color: var(--accent);} .nk .phone-prefix{display: flex; align-items: center; gap: 6px; padding: 0 12px; font-family: var(--sans); font-size: 14px; color: var(--ink); background: var(--wash, rgba(0,0,0,0.03)); border-right: 1px solid var(--line); white-space: nowrap; user-select: none;} .nk .phone-flag{font-size: 17px; line-height: 1;} .nk .phone-input input{border: none !important; flex: 1; min-width: 0;} .nk .phone-input input:focus{border: none !important;} .nk .field .hint{font-size: 12px; color: var(--muted); margin-top: 6px;} .nk .checkbox-row{display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.55; color: var(--muted); margin-bottom: 14px;} .nk .checkbox-row input[type="checkbox"]{margin-top: 3px; width: 14px; height: 14px; accent-color: var(--accent);} .nk .checkbox-row a{color: var(--ink); border-bottom: 1px solid var(--line);} .nk .checkbox-row a:hover{border-bottom-color: var(--accent); color: var(--accent);} .nk .page-hero{padding: 80px var(--side) 56px; border-bottom: 1px solid var(--line);} .nk .page-hero .eyebrow{display: block; margin-bottom: 18px;} .nk .page-hero h1{font-family: var(--display); font-size: 72px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; margin: 0; max-width: 1000px;} .nk .page-hero h1 em{color: var(--accent); font-style: italic;} .nk .page-hero p.lead{margin-top: 22px; font-size: 17px; line-height: 1.65; color: var(--muted); max-width: 640px; text-wrap: pretty;} .nk .contact-grid{display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; padding: 80px var(--side);} .nk .contact-info-block{margin-bottom: 36px; padding-bottom: 28px; border-bottom: 1px solid var(--line);} .nk .contact-info-block:last-child{border-bottom: none;} .nk .contact-info-block h3{font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); margin: 0 0 14px; font-weight: 500;} .nk .contact-info-block p{font-family: var(--display); font-size: 22px; font-weight: 500; letter-spacing: -0.01em; margin: 0 0 6px; line-height: 1.4;} .nk .contact-info-block .sub{font-size: 13px; color: var(--muted); font-family: var(--sans); font-weight: 400;} .nk .map-strip{border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper-2); padding: 0; position: relative; height: 320px; display: flex; align-items: center; justify-content: center; overflow: hidden;} .nk .map-strip::before{content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(31,58,95,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(31,58,95,0.04) 1px, transparent 1px); background-size: 32px 32px;} .nk .map-pin{position: absolute; z-index: 2; background: var(--paper); border: 1px solid var(--line); padding: 14px 20px; display: flex; flex-direction: column; gap: 4px; align-items: flex-start;} .nk .map-pin .where{font-family: var(--display); font-size: 18px; font-weight: 500;} .nk .map-pin .what{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted);} .nk .map-pin::before{content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 0 6px rgba(31,58,95,0.12);} .nk .auth-wrap{display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - 90px);} .nk .auth-art{background: var(--paper-2); border-right: 1px solid var(--line); padding: 80px 64px; display: flex; flex-direction: column; justify-content: space-between;} .nk .auth-art .quote{font-family: var(--display); font-size: 36px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.3; text-wrap: balance; margin: 60px 0; max-width: 480px;} .nk .auth-art .by{font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted);} .nk .auth-form{padding: 80px 64px; display: flex; flex-direction: column; justify-content: center; max-width: 560px;} .nk .auth-form h1{font-family: var(--display); font-size: 48px; font-weight: 500; letter-spacing: -0.025em; margin: 0 0 14px; line-height: 1.05;} .nk .auth-form .sub{font-size: 15px; color: var(--muted); margin-bottom: 36px; line-height: 1.6;} .nk .auth-form .switch{margin-top: 24px; font-size: 13px; color: var(--muted);} .nk .auth-form .switch a{color: var(--accent); border-bottom: 1px solid var(--accent);} .nk .divider{display: flex; align-items: center; gap: 14px; margin: 28px 0; font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);} .nk .divider::before,.nk .divider::after{content: ""; flex: 1; height: 1px; background: var(--line);} .nk .social-btn{width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 13px; border: 1px solid var(--line); background: var(--paper); font-size: 14px; font-weight: 500; cursor: pointer; font-family: inherit; color: var(--ink); text-decoration: none; margin-bottom: 10px; transition: border-color 0.18s;} .nk .social-btn:hover{border-color: var(--ink);} .nk .cart-wrap{display: grid; grid-template-columns: 1.6fr 1fr; gap: 64px; padding: 56px var(--side) 80px;} .nk .cart-list{border-top: 1px solid var(--line);} .nk .cart-item{display: grid; grid-template-columns: 120px 1fr auto; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--line); align-items: center;} .nk .cart-item-img{background: var(--paper-2); border: 1px solid var(--line); padding: 12px; aspect-ratio: 1;} .nk .cart-item-info .n{font-family: var(--display); font-size: 22px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.2;} .nk .cart-item-info .s{font-size: 13px; color: var(--muted); margin-top: 4px;} .nk .cart-item-info .opts{font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-top: 12px; display: flex; gap: 14px; flex-wrap: wrap;} .nk .cart-item-info .opts span{color: var(--ink);} .nk .cart-item-actions{display: flex; flex-direction: column; align-items: flex-end; gap: 10px; text-align: right;} .nk .cart-item-price{font-family: var(--mono); font-size: 16px; font-weight: 500;} .nk .remove-link{background: none; border: none; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; padding: 0;} .nk .remove-link:hover{color: var(--accent);} .nk .cart-summary{position: sticky; top: 110px; border: 1px solid var(--line); padding: 28px; background: var(--paper-2); align-self: start;} .nk .cart-summary h3{font-family: var(--display); font-size: 22px; font-weight: 500; letter-spacing: -0.01em; margin: 0 0 24px; padding-bottom: 16px; border-bottom: 1px solid var(--line);} .nk .summary-row{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; font-size: 14px; color: var(--ink);} .nk .summary-row > span:first-child{min-width: 0;} .nk .summary-row.muted{color: var(--muted);} .nk .summary-row.total{border-top: 1px solid var(--line); margin-top: 12px; padding-top: 16px; font-family: var(--display); font-size: 22px; font-weight: 500; letter-spacing: -0.01em;} .nk .summary-row .v{font-family: var(--mono); font-weight: 500; white-space: nowrap; text-align: right; flex-shrink: 0;} .nk .coupon-row{display: flex; margin: 18px 0; border: 1px solid var(--line);} .nk .coupon-row input{flex: 1; padding: 11px 14px; border: none; background: transparent; font-family: var(--mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; outline: none;} .nk .coupon-row button{background: var(--ink); color: #fff; border: none; padding: 0 16px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; cursor: pointer;} .nk .checkout-grid{display: grid; grid-template-columns: 1.5fr 1fr; gap: 64px; padding: 48px var(--side) 80px;} .nk .checkout-step{border: 1px solid var(--line); margin-bottom: 18px; background: var(--paper);} .nk .checkout-step.active{border-color: var(--accent);} .nk .checkout-step.done{background: var(--paper-2);} .nk .checkout-step-head{padding: 18px 24px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid var(--line);} .nk .checkout-step.done .checkout-step-head{border-bottom: none;} .nk .step-num{width: 28px; height: 28px; border-radius: 50%; background: var(--soft-2); border: 1px solid var(--line); display: inline-flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: 12px; font-weight: 600; color: var(--muted);} .nk .checkout-step.active .step-num{background: var(--accent); color: #fff; border-color: var(--accent);} .nk .checkout-step.done .step-num{background: var(--accent-dark); color: #fff; border-color: var(--accent-dark);} .nk .step-title{font-family: var(--display); font-size: 20px; font-weight: 500; letter-spacing: -0.01em; flex: 1;} .nk .step-edit{background: none; border: none; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); cursor: pointer;} .nk .checkout-step-body{padding: 24px;} .nk .checkout-step.done .checkout-step-body{padding: 6px 24px 18px; font-size: 14px; color: var(--muted);} .nk .shipping-options{display: flex; flex-direction: column; gap: 10px;} .nk .ship-opt{display: flex; gap: 14px; padding: 16px 18px; border: 1px solid var(--line); align-items: center; cursor: pointer;} .nk .ship-opt.sel{border-color: var(--accent); background: var(--soft-2);} .nk .ship-opt input{accent-color: var(--accent);} .nk .ship-opt .name{font-weight: 500; font-size: 14px;} .nk .ship-opt .desc{font-size: 12px; color: var(--muted); margin-top: 2px;} .nk .ship-opt .price{margin-left: auto; font-family: var(--mono); font-size: 14px; font-weight: 500;} .nk .payment-tabs{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 24px;} .nk .payment-tab{position: relative; padding: 12px 14px; border: 1px solid var(--line); background: var(--paper); cursor: pointer; display: flex; flex-direction: row; align-items: center; gap: 10px; transition: border-color .15s ease, background .15s ease;} .nk .payment-tab:hover{border-color: var(--muted);} .nk .payment-tab.sel{border-color: var(--accent); background: var(--soft-2);} .nk .payment-tab .pay-ico{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 50%; color: var(--ink, #1a1a1a); background: var(--paper);} .nk .payment-tab .pay-ico svg{width: 18px; height: 18px;} .nk .payment-tab.sel .pay-ico{border-color: var(--accent); color: var(--accent);} .nk .payment-tab .label{font-size: 13.5px; font-weight: 500;} .nk .payment-tab .meta{font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted);} .nk .card-entry{display: grid; grid-template-columns: 320px 1fr; gap: 24px; align-items: start; margin-bottom: 4px;} .nk .card-entry-visual{position: sticky; top: 110px;} .nk .card-entry-fields{min-width: 0;} .nk .card-entry-fields .form-row{margin-bottom: 0;} .nk .card-entry-fields .form-row + .form-row{margin-top: 14px;} @media (max-width: 768px){.nk .card-entry{grid-template-columns: 1fr; gap: 18px;} .nk .card-entry-visual{position: static;} .nk .cart-summary{padding: 22px 18px;}} .nk .card-preview{position: relative; width: 100%; max-width: 320px; aspect-ratio: 1.586 / 1; margin: 0; padding: 20px 22px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #2b2b2f 0%, #4a4a52 55%, #6c5b4a 100%); box-shadow: 0 14px 34px -16px rgba(0,0,0,.55); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; font-family: var(--mono);} .nk .card-preview::after{content: ""; position: absolute; right: -40px; top: -40px; width: 160px; height: 160px; border-radius: 50%; background: rgba(255,255,255,.06);} .nk .card-preview-top{display: flex; align-items: center; justify-content: space-between;} .nk .card-chip{width: 38px; height: 28px; border-radius: 5px; background: linear-gradient(135deg, #e8d9a8, #c9a861); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);} .nk .card-brand{font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; opacity: .95;} .nk .card-number{font-size: 19px; letter-spacing: .14em; white-space: nowrap;} .nk .card-preview-bottom{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px;} .nk .card-field{display: flex; flex-direction: column; gap: 3px; min-width: 0;} .nk .card-cap{font-size: 8.5px; letter-spacing: .14em; text-transform: uppercase; opacity: .65;} .nk .card-val{font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .nk .installments{margin-top: 22px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper-2); padding: 16px 18px 18px;} .nk .installments-head{display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px;} .nk .inst-title{font-size: 14px; font-weight: 600; letter-spacing: -.01em;} .nk .inst-note{font-family: var(--mono); font-size: 12px; color: var(--muted);} .nk .inst-note strong{color: var(--ink, #1a1a1a);} .nk .inst-grid{display: flex; flex-direction: column; gap: 9px;} .nk .inst-opt{position: relative; display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); cursor: pointer; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;} .nk .inst-opt:hover{border-color: var(--muted);} .nk .inst-opt.sel{border-color: var(--accent); background: var(--soft-2);} .nk .inst-opt input{accent-color: var(--accent); flex: 0 0 auto; width: 16px; height: 16px; cursor: pointer;} .nk .inst-opt.featured{border-color: var(--accent); background: var(--soft-2); box-shadow: inset 3px 0 0 var(--accent); padding-top: 16px;} .nk .inst-opt.featured.sel{box-shadow: inset 3px 0 0 var(--accent), 0 0 0 1px var(--accent);} .nk .inst-badge{position: absolute; top: -9px; left: 14px; font-family: var(--mono); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: #fff; background: var(--accent); padding: 3px 8px; border-radius: 999px; line-height: 1;} .nk .inst-main{display: flex; flex-direction: column; gap: 4px; min-width: 0;} .nk .inst-n{font-size: 14px; font-weight: 600; letter-spacing: -.01em;} .nk .inst-opt.featured .inst-n{color: var(--accent);} .nk .inst-tag{font-family: var(--mono); font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted);} .nk .inst-tag.free{display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; color: var(--accent); font-weight: 600;} .nk .inst-tag.free::before{content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 13px; height: 13px; flex: 0 0 auto; border-radius: 50%; background: var(--accent); color: #fff; font-size: 8px; font-weight: 700; font-family: var(--display);} .nk .inst-per{margin-left: auto; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; gap: 0 6px; text-align: right; font-family: var(--mono); white-space: nowrap;} .nk .inst-amount{font-size: 15px; font-weight: 700; color: var(--ink, #1a1a1a); letter-spacing: -.01em;} .nk .inst-opt.featured .inst-amount{color: var(--accent);} .nk .inst-x{font-size: 12px; color: var(--muted);} .nk .inst-total{flex: 1 0 100%; font-size: 10.5px; color: var(--muted); letter-spacing: .02em; margin-top: 2px;} .nk .inst-loading{display: flex; align-items: center; gap: 8px; margin-top: 10px; font-family: var(--mono); font-size: 11.5px; color: var(--muted);} .nk .inst-spin{width: 13px; height: 13px; flex: 0 0 auto; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: instspin .7s linear infinite;} @keyframes instspin{to { transform: rotate(360deg); }} .nk .inst-disclaimer{margin-top: 12px; font-size: 11.5px; color: var(--muted); line-height: 1.5;} .nk .order-summary{position: sticky; top: 110px; border: 1px solid var(--line); background: var(--paper); align-self: start;} .nk .order-summary h3{font-family: var(--display); font-size: 18px; font-weight: 500; margin: 0; padding: 20px 24px; border-bottom: 1px solid var(--line); background: var(--paper-2);} .nk .order-line{display: grid; grid-template-columns: 56px 1fr auto; gap: 14px; padding: 16px 24px; border-bottom: 1px solid var(--line); align-items: center;} .nk .order-line .img{background: var(--paper-2); border: 1px solid var(--line); padding: 6px; aspect-ratio: 1;} .nk .order-line .n{font-family: var(--display); font-size: 15px; font-weight: 500; letter-spacing: -0.01em;} .nk .order-line .s{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-top: 2px;} .nk .order-line .p{font-family: var(--mono); font-size: 13px; font-weight: 500;} .nk .order-totals{padding: 18px 24px;} .nk .order-totals .summary-row{font-size: 13px;} .nk .order-totals .summary-row.total{font-size: 20px;} .nk .thanks-hero{padding: 100px var(--side) 64px; text-align: center; border-bottom: 1px solid var(--line);} .nk .thanks-hero .check{width: 64px; height: 64px; border-radius: 50%; background: var(--accent); color: #fff; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 28px;} .nk .thanks-hero h1{font-family: var(--display); font-size: 64px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.05; margin: 0 0 16px;} .nk .thanks-hero h1 em{color: var(--accent); font-style: italic;} .nk .thanks-hero p.lead{font-size: 16px; color: var(--muted); max-width: 540px; margin: 0 auto; line-height: 1.65;} .nk .order-card{max-width: 800px; margin: 0 auto; border: 1px solid var(--line);} .nk .order-card-head{padding: 24px 32px; background: var(--paper-2); border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center;} .nk .order-card-head .order-id{font-family: var(--mono); font-size: 13px; letter-spacing: 0.14em; font-weight: 500;} .nk .order-card-head .meta{font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .timeline{display: grid; grid-template-columns: repeat(4, 1fr); padding: 32px; gap: 24px; position: relative;} .nk .timeline::after{content: ""; position: absolute; top: 56px; left: 12%; right: 12%; height: 1px; background: var(--line); z-index: 0;} .nk .tl-step{text-align: center; position: relative; z-index: 1;} .nk .tl-dot{width: 14px; height: 14px; border-radius: 50%; background: var(--paper); border: 1.5px solid var(--line); margin: 0 auto 16px;} .nk .tl-step.done .tl-dot{background: var(--accent); border-color: var(--accent);} .nk .tl-step.cur .tl-dot{background: var(--paper); border-color: var(--accent); box-shadow: 0 0 0 4px rgba(31,58,95,0.15);} .nk .tl-step .t{font-family: var(--display); font-size: 14px; font-weight: 500; margin-bottom: 4px;} .nk .tl-step .d{font-size: 12px; color: var(--muted);} .nk .legal-wrap{display: grid; grid-template-columns: 240px 1fr; gap: 64px; padding: 56px var(--side) 100px;} .nk .legal-toc{position: sticky; top: 110px; align-self: start;} .nk .legal-toc h4{font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin: 0 0 14px;} .nk .legal-toc ul{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; border-left: 1px solid var(--line);} .nk .legal-toc li a{display: block; padding: 4px 14px; font-size: 13px; color: var(--muted);} .nk .legal-toc li a:hover,.nk .legal-toc li a.active{color: var(--accent); border-left: 1px solid var(--accent); margin-left: -1px;} .nk .legal-content{max-width: 760px;} .nk .legal-content h2{font-family: var(--display); font-size: 28px; font-weight: 500; letter-spacing: -0.02em; margin: 48px 0 16px; scroll-margin-top: 110px;} .nk .legal-content h2:first-child{margin-top: 0;} .nk .legal-content h3{font-family: var(--display); font-size: 18px; font-weight: 500; margin: 28px 0 10px;} .nk .legal-content p{font-size: 15px; line-height: 1.75; color: var(--ink); margin: 0 0 14px; text-wrap: pretty;} .nk .legal-content ul{margin: 0 0 18px; padding-left: 22px; font-size: 15px; line-height: 1.75;} .nk .legal-content ul li{margin-bottom: 6px;} .nk .legal-content .updated{font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 28px;} .nk .ship-table{border: 1px solid var(--line); border-radius: 4px; overflow: hidden; margin: 0 0 18px;} .nk .ship-row{display: grid; grid-template-columns: 2fr 1fr 1fr; align-items: center; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--line); font-size: 15px;} .nk .ship-row:first-child{border-top: none;} .nk .ship-row.head{background: var(--paper-2); font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted);} .nk .ship-row > div:nth-child(2),.nk .ship-row > div:nth-child(3){text-align: right;} .nk .ship-row strong{display: block; color: var(--ink);} .nk .ship-row span:not(.badge-free){display: block; font-size: 13px; color: var(--muted); margin-top: 2px;} .nk .ship-row .badge-free{display: inline-block; background: var(--accent); color: #fff; font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px;} .nk .legal-content ol.step-list{margin: 0 0 18px; padding-left: 22px; font-size: 15px; line-height: 1.75;} .nk .legal-content ol.step-list li{margin-bottom: 10px;} .nk .reviews-section{padding: 80px var(--side); border-top: 1px solid var(--line);} .nk .reviews-head{display: grid; grid-template-columns: 1fr 2fr; gap: 64px; margin-bottom: 48px; align-items: start;} .nk .rating-summary .num{font-family: var(--display); font-size: 88px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; color: var(--ink);} .nk .rating-summary .num em{color: var(--accent); font-style: normal;} .nk .rating-summary .stars{color: var(--accent); font-size: 18px; letter-spacing: 3px; margin: 14px 0 6px;} .nk .rating-summary .of{font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .rating-summary .of-verified{margin-top: 12px;} .nk .rating-summary .of-source{margin-top: 8px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted);} .nk .rating-bars{display: flex; flex-direction: column; gap: 8px;} .nk .rating-bar{display: grid; grid-template-columns: 30px 1fr 50px; gap: 14px; align-items: center; font-family: var(--mono); font-size: 11px; color: var(--muted); letter-spacing: 0.1em;} .nk .rating-bar .track{height: 6px; background: var(--soft); position: relative; overflow: hidden;} .nk .rating-bar .fill{position: absolute; inset: 0; background: var(--accent);} .nk .review-list{display: flex; flex-direction: column;} .nk .review-item{padding: 28px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 200px 1fr; gap: 32px;} .nk .review-item .who-block .stars{color: var(--accent); font-size: 13px; letter-spacing: 2px; margin-bottom: 12px;} .nk .review-item .who-block .who{font-family: var(--display); font-size: 16px; font-weight: 500;} .nk .review-item .who-block .when{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-top: 4px;} .nk .review-item .verified{margin-top: 12px;} .nk .review-item .review-source{margin-top: 8px;} .nk .review-item .review-variant{display: inline-block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--line); border-radius: 999px; padding: 3px 9px; margin-top: 8px;} .nk .review-item .body h4{font-family: var(--display); font-size: 18px; font-weight: 500; letter-spacing: -0.01em; margin: 0 0 10px;} .nk .review-item .body p{font-size: 15px; line-height: 1.7; color: var(--ink); margin: 0 0 14px; text-wrap: pretty;} .nk .review-photos{display: flex; align-items: center; gap: 12px; margin: 14px 0 4px;} .nk .review-photo{padding: 0; border: 1px solid var(--line); background: var(--soft); cursor: zoom-in; line-height: 0; border-radius: 2px; overflow: hidden; transition: border-color .2s, transform .2s;} .nk .review-photo:hover{border-color: var(--accent); transform: translateY(-2px);} .nk .review-photo:focus-visible{outline: 2px solid var(--accent); outline-offset: 2px;} .nk .review-photo img{width: 96px; height: 96px; object-fit: cover; display: block;} .nk .review-photo-note{font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .rv-lightbox{position: fixed; inset: 0; z-index: 9000; display: none; align-items: center; justify-content: center; padding: 32px; background: rgba(16, 18, 22, 0.88); backdrop-filter: blur(3px);} .nk .rv-lightbox.open{display: flex;} .nk .rv-lightbox img{max-width: min(920px, 100%); max-height: 100%; object-fit: contain; display: block;} .nk .rv-lb-close{position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; font-size: 26px; line-height: 1; color: #fff; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 999px; cursor: pointer;} .nk .rv-lb-close:hover{background: rgba(255, 255, 255, 0.18);} .nk .rf-locked{border: 1px solid var(--line); background: var(--soft); padding: 26px 24px;} .nk .rf-locked-icon{display: inline-flex; color: var(--accent); margin-bottom: 12px;} .nk .rf-locked p{font-size: 15px; line-height: 1.65; color: var(--ink); margin: 0 0 16px; text-wrap: pretty;} .nk .rf-locked p strong{font-weight: 500;} .nk .rf-locked .btn{margin-bottom: 16px;} .nk .rf-locked small{display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.7; color: var(--muted);} .nk .reviews-onlybuyers{display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); text-align: right;} .nk .reviews-onlybuyers .nc-verified-icon{color: var(--accent); flex-shrink: 0;} .nk .rf-photo > span{display: block;} .nk .rf-photo > span em{font-style: normal; color: var(--muted); text-transform: none; letter-spacing: 0;} .nk .rf-photo-drop{display: block; position: relative; border: 1px dashed var(--line); background: var(--soft); padding: 22px 18px; cursor: pointer; transition: border-color .2s, background .2s;} .nk .rf-photo-drop:hover{border-color: var(--accent);} .nk .rf-photo-drop input[type="file"]{position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;} .nk .rf-photo-empty{display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; color: var(--muted); pointer-events: none;} .nk .rf-photo-empty svg{color: var(--accent);} .nk .rf-photo-empty b{font-weight: 500; font-size: 14px; color: var(--ink);} .nk .rf-photo-empty i{font-style: normal; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;} .nk .rf-photo-preview{display: block; pointer-events: none;} .nk .rf-photo-preview img{max-height: 200px; max-width: 100%; display: block; margin: 0 auto; object-fit: contain;} .nk .rf-photo-clear{margin-top: 8px; padding: 0; background: none; border: none; border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); cursor: pointer;} .nk .rf-photo-clear:hover{color: var(--accent); border-bottom-color: var(--accent);} .nk .rf-photo-hint{display: block; margin-top: 8px; font-size: 12px; line-height: 1.5; color: var(--muted);} .nk .review-item .body .meta{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); display: flex; gap: 18px;} .nk .qa-list{border-top: 1px solid var(--line);} .nk .qa-item{padding: 24px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 80px 1fr; gap: 24px;} .nk .qa-item .q-tag{font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent);} .nk .qa-item .a-tag{color: var(--muted);} .nk .qa-item .text{font-size: 15px; line-height: 1.65; color: var(--ink);} .nk .qa-item.q .text{font-weight: 500;} .nk .qa-item.a{border-bottom: 1px solid var(--line);} .nk .qa-item.a .text{color: var(--muted);} .nk .qa-item .who-line{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-top: 8px;} .nk .callout{padding: 16px 20px; border-left: 2px solid var(--accent); background: var(--soft-2); font-size: 13px; line-height: 1.6; color: var(--ink); margin: 18px 0;} .nk .callout strong{font-weight: 600;} .nk .drawer-overlay{position: fixed; inset: 0; background: rgba(21, 23, 28, 0.32); opacity: 0; pointer-events: none; transition: opacity 0.28s ease; z-index: 90;} .nk .drawer-overlay.open{opacity: 1; pointer-events: auto;} .nk .cart-drawer{position: fixed; top: 0; right: 0; height: 100vh; height: 100dvh; width: 440px; max-width: 100vw; background: var(--paper); border-left: 1px solid var(--line); box-shadow: -20px 0 60px -20px rgba(21,23,28,0.18); transform: translateX(100%); transition: transform 0.32s cubic-bezier(.4,0,.2,1); z-index: 100; display: flex; flex-direction: column;} .nk .cart-drawer.open{transform: translateX(0);} @media (max-width: 768px){.nk .cart-drawer,.nk .drawer-overlay{display: none !important;}} .nk .drawer-head{display: flex; align-items: center; justify-content: space-between; padding: 22px 28px; border-bottom: 1px solid var(--line);} .nk .drawer-head h3{font-family: var(--display); font-size: 18px; font-weight: 500; letter-spacing: -0.01em; margin: 0;} .nk .drawer-head .count-tag{font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-left: 10px;} .nk .drawer-close{background: none; border: none; cursor: pointer; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: var(--muted); border-radius: 4px; transition: background 0.18s, color 0.18s;} .nk .drawer-close:hover{background: var(--soft); color: var(--ink);} .nk .drawer-progress{padding: 14px 28px; background: var(--soft-2); border-bottom: 1px solid var(--line); font-size: 12px; color: var(--muted); display: flex; flex-direction: column; gap: 8px;} .nk .drawer-progress .bar{height: 3px; background: var(--line); border-radius: 2px; overflow: hidden;} .nk .drawer-progress .bar > span{display: block; height: 100%; background: var(--accent); width: 72%;} .nk .drawer-items{flex: 1; overflow-y: auto; padding: 8px 28px;} .nk .dr-item{display: grid; grid-template-columns: 72px 1fr auto; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); align-items: start;} .nk .dr-item:last-child{border-bottom: none;} .nk .dr-item .ph{width: 72px; height: 88px;} .nk .dr-item .ph .lbl{font-size: 9px; letter-spacing: 0.16em;} .nk .dr-info .name{font-family: var(--display); font-size: 14px; font-weight: 500; margin-bottom: 4px; letter-spacing: -0.005em;} .nk .dr-info .opt{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px;} .nk .dr-info .qty-row{display: flex; align-items: center; gap: 10px;} .nk .dr-qty{display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 2px;} .nk .dr-qty button{width: 24px; height: 24px; background: none; border: none; cursor: pointer; color: var(--muted); font-size: 14px;} .nk .dr-qty button:hover{color: var(--ink);} .nk .dr-qty .v{font-size: 12px; min-width: 20px; text-align: center;} .nk .dr-info .remove{font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); background: none; border: none; cursor: pointer; padding: 0;} .nk .dr-info .remove:hover{color: var(--accent);} .nk .dr-price{font-family: var(--display); font-size: 14px; font-weight: 500; text-align: right;} .nk .drawer-empty{padding: 60px 28px; text-align: center; color: var(--muted);} .nk .drawer-empty .ico{width: 56px; height: 56px; margin: 0 auto 18px; border: 1px solid var(--line); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--muted);} .nk .drawer-empty p{font-size: 14px; margin: 0 0 18px;} .nk .drawer-foot{border-top: 1px solid var(--line); padding: 22px 28px 26px; padding-bottom: calc(26px + env(safe-area-inset-bottom)); background: var(--paper); display: flex; flex-direction: column; gap: 14px; flex-shrink: 0;} .nk .drawer-row{display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; color: var(--muted);} .nk .drawer-row.total{font-family: var(--display); font-size: 18px; font-weight: 500; color: var(--ink);} .nk .drawer-row.total .lbl{font-size: 13px; font-weight: 400; color: var(--muted);} .nk .drawer-actions{display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 4px;} .nk .drawer-actions .btn{padding: 14px 16px; font-size: 13px;} .nk .drawer-note{font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); text-align: center; margin-top: 4px;} @media (max-width: 520px){.nk .cart-drawer{width: 100vw;} .nk .drawer-head,.nk .drawer-items,.nk .drawer-foot{padding-left: 22px; padding-right: 22px;}} .nk .hero2{background: var(--paper); border-bottom: 1px solid var(--line);} .nk .hero2-top{max-width: 980px; margin: 0 auto; padding: 88px 48px 64px; text-align: center;} .nk .hero2-top .eyebrow.with-line{justify-content: center; margin-bottom: 28px;} .nk .hero2-top h1{font-family: var(--display); font-size: clamp(40px, 7.4vw, 92px); font-weight: 500; line-height: 1.02; letter-spacing: -0.035em; margin: 0 0 24px; color: var(--ink); text-wrap: balance;} .nk .hero2-top h1 em{color: var(--accent); font-weight: 500;} .nk .hero2-top .lead{font-size: clamp(15px, 1.6vw, 18px); line-height: 1.6; color: var(--muted); max-width: 620px; margin: 0 auto 32px; text-wrap: pretty;} .nk .hero2-cta{display: inline-flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 56px;} .nk .hero2-meta{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding-top: 32px; border-top: 1px solid var(--line); max-width: 760px; margin: 0 auto;} .nk .hero2-meta > div{display: flex; flex-direction: column; gap: 4px; text-align: center;} .nk .hero2-meta .v{font-family: var(--display); font-size: clamp(20px, 2.4vw, 26px); font-weight: 500; letter-spacing: -0.01em; color: var(--ink);} .nk .hero2-meta .l{font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);} .nk .hero2-strip{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border-top: 1px solid var(--line);} .nk .hero2-strip[data-tiles="1"],.nk .hero2-strip[data-tiles="2"],.nk .hero2-strip[data-tiles="3"]{background: transparent; justify-content: center; gap: 24px; padding: 24px;} .nk .hero2-strip[data-tiles="1"]{grid-template-columns: minmax(0, 300px);} .nk .hero2-strip[data-tiles="2"]{grid-template-columns: repeat(2, minmax(0, 300px));} .nk .hero2-strip[data-tiles="3"]{grid-template-columns: repeat(3, minmax(0, 280px));} .nk .hero2-strip[data-tiles="1"] .hero2-tile,.nk .hero2-strip[data-tiles="2"] .hero2-tile,.nk .hero2-strip[data-tiles="3"] .hero2-tile{border: 1px solid var(--line);} .nk .hero2-tile{position: relative; width: 100%; aspect-ratio: 4/5; max-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; padding: 0; overflow: hidden; transition: transform 0.4s ease;} .nk .hero2-tile .ph{position: absolute; inset: 0; width: auto; height: auto; aspect-ratio: auto; display: flex; align-items: center; justify-content: center;} .nk .hero2-tile .ph img{width: 100%; height: 100%; object-fit: cover; display: block;} .nk .hero2-tile-meta{position: relative; z-index: 2; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: baseline; gap: 10px; font-family: var(--display); font-size: 14px; font-weight: 500; color: var(--ink); background: rgba(255,255,255,0.92); padding: 12px 16px; backdrop-filter: blur(4px);} .nk .hero2-tile-meta > span:first-child{min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .nk .hero2-tile-meta > span:last-child{flex: 0 0 auto; white-space: nowrap;} .nk .hero2-tile:hover{transform: translateY(-2px);} .nk .menu-btn{display: none; background: none; border: none; cursor: pointer; padding: 10px; color: var(--ink); align-items: center; margin-left: auto;} .nk .menu-btn svg{display: block;} .nk .mobile-nav{position: fixed; inset: 0; background: var(--paper); z-index: 200; transform: translateX(100%); transition: transform 0.3s ease; display: flex; flex-direction: column; overflow-y: auto;} .nk .mobile-nav.open{transform: translateX(0);} .nk .mobile-nav-head{display: flex; justify-content: space-between; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--line);} .nk .mobile-nav-head .logo-img{height: 36px;} .nk .mobile-nav-close{background: none; border: none; cursor: pointer; padding: 10px; color: var(--ink);} .nk .mobile-nav-list{display: flex; flex-direction: column; padding: 24px;} .nk .mobile-nav-list a{font-family: var(--display); font-size: 26px; font-weight: 500; letter-spacing: -0.02em; color: var(--ink); padding: 14px 0; border-bottom: 1px solid var(--line);} .nk .mobile-nav-list a.active{color: var(--accent);} .nk .mobile-nav-list a.m-sub{font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: 0; color: var(--muted); padding: 10px 0 10px 16px;} .nk .mobile-nav-foot{margin-top: auto; padding: 24px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 12px;} .nk .mobile-nav-foot a{font-size: 14px; color: var(--muted); display: flex; align-items: center; gap: 10px; padding: 8px 0;} .nk .mobile-nav-foot a strong{color: var(--ink); font-weight: 500;} @media (max-width: 1024px){.nk .topbar{padding: 8px 24px; font-size: 10px;} .nk .header-inner{padding: 18px 24px;} .nk .hero-inner{grid-template-columns: 1fr; gap: 48px; padding: 56px 24px 72px;} .nk .hero-trust,.nk .hero-tag{display: none;} .nk .hero h1{font-size: clamp(40px, 8vw, 72px);} .nk .hero2-top{padding: 64px 24px 48px;} .nk .hero2-strip,.nk .hero2-strip[data-tiles]{grid-template-columns: repeat(2, 1fr);} .nk .hero2-strip[data-tiles="1"]{grid-template-columns: 1fr;} .nk .products{grid-template-columns: repeat(3, 1fr); gap: 24px;} .nk .section{padding-left: 24px !important; padding-right: 24px !important;} .nk .section-head{padding-left: 0 !important; padding-right: 0 !important;} .nk .process{grid-template-columns: repeat(2, 1fr);} .nk .process-head{grid-template-columns: 1fr; gap: 32px; padding: 56px 24px;} .nk .footer-grid{grid-template-columns: 1fr 1fr; gap: 40px; padding: 0 24px 40px;} .nk .pdp{grid-template-columns: 1fr; gap: 40px; padding: 32px 24px 64px;} .nk .about-hero-grid{grid-template-columns: 1fr; gap: 40px; padding: 56px 24px;} .nk .collection-titlerow{grid-template-columns: 1fr; gap: 24px;} .nk .testimonials{grid-template-columns: repeat(2, 1fr);} .nk .testimonial{padding: 30px 26px;} .nk .ig-strip{grid-template-columns: repeat(3, 1fr);} .nk .contact-grid{grid-template-columns: 1fr; gap: 40px; padding: 56px 24px;} .nk .auth-wrap{grid-template-columns: 1fr; min-height: auto;} .nk .cart-wrap{grid-template-columns: 1fr; gap: 32px; padding: 32px 24px 64px;} .nk .checkout-grid{grid-template-columns: 1fr; gap: 32px; padding: 32px 24px 64px;} .nk .legal-wrap{grid-template-columns: 1fr; gap: 32px; padding: 32px 24px 64px;} .nk .reviews-head{grid-template-columns: 1fr; gap: 32px;} .nk .timeline{grid-template-columns: repeat(2, 1fr); padding: 24px;}} @media (max-width: 768px){.nk .testimonials{grid-template-columns: 1fr;} .nk .testimonial{padding: 28px 22px;} .nk .testimonial p{font-size: 17px;} .nk .testimonial .who{flex-direction: column; align-items: flex-start; gap: 8px;} .nk .testimonial .who .t-product{text-align: left;} .nk .testimonials-note{display: none;} .nk .topbar{display: none;} .nk .topbar.topbar-marquee{display: block;} .nk .topbar-marquee .marquee-group{padding: 8px 0;} .nk .topbar-marquee .mq-item{font-size: 10px; letter-spacing: 0.1em; padding: 0 15px;} .nk .topbar-marquee .marquee-track{animation-duration: 24s;} .nk .legal-toc{display: none;} .nk .header-inner{grid-template-columns: auto 1fr auto; padding: 14px 18px; gap: 12px;} .nk .header-actions{display: none;} .nk .nav{display: none;} .nk .menu-btn{display: inline-flex;} .nk .logo-img{height: 38px;} .nk .hero-inner{padding: 40px 18px 56px; gap: 32px;} .nk .hero h1{font-size: clamp(34px, 9vw, 52px);} .nk .hero p.lead{font-size: 15px;} .nk .hero-cta{flex-direction: column; align-items: stretch;} .nk .hero-cta .btn{justify-content: center;} .nk .hero-meta-row{gap: 20px; flex-wrap: wrap;} .nk .hero-meta{flex: 1 1 calc(50% - 10px);} .nk .hero-meta .v{font-size: 22px;} .nk .hero2-top{padding: 48px 20px 40px;} .nk .hero2-top .lead{font-size: 15px; margin-bottom: 24px;} .nk .hero2-cta{flex-direction: column; align-items: stretch; width: 100%; gap: 10px; margin-bottom: 40px;} .nk .hero2-cta .btn{justify-content: center;} .nk .hero2-meta{grid-template-columns: 1fr 1fr; gap: 18px 12px; padding-top: 24px;} .nk .hero2-meta .v{font-size: 20px;} .nk .hero2-strip,.nk .hero2-strip[data-tiles]{grid-template-columns: 1fr 1fr;} .nk .hero2-strip[data-tiles="1"]{grid-template-columns: 1fr;} .nk .hero2-tile{aspect-ratio: 1/1; padding: 0;} .nk .hero2-tile-meta{font-size: 12px; padding: 9px 12px;} .nk .hero-marquee{display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; padding: 18px; font-size: 10px; justify-content: stretch;} .nk .hero-marquee .item{align-items: flex-start; gap: 8px;} .nk .products{grid-template-columns: 1fr 1fr; gap: 16px;} .nk .card-meta{padding: 12px 0; gap: 8px;} .nk .card-name{font-size: 13px;} .nk .card-price{font-size: 14px; align-items: center; gap: 4px 8px;} .nk .card-price .price-now{order: 1; flex: 0 0 100%; font-size: 15px;} .nk .card-price .price-old{order: 2; margin-right: 0; font-size: 12px;} .nk .card-price .price-badge{order: 3; margin-left: 0;} .nk .card-quick{display: none;} .nk .section{padding-top: 56px !important; padding-bottom: 56px !important; padding-left: 18px !important; padding-right: 18px !important;} .nk .section-head{flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 32px;} .nk .section-head h2,.nk h2{font-size: clamp(26px, 5.6vw, 33px) !important;} .nk .eyebrow{font-size: 10px;} .nk .process{grid-template-columns: 1fr;} .nk .process > div{border-right: none !important;} .nk .process-head{padding: 40px 18px;} .nk .process-step{padding: 20px 18px;} .nk .process-step .n{margin-bottom: 10px;} .nk .process-step .t{margin-bottom: 6px;} .nk .footer-grid{grid-template-columns: 1fr 1fr; gap: 28px 20px; padding: 0 18px 40px;} .nk .footer-brand{grid-column: 1 / -1; padding-right: 0 !important;} .nk .newsletter{grid-column: 1 / -1;} .nk .footer-bottom{grid-template-columns: 1fr; justify-items: center; gap: 20px; padding: 24px 18px !important; text-align: center;} .nk .footer-bottom-meta{justify-self: center; align-items: center;} .nk .footer-bottom .links{justify-content: center;} .nk .footer-payments{justify-self: center; justify-content: center; flex-wrap: wrap; gap: 10px;} .nk .footer-payments .fp-band{height: 18px;} .nk .ship-row{grid-template-columns: 1.4fr auto; grid-template-areas: "type price" "time price"; row-gap: 4px; padding: 14px 14px;} .nk .ship-row > div:nth-child(1){grid-area: type;} .nk .ship-row > div:nth-child(2){grid-area: time; text-align: left; font-size: 13px; color: var(--muted);} .nk .ship-row > div:nth-child(3){grid-area: price; align-self: center;} .nk .ship-row.head{grid-template-columns: 1fr auto; grid-template-areas: "type price";} .nk .ship-row.head > div:nth-child(2){display: none;} .nk .btn{padding: 12px 18px; font-size: 14px;} .nk .btn-lg{padding: 14px 22px; font-size: 14px;} .nk .pdp{padding: 5px 10px 5px; gap: 28px;} .nk .pdp-thumbs{grid-template-columns: repeat(4, 1fr);} .nk .pdp-info h1{font-size: clamp(23px, 6vw, 30px);} .nk .specs .row{grid-template-columns: 110px 1fr; padding: 10px 14px; font-size: 13px;} .nk .crumbs{padding: 12px 18px; gap: 6px; letter-spacing: 0.10em;} .nk .crumbs .here,.nk .crumbs svg:last-of-type{display: none;} .nk #add-to-cart-form .add-row{position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; margin: 0; gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: var(--paper); border-top: 1px solid var(--line); box-shadow: 0 -6px 22px rgba(0,0,0,0.10);} .nk #add-to-cart-form .add-row .btn-block{flex: 1;} .nk .pdp{padding-bottom: 92px;} .nk .about-hero{padding: 0;} .nk .about-hero-grid{padding: 44px 18px 36px; gap: 24px;} .nk .about-art{padding: 0 18px 44px;} .nk .quote-section{padding: 56px 18px;} .nk .quote-section p.q{font-size: clamp(20px, 5.2vw, 26px); line-height: 1.4;} .nk .quote-section .by{margin-top: 22px;} .nk .cta-section{padding: 48px 18px;} .nk .collection-hero{padding: 28px var(--side) 24px;} .nk .collection-hero .eyebrow{margin-bottom: 10px;} .nk .collection-titlerow{gap: 10px; width: auto;} .nk .collection-titlerow p{font-size: 15px; line-height: 1.6;} .nk .contact-grid{padding: 40px 18px; gap: 28px;} .nk .form-row.two,.nk .form-row.three{grid-template-columns: 1fr;} .nk .auth-wrap{min-height: auto;} .nk .auth-form{padding: 40px 24px !important;} .nk .auth-aside{padding: 32px 24px !important;} .nk .cart-wrap{padding: 24px 18px 48px;} .nk .cart-item{grid-template-columns: 72px 1fr; grid-template-rows: auto auto; gap: 6px 14px; padding: 18px 0; align-items: start;} .nk .cart-item-img{grid-row: 1 / span 2; aspect-ratio: auto; padding: 0;} .nk .cart-item .ph{width: 72px !important; height: 86px !important;} .nk .cart-item-info{grid-column: 2; grid-row: 1;} .nk .cart-item-info .n{font-size: 15px; line-height: 1.3;} .nk .cart-item-info .opts{margin-top: 8px; gap: 10px; font-size: 10px;} .nk .cart-item-actions{grid-column: 2; grid-row: 2; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-top: 4px;} .nk .cart-item-price{font-size: 15px;} .nk .checkout-grid{padding: 24px 18px 48px;} .nk .payment-tabs{grid-template-columns: 1fr;} .nk .legal-wrap{padding: 24px 18px 48px;} .nk .legal-nav{position: static !important; margin-bottom: 24px;} .nk .order-line{grid-template-columns: 48px 1fr auto; padding: 14px 18px; gap: 12px;} .nk .timeline{grid-template-columns: 1fr; padding: 20px; gap: 18px;} .nk .reviews-head{gap: 24px; margin-bottom: 32px;} .nk .review-item{grid-template-columns: 1fr !important; gap: 16px;} .nk .qa-item{grid-template-columns: 60px 1fr !important; gap: 14px; padding: 16px 0 !important;} .nk .ig-strip{grid-template-columns: repeat(2, 1fr);} .nk .cart-drawer{width: 100vw; max-width: 100vw;} .nk .drawer-head,.nk .drawer-items{padding-left: 18px; padding-right: 18px;} .nk .drawer-foot{padding: 18px 18px 22px;} .nk .drawer-actions{grid-template-columns: 1fr;}} @media (max-width: 480px){.nk .logo-img{height: 34px;} .nk .hero2-top h1{font-size: clamp(26px, 8.4vw, 34px);} .nk .hero h1{font-size: clamp(26px, 8.4vw, 36px);} .nk h2{font-size: clamp(22px, 6.4vw, 28px) !important;} .nk .footer-credit{font-size: 12px;} .nk .hero2-meta{grid-template-columns: 1fr 1fr;} .nk .hero2-tile{padding: 0;} .nk .products{grid-template-columns: 1fr 1fr; gap: 12px;}} .nk .ph.has-img::before,.nk .ph.has-img::after,.nk .ph:has(img)::before,.nk .ph:has(img)::after{content: none !important; display: none !important; background: none !important;} .nk .ph.has-img,.nk .ph:has(img){background: var(--paper-2);} .nk .ph > img,.nk .ph .card-photo{display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;} .nk .card-img-wrap:has(img){padding: 0;} .nk .card-img-wrap .ph > img,.nk .card-img-wrap .ph .card-photo{object-fit: cover;} @keyframes nc-shimmer{0% { background-position: 180% 0; } 100% { background-position: -180% 0; }} .nk .nc-skel{background-image: linear-gradient(100deg, var(--soft-2) 25%, var(--soft) 45%, var(--soft-2) 65%) !important; background-size: 220% 100% !important; background-repeat: no-repeat !important; animation: nc-shimmer 1.25s ease-in-out infinite;} .nk .nc-fade{opacity: 0; transition: opacity .55s ease;} .nk .nc-fade.nc-loaded{opacity: 1;} @media (prefers-reduced-motion: reduce){.nk .nc-skel{animation: none;} .nk .nc-fade{transition: none;}} .nk .ph.has-hover{position: relative;} .nk .ph.has-hover .card-photo-2{position: absolute; inset: 0; z-index: 2; opacity: 0; transition: opacity 0.25s ease;} .nk .card:hover .ph.has-hover .card-photo-2{opacity: 1;} .nk .pdp-info{position: sticky; top: 96px; align-self: start;} .nk .gallery-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; align-items: start;} .nk .gallery-cell{position: relative; overflow: hidden; margin: 0; padding: 0; display: block; width: 100%; align-self: start; border: 1px solid var(--line); background: var(--paper-2); cursor: zoom-in;} .nk .gallery-cell.g-wide,.nk .gallery-cell.g-tall,.nk .gallery-cell.g-sq{aspect-ratio: auto;} .nk .gallery-cell picture{display: block;} .nk .gallery-cell img{width: 100%; height: auto; display: block; object-fit: contain; transition: transform .55s cubic-bezier(.2,.6,.2,1);} .nk .gallery-cell:hover img{transform: scale(1.04);} .nk .gallery-zoom{position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 2px; background: rgba(21,23,28,0.80); color: #fff; font-family: var(--mono); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; opacity: 0; transform: translateY(6px); pointer-events: none; transition: opacity .25s, transform .25s;} .nk .gallery-cell:hover .gallery-zoom{opacity: 1; transform: translateY(0);} .nk .gallery-cell.is-video video{width: 100%; height: auto; display: block; object-fit: cover;} .nk .gallery-play{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 54px; height: 54px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(21,23,28,0.72); color: #fff; pointer-events: none; transition: transform .25s, background .25s;} .nk .gallery-cell.is-video:hover .gallery-play{transform: translate(-50%,-50%) scale(1.08); background: rgba(21,23,28,0.88);} @media (max-width: 600px){.nk .gallery-grid{gap: 6px;} .nk .gallery-cell:first-child{grid-column: 1 / -1;}} .nk .lightbox{position: fixed; inset: 0; z-index: 200; display: none; flex-direction: column; background: rgba(17,19,24,0.86); -webkit-backdrop-filter: blur(18px) saturate(120%); backdrop-filter: blur(18px) saturate(120%); padding: 14px 20px 16px;} .nk .lightbox.open{display: flex; animation: lb-fade .2s ease both;} .nk .lightbox.open .lb-canvas{animation: lb-pop .26s cubic-bezier(.2,.7,.3,1) both;} @keyframes lb-fade{from { opacity: 0; } to { opacity: 1; }} @keyframes lb-pop{from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); }} @media (prefers-reduced-motion: reduce){.nk .lightbox.open,.nk .lightbox.open .lb-canvas{animation: none;}} .nk .lb-bar{flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 44px;} .nk .lb-counter{color: rgba(255,255,255,0.80); font-family: var(--mono); font-size: 12.5px; letter-spacing: .16em; flex: 0 0 auto;} .nk .lb-counter .lb-sep{opacity: .45; margin: 0 2px;} .nk #lbCur{color: #fff;} .nk .lb-tools{display: flex; align-items: center; gap: 4px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14); border-radius: 999px; padding: 3px;} .nk .lightbox.is-video .lb-tools{visibility: hidden;} .nk .lb-tool{width: 32px; height: 32px; border-radius: 50%; border: 0; background: none; color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background .18s, opacity .18s;} .nk .lb-tool:hover:not(:disabled){background: rgba(255,255,255,0.16);} .nk .lb-tool:disabled{opacity: .32; cursor: default;} .nk .lb-tool-wide{margin-left: 2px;} .nk .lb-zoom-level{min-width: 46px; text-align: center; color: rgba(255,255,255,0.86); font-family: var(--mono); font-size: 11.5px; letter-spacing: .06em; -webkit-user-select: none; user-select: none;} .nk .lb-body{flex: 1 1 auto; min-height: 0; display: flex; align-items: stretch; gap: 16px; margin-top: 10px;} .nk .lb-rail{flex: 0 0 auto; width: 92px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; overflow-x: hidden; padding: 2px 4px 2px 2px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.24) transparent; overscroll-behavior: contain;} .nk .lb-rail::-webkit-scrollbar{width: 4px;} .nk .lb-rail::-webkit-scrollbar-track{background: transparent;} .nk .lb-rail::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.24); border-radius: 4px;} .nk .lb-rail:empty{display: none;} .nk .lb-thumb{position: relative; flex: 0 0 auto; width: 100%; aspect-ratio: 1 / 1; padding: 0; cursor: pointer; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255,255,255,0.05); opacity: .55; transition: opacity .18s, border-color .18s, transform .18s;} .nk .lb-thumb img{width: 100%; height: 100%; object-fit: cover; display: block;} .nk .lb-thumb:hover{opacity: .9;} .nk .lb-thumb.active{opacity: 1; border-color: rgba(255,255,255,0.92);} .nk .lb-thumb-play{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 11px; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.6); pointer-events: none;} .nk .lb-main{flex: 1 1 auto; min-width: 0; min-height: 0; position: relative; display: flex; align-items: center; justify-content: center;} .nk .lb-stage{margin: 0; flex: 1 1 auto; position: relative; min-width: 0; min-height: 0; height: 100%; overflow: hidden; touch-action: none;} .nk .lb-canvas{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;} .nk .lb-stage img{max-width: 100%; max-height: 100%; object-fit: contain; display: block; border-radius: 6px; box-shadow: 0 30px 80px rgba(0,0,0,0.55); transform-origin: center center; will-change: transform; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; cursor: zoom-in;} .nk .lb-stage.is-zoomed img{cursor: grab; border-radius: 0;} .nk .lb-stage.is-panning img{cursor: grabbing;} .nk .lightbox.is-video .lb-stage{cursor: default;} @keyframes lb-slide-right{from { opacity: 0; transform: translateX(7%); } to { opacity: 1; transform: translateX(0); }} @keyframes lb-slide-left{from { opacity: 0; transform: translateX(-7%); } to { opacity: 1; transform: translateX(0); }} .nk .lightbox.open .lb-canvas.slide-from-right{animation: lb-slide-right .3s cubic-bezier(.22,.61,.36,1) both;} .nk .lightbox.open .lb-canvas.slide-from-left{animation: lb-slide-left .3s cubic-bezier(.22,.61,.36,1) both;} @media (prefers-reduced-motion: reduce){.nk .lightbox.open .lb-canvas.slide-from-right,.nk .lightbox.open .lb-canvas.slide-from-left{animation: none;}} .nk .lb-nav{position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 46px; height: 46px; border-radius: 50%; cursor: pointer; background: rgba(20,22,27,0.55); border: 1px solid rgba(255,255,255,0.16); color: #fff; display: inline-flex; align-items: center; justify-content: center; opacity: .75; transition: opacity .2s, background .2s, transform .2s;} .nk .lb-nav:hover{opacity: 1; background: rgba(20,22,27,0.85);} .nk .lb-nav[hidden]{display: none;} .nk .lb-prev{left: 6px;} .nk .lb-next{right: 6px;} .nk .lb-prev:hover{transform: translateY(-50%) translateX(-2px);} .nk .lb-next:hover{transform: translateY(-50%) translateX(2px);} .nk .lb-hint{flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; color: rgba(255,255,255,0.62); font-family: var(--mono); font-size: 10.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;} .nk .lb-hint-touch{display: none;} .nk .lightbox.is-video .lb-hint{visibility: hidden;} .nk .lb-stage.is-loading img{opacity: 0;} .nk .lb-stage.is-loading::after{content: ""; position: absolute; top: 50%; left: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.22); border-top-color: rgba(255,255,255,0.85); animation: lb-spin .7s linear infinite;} @keyframes lb-spin{to { transform: rotate(360deg); }} @media (prefers-reduced-motion: reduce){.nk .lb-stage.is-loading::after{animation: none;}} .nk .lb-close{background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16); color: #fff; border-radius: 50%; cursor: pointer; flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; transition: background .2s, border-color .2s;} .nk .lb-close:hover{background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.30);} @media (max-width: 1024px){.nk .lb-rail{width: 76px;}} @media (max-width: 860px){.nk .pdp-info{position: static;} .nk .lightbox{padding: 8px 8px 10px;} .nk .lb-body{flex-direction: column; gap: 10px; margin-top: 8px;} .nk .lb-rail{order: 2; flex-direction: row; width: auto; max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 2px 0 4px; gap: 8px; scrollbar-width: none;} .nk .lb-rail::-webkit-scrollbar{display: none;} .nk .lb-main{order: 1; flex: 1 1 auto;} .nk .lb-thumb{width: 52px; height: 52px; aspect-ratio: auto;} .nk .lb-nav{display: none;} .nk .lb-hint-touch{display: inline;} .nk .lb-hint-mouse{display: none;} .nk .lb-tool{width: 30px; height: 30px;} .nk .lb-zoom-level{min-width: 40px; font-size: 11px;}} @media (max-width: 420px){.nk .lb-counter{font-size: 11px; letter-spacing: .1em;} .nk .lb-tool-wide{display: none;}} .nk .ph.has-img{position: relative;} .nk .ph .card-photo-2{position: absolute; inset: 0; opacity: 0; transition: opacity .5s ease; z-index: 2;} .nk .card:hover .ph.has-hover .card-photo-2{opacity: 1;} .nk .montaj-box{margin-top: 14px;} .nk .montaj-toggle{width: 100%; display: flex; align-items: center; gap: 12px; text-align: left; background: var(--paper-2); border: 1px solid var(--line); border-radius: 2px; padding: 14px 16px; cursor: pointer; transition: border-color .2s, background .2s; font-family: inherit; color: var(--ink);} .nk .montaj-toggle:hover{border-color: var(--accent);} .nk .montaj-toggle.is-active{border-color: var(--accent); background: var(--soft-2);} .nk .montaj-toggle .mt-ico{flex: 0 0 auto; display: inline-flex; align-items: center;} .nk .montaj-toggle .mt-ico img{display: block; width: 22px; height: 22px; object-fit: contain;} .nk .montaj-toggle .mt-txt{display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto;} .nk .montaj-toggle .mt-txt strong{font-family: var(--display); font-weight: 500; font-size: 15px;} .nk .montaj-toggle .mt-txt small{color: var(--muted); font-size: 12.5px; line-height: 1.35;} .nk .montaj-toggle .mt-arrow{flex: 0 0 auto; color: var(--muted);} .nk .montaj-selected{position: relative; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; padding: 12px 38px 12px 14px; border-radius: 2px; background: var(--soft-2); border: 1px solid var(--accent); font-size: 13.5px; line-height: 1.45; color: var(--ink);} .nk .montaj-selected[hidden]{display: none;} .nk .montaj-selected .ms-check{flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: var(--accent); color: #fff; display: inline-flex; align-items: center; justify-content: center;} .nk .montaj-selected .ms-text{flex: 1 1 180px;} .nk .montaj-selected .ms-edit{background: none; border: none; color: var(--accent); text-decoration: underline; cursor: pointer; font-size: 12.5px; font-family: var(--mono);} .nk .montaj-selected .ms-remove{position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; background: none; border: none; color: var(--muted); cursor: pointer; font-size: 20px; line-height: 1; padding: 0;} .nk .montaj-selected .ms-remove:hover{color: var(--ink);} .nk .montaj-modal{position: fixed; inset: 0; z-index: 210; display: none; align-items: center; justify-content: center; padding: 24px;} .nk .montaj-modal.open{display: flex; animation: lb-fade .18s ease both;} .nk .montaj-modal .mm-overlay{position: absolute; inset: 0; background: rgba(15,16,20,0.55);} .nk .montaj-modal .mm-box{position: relative; z-index: 1; width: 100%; max-width: 460px; background: var(--paper); border: 1px solid var(--line); border-radius: 4px; padding: 32px; box-shadow: 0 30px 80px rgba(0,0,0,0.25); animation: lb-pop .22s cubic-bezier(.2,.7,.3,1) both;} .nk .montaj-modal .mm-close{position: absolute; top: 16px; right: 16px; background: none; border: none; cursor: pointer; color: var(--muted); padding: 4px;} .nk .montaj-modal .mm-close:hover{color: var(--ink);} .nk .montaj-modal h3{font-family: var(--display); font-size: 24px; font-weight: 500; letter-spacing: -0.01em; margin: 10px 0 10px;} .nk .montaj-modal .mm-lead{color: var(--muted); font-size: 14px; line-height: 1.6; margin: 0 0 22px;} .nk .montaj-modal .mm-fields{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;} .nk .montaj-modal .mm-fields label{display: flex; flex-direction: column; gap: 6px; font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);} .nk .montaj-modal select{font-family: var(--sans); font-size: 14px; color: var(--ink); padding: 11px 12px; border: 1px solid var(--line); border-radius: 2px; background: var(--paper); text-transform: none; letter-spacing: 0; cursor: pointer;} .nk .montaj-modal select:focus{outline: none; border-color: var(--accent);} .nk .montaj-modal select:disabled{background: var(--paper-2); color: var(--muted); cursor: not-allowed;} .nk .montaj-modal .mm-error{margin-top: 14px; color: #b3261e; font-size: 13px;} .nk .montaj-modal .mm-actions{display: flex; gap: 10px; justify-content: flex-end; margin-top: 26px;} @media (max-width: 480px){.nk .montaj-modal .mm-box{padding: 24px 20px;} .nk .montaj-modal .mm-fields{grid-template-columns: 1fr;} .nk .montaj-modal .mm-actions{flex-direction: column-reverse;} .nk .montaj-modal .mm-actions .btn{width: 100%; justify-content: center;}} .nk .pdp-detail{border-top: 1px solid var(--line);} .nk .pdp-detail-grid{display: grid; grid-template-columns: 1.7fr 1fr; gap: 64px; align-items: start;} .nk .pdp-detail-main .eyebrow,.nk .pdp-detail-features .eyebrow{display: block; margin-bottom: 14px;} .nk .pdp-detail-main h2{font-family: var(--display); font-size: clamp(26px, 3vw, 38px); font-weight: 500; letter-spacing: -0.02em; margin: 0 0 22px; line-height: 1.1;} .nk .pdp-richtext{color: var(--ink); font-size: 16px; line-height: 1.75;} .nk .pdp-richtext p{margin: 0 0 16px; color: #2c2f36;} .nk .pdp-richtext h2,.nk .pdp-richtext h3{font-family: var(--display); font-weight: 500; letter-spacing: -0.01em; margin: 28px 0 12px; color: var(--ink);} .nk .pdp-richtext h2{font-size: 22px;} .nk .pdp-richtext h3{font-size: 18px;} .nk .pdp-richtext ul,.nk .pdp-richtext ol{margin: 0 0 16px; padding-left: 20px; color: #2c2f36;} .nk .pdp-richtext li{margin-bottom: 8px;} .nk .pdp-richtext a{color: var(--accent); text-decoration: underline;} .nk .pdp-detail-features{position: sticky; top: 96px; background: var(--paper-2); border: 1px solid var(--line); padding: 28px;} .nk .pdp-detail-features ul{list-style: none; margin: 0; padding: 0;} .nk .pdp-detail-features li{position: relative; padding: 0 0 14px 26px; margin-bottom: 14px; border-bottom: 1px solid var(--line); font-size: 14.5px; line-height: 1.5; color: var(--ink);} .nk .pdp-detail-features li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .nk .pdp-detail-features li::before{content: ""; position: absolute; left: 0; top: 7px; width: 12px; height: 8px; border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg);} .nk .pdp-related .pdp-blog-list{list-style: none; margin: 0; padding: 0;} .nk .pdp-related .pdp-blog-list li{padding: 0 0 14px; margin-bottom: 14px; border-bottom: 1px solid var(--line);} .nk .pdp-related .pdp-blog-list li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .nk .pdp-related .pdp-blog-list li::before{content: none;} .nk .pdp-related .pdp-blog-list a{display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--ink);} .nk .pdp-related .pdp-blog-thumb{flex: none; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: var(--paper);} .nk .pdp-related .pdp-blog-thumb img{width: 100%; height: 100%; object-fit: cover; display: block;} .nk .pdp-related .pdp-blog-ttl{font-size: 13.5px; line-height: 1.4; font-weight: 500;} .nk .pdp-related .pdp-blog-list a:hover .pdp-blog-ttl{color: var(--accent);} .nk .pdp-taksit{display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 13px; line-height: 1.3; color: var(--ink); background: var(--paper-2); border: 1px solid var(--line); padding: 9px 14px; border-radius: 999px; text-decoration: none; transition: border-color .18s, color .18s;} .nk .pdp-taksit:hover{border-color: var(--accent);} .nk .pdp-taksit svg{color: var(--accent); flex: none;} .nk .pdp-taksit strong{font-weight: 600;} .nk .pdp-tablist{display: flex; flex-wrap: wrap; gap: 2px; border-bottom: 1px solid var(--line); margin-bottom: 44px;} .nk .pdp-tab{appearance: none; -webkit-appearance: none; background: none; border: none; cursor: pointer; font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding: 14px 20px; position: relative; transition: color .18s;} .nk .pdp-tab:hover{color: var(--ink);} .nk .pdp-tab.active{color: var(--ink);} .nk .pdp-tab.active::after{content: ""; position: absolute; left: 20px; right: 20px; bottom: -1px; height: 2px; background: var(--accent);} .nk .pdp-tabpanel{display: none;} .nk .pdp-tabpanel.active{display: block; animation: pdpTabFade .28s ease;} @keyframes pdpTabFade{from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; }} .nk .pdp-pane{max-width: 760px;} .nk .pdp-pane .eyebrow{display: block; margin-bottom: 14px;} .nk .pdp-pane h2{font-family: var(--display); font-size: clamp(24px, 2.6vw, 32px); font-weight: 500; letter-spacing: -0.02em; margin: 0 0 18px; line-height: 1.12;} .nk .pdp-pane p{color: #2c2f36; font-size: 15.5px; line-height: 1.75; margin: 0 0 16px;} .nk .pdp-pane a{color: var(--accent); text-decoration: underline;} .nk .pdp-notelist{list-style: none; margin: 20px 0 0; padding: 0;} .nk .pdp-notelist li{position: relative; padding: 0 0 13px 26px; font-size: 14.5px; line-height: 1.6; color: var(--ink);} .nk .pdp-notelist li:last-child{padding-bottom: 0;} .nk .pdp-notelist li::before{content: ""; position: absolute; left: 2px; top: 6px; width: 11px; height: 7px; border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg);} .nk .pdp-pane-wide{max-width: 980px;} .nk .pdp-specs{display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; margin: 26px 0 0; padding: 0; border-top: 1px solid var(--line);} .nk .pdp-spec{display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: baseline; padding: 14px 2px; border-bottom: 1px solid var(--line);} .nk .pdp-spec dt{font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); line-height: 1.5;} .nk .pdp-spec dd{margin: 0; font-size: 15px; line-height: 1.55; color: var(--ink);} .nk .pdp-specs-note{margin-top: 22px !important; font-size: 13px !important; color: var(--muted) !important;} .nk .taksit-table{border: 1px solid var(--line); margin: 24px 0 8px;} .nk .tt-row{display: grid; grid-template-columns: 1.4fr 1fr 1fr;} .nk .tt-row > span{padding: 14px 18px; font-size: 14.5px; border-bottom: 1px solid var(--line);} .nk .tt-row:last-child > span{border-bottom: none;} .nk .tt-row > span + span{border-left: 1px solid var(--line); text-align: right; font-variant-numeric: tabular-nums;} .nk .tt-row.tt-head > span{font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); background: var(--paper-2);} .nk .pdp-pane p.tk-lead{margin: -4px 0 0; max-width: 62ch; color: var(--muted);} .nk .tk-wrap{margin-top: 30px;} .nk .tk-hls{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line);} .nk .tk-hl{display: flex; flex-direction: column; gap: 6px; padding: 22px 24px; background: var(--paper);} .nk .tk-hl + .tk-hl{border-left: 1px solid var(--line);} .nk .tk-hl.is-cash{background: var(--soft-2); box-shadow: inset 0 2px 0 var(--accent);} .nk .tk-hl-lbl{font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);} .nk .tk-hl.is-cash .tk-hl-lbl{color: var(--accent);} .nk .tk-hl-amt{font-family: var(--display); font-size: 27px; font-weight: 500; letter-spacing: -.02em; line-height: 1.15; color: var(--ink); font-variant-numeric: tabular-nums;} .nk .tk-hl-amt small{font-family: var(--sans); font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--muted);} .nk .tk-hl-sub{font-size: 13px; color: var(--muted);} .nk .tk-layout{display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 48px; margin-top: 40px; align-items: start;} .nk .tk-tables .tk-table + .tk-table{margin-top: 28px;} .nk .tk-table{width: 100%; border-collapse: collapse; border-top: 1px solid var(--line); font-variant-numeric: tabular-nums;} .nk .tk-table caption{caption-side: top; text-align: left; padding: 0 0 10px; font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted);} .nk .tk-table thead th{padding: 14px 2px; font-family: var(--mono); font-size: 11px; font-weight: 400; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); text-align: right; border-bottom: 1px solid var(--line);} .nk .tk-table thead th:first-child{text-align: left;} .nk .tk-table tbody th,.nk .tk-table td{padding: 15px 2px; font-size: 15px; color: var(--ink); border-bottom: 1px solid var(--line);} .nk .tk-table tbody th{text-align: left; font-weight: 500;} .nk .tk-table td{text-align: right; white-space: nowrap;} .nk .tk-table tr.is-cash th,.nk .tk-table tr.is-cash td{color: var(--accent); font-weight: 600;} .nk .tk-tag{display: inline-block; margin-left: 10px; padding: 3px 7px; font-family: var(--mono); font-size: 9.5px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); background: var(--soft-2); border: 1px solid var(--line); vertical-align: 2px;} .nk .tk-cards-lbl{display: block; padding: 14px 0; font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);} .nk .tk-cards ul{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 1px solid var(--line);} .nk .tk-cards li{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; height: 86px; padding: 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);} .nk .tk-cards img{display: block; height: 22px; width: auto; max-width: 100px; object-fit: contain; filter: grayscale(1); opacity: .72; transition: filter .25s, opacity .25s;} .nk .tk-cards img[src*="saglamkart"]{height: 28px;} .nk .tk-cards li:hover img{filter: none; opacity: 1;} .nk .tk-fam-txt{font-weight: 600; font-size: 13px;} .nk .tk-bank{font-family: var(--mono); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); text-align: center;} .nk .tk-loading{display: flex; align-items: center; gap: 12px; padding: 24px 0; color: var(--muted); font-size: 14px;} .nk .tk-spin{width: 16px; height: 16px; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: instspin .7s linear infinite; flex: none;} @media (max-width: 860px){.nk .tk-layout{grid-template-columns: 1fr; gap: 32px;} .nk .tk-cards ul{grid-template-columns: repeat(4, minmax(0, 1fr));}} @media (max-width: 640px){.nk .tk-hls{grid-template-columns: 1fr;} .nk .tk-hl{padding: 16px 18px;} .nk .tk-hl + .tk-hl{border-left: none; border-top: 1px solid var(--line);} .nk .tk-hl-amt{font-size: 23px;} .nk .tk-table tbody th,.nk .tk-table td{font-size: 14px; padding: 13px 2px;} .nk .tk-tag{display: table; margin: 5px 0 0;} .nk .tk-cards li{height: 62px; padding: 6px;} .nk .tk-cards img{height: 17px; max-width: 64px;} .nk .tk-cards img[src*="saglamkart"]{height: 22px;} .nk .tk-bank{display: none;}} .nk .blog-hero{padding: 80px var(--side) 40px; border-bottom: 1px solid var(--line);} .nk .blog-hero .eyebrow{display: block; margin-bottom: 16px;} .nk .blog-hero h1{font-family: var(--display); font-size: clamp(34px, 5vw, 60px); font-weight: 500; letter-spacing: -0.03em; margin: 0 0 16px; line-height: 1.04;} .nk .blog-hero p{color: var(--muted); font-size: 17px; max-width: 620px; margin: 0; line-height: 1.6;} .nk .blog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 28px; padding: 56px var(--side) 100px;} .nk .blog-card{display: flex; flex-direction: column; cursor: pointer;} .nk .blog-card-img{position: relative; aspect-ratio: 3/2; overflow: hidden; background: var(--paper-2); border: 1px solid var(--line); margin-bottom: 16px;} .nk .blog-card-img img{width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.6,.2,1);} .nk .blog-card:hover .blog-card-img img{transform: scale(1.05);} .nk .blog-card .cat{font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px;} .nk .blog-card h3{font-family: var(--display); font-size: 21px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.25; margin: 0 0 10px; color: var(--ink); transition: color .18s;} .nk .blog-card:hover h3{color: var(--accent);} .nk .blog-card p{color: var(--muted); font-size: 14.5px; line-height: 1.6; margin: 0 0 12px;} .nk .blog-card .meta{margin-top: auto; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; color: var(--muted); text-transform: uppercase;} .nk .article-wrap{max-width: var(--maxw); margin: 0 auto; padding: 56px var(--side) 80px;} .nk .article-head,.nk .article-body,.nk .article-tags,.nk .article-cta{max-width: 880px; margin-left: auto; margin-right: auto;} .nk .article-cover{max-width: 1120px; margin-left: auto; margin-right: auto;} .nk .article-head{margin-bottom: 36px;} .nk .article-head .cat{font-family: var(--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent);} .nk .article-head h1{font-family: var(--display); font-size: clamp(30px, 4.4vw, 50px); font-weight: 500; letter-spacing: -0.025em; line-height: 1.08; margin: 14px 0 16px;} .nk .article-head .article-meta{font-family: var(--mono); font-size: 12px; letter-spacing: .08em; color: var(--muted); text-transform: uppercase;} .nk .article-cover{aspect-ratio: 16/9; overflow: hidden; background: var(--paper-2); border: 1px solid var(--line); margin-bottom: 40px;} .nk .article-cover img{width: 100%; height: 100%; object-fit: cover;} .nk .article-body{font-size: 17px; line-height: 1.8; color: #2c2f36;} .nk .article-body p{margin: 0 0 22px;} .nk .article-body h2{font-family: var(--display); font-size: clamp(24px, 3vw, 30px); font-weight: 500; letter-spacing: -0.02em; color: var(--ink); margin: 40px 0 16px; line-height: 1.15;} .nk .article-body h3{font-family: var(--display); font-size: 20px; font-weight: 500; color: var(--ink); margin: 30px 0 12px;} .nk .article-body ul,.nk .article-body ol{margin: 0 0 22px; padding-left: 22px;} .nk .article-body li{margin-bottom: 10px;} .nk .article-body a{color: var(--accent); text-decoration: underline;} .nk .article-body .blog-fig{margin: 32px 0;} .nk .article-body .blog-fig img{width: 100%; height: auto; display: block; border: 1px solid var(--line); background: var(--paper-2);} .nk .article-body .blog-fig figcaption{font-family: var(--mono); font-size: 11.5px; letter-spacing: .06em; color: var(--muted); text-align: center; margin-top: 10px; text-transform: uppercase;} .nk .article-body table{width: 100%; border-collapse: collapse; font-size: 15px; margin: 0 0 26px; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;} .nk .article-body table caption{caption-side: top; text-align: left; color: var(--muted); font-size: 13px; padding: 0 0 10px;} .nk .article-body table th,.nk .article-body table td{padding: 11px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; line-height: 1.6;} .nk .article-body table thead th{font-weight: 600; font-size: 13.5px; border-bottom: 1.5px solid var(--ink); white-space: nowrap;} .nk .article-body table tbody td:first-child{font-weight: 500; color: var(--ink);} .nk .article-body table tbody tr:last-child td{border-bottom: none;} .nk .article-toc{margin: 0 0 36px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper-2);} .nk .article-toc .nc-toc-title{font-family: inherit; font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0 0 12px;} .nk .article-toc ol{margin: 0; padding: 0 0 0 20px; columns: 2; column-gap: 30px;} .nk .article-toc li{margin: 0 0 8px; font-size: 14.5px; line-height: 1.5; break-inside: avoid;} .nk .article-toc a{color: var(--ink); text-decoration: none; border-bottom: 1px solid transparent;} .nk .article-toc a:hover{color: var(--accent); border-bottom-color: var(--accent);} @media (max-width: 700px){.nk .article-toc ol{columns: 1;}} .nk .article-cta-alt{font-size: 14px; margin: 16px 0 0 !important;} .nk .article-cta-alt a{color: var(--accent); text-decoration: underline;} .nk .article-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--line);} .nk .article-tags a{font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--line); padding: 6px 12px; border-radius: 2px;} .nk .article-tags a:hover{color: var(--accent); border-color: var(--accent);} .nk .article-cta{margin-top: 44px; padding: 32px; background: var(--paper-2); border: 1px solid var(--line); text-align: center;} .nk .article-cta h3{font-family: var(--display); font-size: 24px; font-weight: 500; margin: 0 0 10px;} .nk .article-cta p{color: var(--muted); margin: 0 0 18px;} .nk .article-related{padding: 0 var(--side) 90px;} .nk .article-related .section-head{margin-bottom: 32px;} @media (max-width: 900px){.nk .pdp-detail-grid{grid-template-columns: 1fr; gap: 32px;} .nk .pdp-detail-features{position: static;} .nk .pdp-specs{grid-template-columns: 1fr; column-gap: 0;} .nk .blog-grid{grid-template-columns: repeat(2, 1fr);}} @media (max-width: 640px){.nk .pdp-tablist{flex-wrap: nowrap; overflow-x: auto; gap: 0; margin-bottom: 32px; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .nk .pdp-tablist::-webkit-scrollbar{display: none;} .nk .pdp-tab{flex: none; padding: 13px 14px; font-size: 11px; letter-spacing: .06em; white-space: nowrap;} .nk .pdp-tab.active::after{left: 14px; right: 14px;} .nk .pdp-spec{grid-template-columns: 120px 1fr; gap: 12px; padding: 12px 0;} .nk .pdp-spec dd{font-size: 14px;} .nk .tt-row > span{padding: 12px 12px; font-size: 13.5px;}} @media (max-width: 560px){.nk .blog-grid{grid-template-columns: 1fr;}} @media (max-width: 768px){.nk{--gutter: 18px;} .nk .logo{grid-column: 1;} .nk .header-cart-m{display: inline-flex; grid-column: 2; justify-self: end; align-items: center; position: relative; border: none !important; background: none; padding: 8px !important; margin: 0; color: var(--ink);} .nk .header-cart-m svg{display: block;} .nk .header-cart-m .count{position: absolute; top: 4px; right: 2px; transform: translate(35%, -35%); min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: var(--accent); color: #fff; font-family: var(--mono); font-size: 9px; font-weight: 600; line-height: 16px; text-align: center; display: flex; align-items: center; justify-content: center;} .nk .menu-btn{grid-column: 3; margin-left: 0;} .nk .collection-titlerow h1,.nk .page-hero h1,.nk .about-hero h1,.nk .thanks-hero h1{font-size: clamp(18px, 5vw, 21px) !important;} .nk .collection-titlerow h1,.nk .page-hero h1,.nk .about-hero h1,.nk .thanks-hero h1{overflow-wrap: anywhere; word-break: break-word;} .nk .collection-titlerow h1{font-size: clamp(26px, 7vw, 30px) !important;} .nk .page-hero{padding-top: 48px !important; padding-bottom: 36px !important;} .nk .page-hero p.lead{font-size: 15px;} .nk .filter-bar{flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 2px; padding: 8px 18px;} .nk .filter-bar::-webkit-scrollbar{display: none;} .nk .filter-bar a{flex: 0 0 auto; white-space: nowrap; padding: 8px 12px;} .nk .filter-bar .sort{display: none;} .nk .footer-grid{padding: 0 0 32px;} .nk .footer-bottom{padding-left: 0 !important; padding-right: 0 !important;} .nk .footer-bottom-meta{flex-direction: column; align-items: flex-start; gap: 10px;} .nk .footer-bottom .links{flex-wrap: wrap; gap: 12px 16px;} .nk #add-to-cart-form .add-row{flex-wrap: nowrap; align-items: center; gap: 12px;} .nk #add-to-cart-form .add-row .qty{display: none;} .nk #add-to-cart-form .add-row-price{display: flex; flex-direction: column; justify-content: center; line-height: 1.15; flex: 1 1 auto; min-width: 0;} .nk #add-to-cart-form .add-row-price .arp-val{font-family: var(--display); font-weight: 600; font-size: 17px; color: var(--ink); white-space: nowrap;} .nk #add-to-cart-form .add-row-price .arp-meta{font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);} .nk #add-to-cart-form .add-row .btn-block{flex: 0 0 auto; width: auto; white-space: nowrap; padding-left: 22px; padding-right: 22px;} .nk #add-to-cart-form .add-btn-price{display: none;} .nk .order-section{padding: 40px 18px 56px !important;} .nk .order-summary-grid{padding: 20px 18px !important; gap: 20px !important;} .nk .acct-address-grid{grid-template-columns: 1fr !important;} .nk .field input,.nk .field select,.nk .field textarea,.nk .newsletter-form input{font-size: 16px;}} @media (max-width: 480px){.nk .order-summary-grid{grid-template-columns: 1fr !important;} .nk .acct-cards{grid-template-columns: 1fr !important;}} .nk .nc-hero{position: relative; width: 100%; height: clamp(480px, 82vh, 760px); overflow: hidden; isolation: isolate; background: var(--accent-dark); border-bottom: 1px solid var(--line);} .nk .nc-hero-viewport{position: absolute; inset: 0;} .nk .nc-hero-slide{position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility 0s linear .9s; pointer-events: none;} .nk .nc-hero-slide.is-active{opacity: 1; visibility: visible; transition: opacity .9s ease; pointer-events: auto;} .nk .nc-hero-bg{position: absolute; inset: -4%; background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(1.08) translate3d(var(--px, 0), var(--py, 0), 0); will-change: transform;} .nk .nc-hero-shade{position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,14,22,.62) 0%, rgba(10,14,22,.34) 42%, rgba(10,14,22,.12) 100%), linear-gradient(0deg, rgba(10,14,22,.45) 0%, rgba(10,14,22,0) 45%); z-index: 1;} .nk .nc-hero-inner{position: relative; z-index: 2; height: 100%; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; display: flex; align-items: center; gap: 48px;} .nk .nc-hero [data-parallax]{transition: transform .4s cubic-bezier(.22,.61,.36,1);} .nk .nc-hero-content,.nk .nc-hero-figure,.nk .nc-hero-aside{transform: translate3d(var(--px, 0), var(--py, 0), 0);} .nk .nc-hero-content{max-width: 640px; color: #fff;} .nk .nc-hero-content.align-center{max-width: 760px; margin: 0 auto; text-align: center;} .nk .nc-hero-eyebrow{display: inline-block; font-family: var(--mono, 'JetBrains Mono', monospace); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.82); margin-bottom: 18px;} .nk .nc-hero-title{font-size: clamp(34px, 5.4vw, 64px); line-height: 1.04; letter-spacing: -.02em; color: #fff; margin: 0 0 18px;} .nk .nc-hero-title em{font-style: italic; color: #fff;} .nk .nc-hero-lead{font-size: clamp(15px, 1.5vw, 19px); line-height: 1.6; color: rgba(255,255,255,.9); margin: 0 0 30px; max-width: 52ch;} .nk .nc-hero-content.align-center .nc-hero-lead{margin-left: auto; margin-right: auto;} .nk .nc-hero-cta{display: flex; flex-wrap: wrap; gap: 14px;} .nk .nc-hero-content.align-center .nc-hero-cta{justify-content: center;} .nk .nc-hero .btn-ghost{color: #fff; border-color: rgba(255,255,255,.45);} .nk .nc-hero .btn-ghost:hover{border-color: #fff; background: rgba(255,255,255,.08);} .nk .nc-hero-figure{flex: 0 1 auto; max-width: 100%; display: flex;} .nk .nc-hero-figure img{display: block; max-width: 100%; max-height: 78vh; height: auto;} .nk .nc-hero-link{position: absolute; inset: 0; z-index: 2; display: block;} .nk .nc-hero-slide.has-link .nc-hero-inner{pointer-events: none;} .nk .nc-hero-slide.has-link .nc-hero-cta{pointer-events: auto;} .nk .nc-hero-arrow{position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: rgba(20,24,32,.28); color: #fff; cursor: pointer; backdrop-filter: blur(4px); transition: background .2s ease, border-color .2s ease;} .nk .nc-hero-arrow:hover{background: rgba(20,24,32,.55); border-color: #fff;} .nk .nc-hero-arrow.prev{left: clamp(12px, 3vw, 32px);} .nk .nc-hero-arrow.next{right: clamp(12px, 3vw, 32px);} .nk .nc-hero-dots{position: absolute; left: 0; right: 0; bottom: 24px; z-index: 5; display: flex; justify-content: center; gap: 10px;} .nk .nc-hero-dot{width: 9px; height: 9px; padding: 0; border-radius: 50%; border: 0; background: rgba(255,255,255,.45); cursor: pointer; transition: background .2s ease, width .2s ease, transform .2s ease;} .nk .nc-hero-dot:hover{background: rgba(255,255,255,.75);} .nk .nc-hero-dot.is-active{background: #fff; width: 24px; border-radius: 6px;} .nk .nc-hero-mob-img{display: none;} @media (max-width: 768px){.nk .nc-hero.has-mobile-banner{height: auto; min-height: 0;} .nk .nc-hero.has-mobile-banner .nc-hero-viewport{position: relative; display: grid;} .nk .nc-hero.has-mobile-banner .nc-hero-slide{position: relative; inset: auto; grid-area: 1 / 1 / 2 / 2;} .nk .nc-hero-slide.has-mob .nc-hero-bg,.nk .nc-hero-slide.has-mob .nc-hero-shade,.nk .nc-hero-slide.has-mob .nc-hero-inner{display: none;} .nk .nc-hero-slide.has-mob .nc-hero-mob-img{display: block; width: 100%; height: auto;} .nk .nc-hero.has-mobile-banner .nc-hero-slide:not(.has-mob){min-height: clamp(420px, 76vh, 560px);}} @media (max-width: 900px){.nk .nc-hero{height: clamp(440px, 78vh, 620px);} .nk .nc-hero-figure{max-width: 86%;} .nk .nc-hero-figure img{max-height: 52vh;}} @media (max-width: 600px){.nk .nc-hero{height: clamp(420px, 76vh, 560px);} .nk .nc-hero-shade{background: linear-gradient(0deg, rgba(10,14,22,.7) 0%, rgba(10,14,22,.18) 60%, rgba(10,14,22,.32) 100%);} .nk .nc-hero-content{max-width: 100%;} .nk .nc-hero-cta .btn{flex: 1 1 auto; justify-content: center;} .nk .nc-hero-arrow{display: none;} .nk .nc-hero-dots{bottom: 16px;}} @media (prefers-reduced-motion: reduce){.nk .nc-hero-bg{transform: scale(1.04) !important;} .nk .nc-hero-content,.nk .nc-hero-figure,.nk .nc-hero-aside{transform: none !important;} .nk .nc-hero [data-parallax]{transition: none;}} .nk .nc-htiles{padding: 24px max(16px, calc((100% - 1440px) / 2)) 8px; background: var(--paper);} .nk .nc-htiles-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px);} .nk .nc-htiles-grid[data-count="1"]{grid-template-columns: minmax(0, 480px); justify-content: center;} .nk .nc-htiles-grid[data-count="2"]{grid-template-columns: repeat(2, minmax(0, 1fr));} .nk .nc-htile{position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 16px; overflow: hidden; isolation: isolate; background: var(--soft); color: #fff;} .nk .nc-htile img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; transition: transform .6s cubic-bezier(.22,.61,.36,1);} .nk .nc-htile::after{content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,12,16,.82) 0%, rgba(10,12,16,.38) 34%, rgba(10,12,16,0) 62%); z-index: 1;} .nk .nc-htile:hover img{transform: scale(1.05);} .nk .nc-htile-body{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(22px, 2.4vw, 32px);} .nk .nc-htile-eyebrow{font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.78); margin-bottom: 10px;} .nk .nc-htile-title{font-family: var(--display); font-size: clamp(20px, 1.9vw, 26px); font-weight: 600; line-height: 1.18; letter-spacing: -.015em; margin-bottom: 10px; text-wrap: balance;} .nk .nc-htile-desc{font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.88); max-width: 44ch; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .nk .nc-htile-go{display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding-bottom: 3px; border-bottom: 1px solid rgba(255,255,255,.5); font-size: 13px; font-weight: 500; letter-spacing: .02em; transition: border-color .2s ease, gap .2s ease;} .nk .nc-htile:hover .nc-htile-go{border-color: #fff; gap: 12px;} .nk .nc-htile:focus-visible{outline: 2px solid var(--accent); outline-offset: 3px;} @media (max-width: 900px){.nk .nc-htiles{padding: 16px 0 4px;} .nk .nc-htiles-grid,.nk .nc-htiles-grid[data-count]{display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 20px; padding: 0 20px; scrollbar-width: none;} .nk .nc-htiles-grid::-webkit-scrollbar{display: none;} .nk .nc-htile{flex: 0 0 min(84vw, 420px); scroll-snap-align: start;} .nk .nc-htiles-grid[data-count="1"] .nc-htile{flex-basis: 100%;}} @media (prefers-reduced-motion: reduce){.nk .nc-htile img{transition: none;} .nk .nc-htile:hover img{transform: none;}} .nk .nc-landing-nav{display: flex; flex-wrap: wrap; gap: 8px; padding: 0 var(--side) 8px; margin-top: -8px;} .nk .nc-landing-nav a{display: inline-block; padding: 8px 15px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; color: var(--muted); text-decoration: none; transition: border-color .18s ease, color .18s ease, background .18s ease;} .nk .nc-landing-nav a:hover{border-color: var(--accent); color: var(--accent);} .nk .nc-landing-nav a.is-active{background: var(--accent); border-color: var(--accent); color: #fff;} .nk .nc-landing-nav-more{align-items: center; gap: 6px; margin-top: 0; padding-bottom: 4px;} .nk .nc-nav-more-label{font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-right: 4px;} .nk .nc-landing-nav-more a{padding: 5px 11px; font-size: 13px; border-color: transparent; background: var(--soft-2);} .nk .nc-landing-nav-more a:hover{background: var(--soft);} .nk .nc-landing-nav-more a.is-active{background: var(--accent); border-color: var(--accent); color: #fff;} .nk .nc-answer,.nk .nc-toc,.nk .nc-landing-copy,.nk .nc-landing-faq{max-width: none; margin-left: 0; margin-right: 0;} .nk .nc-landing-copy{padding-top: 8px;} .nk .nc-landing-copy h2{font-family: var(--display); font-size: 26px; font-weight: 500; letter-spacing: -0.015em; margin: 40px 0 14px;} .nk .nc-landing-copy h2:first-child{margin-top: 0;} .nk .nc-landing-copy p{color: var(--muted); font-size: 16px; line-height: 1.75; margin: 0 0 14px;} .nk .nc-answer{} .nk .nc-answer h2{font-family: var(--display); font-size: 22px; font-weight: 500; letter-spacing: -0.015em; margin: 0 0 10px;} .nk .nc-answer p{color: var(--fg); font-size: 16.5px; line-height: 1.75; margin: 0; padding: 18px 20px; border-left: 3px solid var(--accent); background: var(--surface, rgba(0, 0, 0, .025)); border-radius: 0 8px 8px 0;} .nk .nc-toc{} .nk .nc-toc-title{font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0 0 12px; font-family: var(--sans, inherit);} .nk .nc-toc ol{margin: 0; padding: 0 0 0 20px; columns: 2; column-gap: 32px;} .nk .nc-toc li{margin: 0 0 8px; font-size: 14.5px; line-height: 1.5; break-inside: avoid;} .nk .nc-toc a{color: var(--muted); text-decoration: none; border-bottom: 1px solid transparent;} .nk .nc-toc a:hover{color: var(--accent); border-bottom-color: var(--accent);} @media (max-width: 700px){.nk .nc-toc ol{columns: 1;}} .nk .nc-landing-copy h2[id],.nk .nc-howto h2[id],.nk .nc-howto-steps li[id],.nk .nc-landing-faq h2[id],.nk .article-body h2[id],.nk .article-body h3[id]{scroll-margin-top: 100px;} .nk .nc-copy-list{margin: 0 0 20px; padding: 0 0 0 20px; color: var(--muted); font-size: 16px; line-height: 1.75;} .nk .nc-copy-list li{margin: 0 0 10px;} .nk .nc-copy-list strong{color: var(--fg); font-weight: 600;} .nk .nc-table-wrap{max-width: 100%; overflow-x: auto; margin: 0 0 24px; -webkit-overflow-scrolling: touch;} .nk .nc-table{width: 100%; min-width: 480px; border-collapse: collapse; font-size: 14.5px;} .nk .nc-table caption{caption-side: top; text-align: left; color: var(--muted); font-size: 13px; padding: 0 0 10px;} .nk .nc-table th,.nk .nc-table td{padding: 11px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; line-height: 1.55;} .nk .nc-table thead th{font-weight: 600; font-size: 13px; letter-spacing: .02em; border-bottom: 1.5px solid var(--fg); white-space: nowrap;} .nk .nc-table tbody th{font-weight: 500; color: var(--fg);} .nk .nc-table tbody td{color: var(--muted);} .nk .nc-table tbody tr:last-child th,.nk .nc-table tbody tr:last-child td{border-bottom: none;} .nk .nc-howto{max-width: none;} .nk .nc-howto > h2{font-family: var(--display); font-size: 26px; font-weight: 500; letter-spacing: -0.015em; margin: 0 0 14px;} .nk .nc-howto > p{color: var(--muted); font-size: 16px; line-height: 1.75; margin: 0 0 24px;} .nk .nc-howto-kit{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; margin: 0 0 28px;} .nk .nc-howto-kit h3{font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0 0 10px;} .nk .nc-howto-kit ul{margin: 0; padding: 0 0 0 18px; font-size: 14.5px; line-height: 1.7; color: var(--muted);} @media (max-width: 700px){.nk .nc-howto-kit{grid-template-columns: 1fr;}} .nk .nc-howto-steps{margin: 0; padding: 0; list-style: none; counter-reset: ncstep;} .nk .nc-howto-steps li{counter-increment: ncstep; position: relative; padding: 0 0 24px 46px; border-left: 1px solid var(--line); margin-left: 13px;} .nk .nc-howto-steps li:last-child{border-left-color: transparent; padding-bottom: 0;} .nk .nc-howto-steps li::before{content: counter(ncstep); position: absolute; left: -14px; top: 0; width: 27px; height: 27px; border-radius: 50%; background: var(--fg); color: var(--bg); font-size: 13px; font-weight: 600; display: flex; align-items: center; justify-content: center;} .nk .nc-howto-steps h3{font-size: 16px; font-weight: 600; margin: 3px 0 8px;} .nk .nc-howto-steps p{color: var(--muted); font-size: 15px; line-height: 1.7; margin: 0;} .nk .nc-landing-faq{} .nk .nc-landing-faq h2{font-family: var(--display); font-size: 26px; font-weight: 500; letter-spacing: -0.015em; margin: 0 0 20px;} .nk .nc-faq-list{border-top: 1px solid var(--line);} .nk .nc-faq-item{border-bottom: 1px solid var(--line);} .nk .nc-faq-item summary{cursor: pointer; list-style: none; padding: 18px 34px 18px 0; font-size: 16px; font-weight: 500; position: relative;} .nk .nc-faq-item summary::-webkit-details-marker{display: none;} .nk .nc-faq-item summary::after{content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--muted); transition: transform .2s ease;} .nk .nc-faq-item[open] summary::after{content: "−";} .nk .nc-faq-item p{margin: 0 0 20px; color: var(--muted); font-size: 15px; line-height: 1.7; padding-right: 34px;} .nk .nc-landing-links{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; max-width: none; margin-left: 0; margin-right: 0;} .nk .nc-linkcol h2{font-family: var(--display); font-size: 20px; font-weight: 500; margin: 0 0 14px;} .nk .nc-linkcol ul{list-style: none; margin: 0; padding: 0;} .nk .nc-linkcol li{margin-bottom: 10px;} .nk .nc-linkcol a{color: var(--ink); text-decoration: none; font-size: 15px; line-height: 1.5; border-bottom: 1px solid var(--line); padding-bottom: 2px; transition: border-color .18s ease, color .18s ease;} .nk .nc-linkcol a:hover{color: var(--accent); border-color: var(--accent);} @media (max-width: 760px){.nk .nc-landing-nav,.nk .nc-landing-nav-more{display: none;} .nk .nc-landing-copy h2,.nk .nc-landing-faq h2{font-size: 22px;} .nk .nc-landing-links{grid-template-columns: 1fr; gap: 32px;}} .nk .reviews-empty{border: 1px dashed var(--line); border-radius: 14px; padding: 28px; color: var(--muted); font-size: 15px; line-height: 1.7;} .nk .reviews-empty p{margin: 0; max-width: 620px;} .nk .pdp-bottom-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--line);} .nk .pdp-bottom-grid > .review-form-wrap{margin-top: 0; padding-top: 0; border-top: none; max-width: none;} .nk .pdp-faq-head .eyebrow{display: block; margin-bottom: 12px;} .nk .pdp-faq-ask{margin-top: 24px;} .nk .review-form-wrap{margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--line); max-width: 680px; scroll-margin-top: 90px;} .nk .review-form-wrap h3{font-family: var(--display); font-size: 24px; font-weight: 500; letter-spacing: -0.015em; margin: 0 0 6px;} .nk .rf-note{color: var(--muted); font-size: 14px; margin: 0 0 24px;} .nk .rf-hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;} .nk .rf-row{display: flex; align-items: center; gap: 16px; margin-bottom: 22px;} .nk .rf-label{font-size: 14px; font-weight: 500;} .nk .rf-stars{display: inline-flex; flex-direction: row-reverse; gap: 2px;} .nk .rf-stars input{position: absolute; opacity: 0; width: 0; height: 0;} .nk .rf-stars label{cursor: pointer; font-size: 28px; line-height: 1; color: var(--line); transition: color .12s ease;} .nk .rf-stars label:hover,.nk .rf-stars label:hover ~ label,.nk .rf-stars input:checked ~ label{color: #F5A623;} .nk .rf-stars input:focus-visible + label{outline: 2px solid var(--accent); outline-offset: 2px;} .nk .rf-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} .nk .rf-field{display: block; margin-bottom: 16px;} .nk .rf-field > span{display: block; font-size: 13px; font-weight: 500; color: var(--muted); margin-bottom: 6px;} .nk .rf-field input,.nk .rf-field textarea{width: 100%; font-family: var(--sans); font-size: 15px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; transition: border-color .15s ease;} .nk .rf-field input:focus,.nk .rf-field textarea:focus{outline: none; border-color: var(--accent);} .nk .rf-field textarea{resize: vertical; line-height: 1.6;} .nk .rf-actions{display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 8px;} .nk .rf-msg{font-size: 14px; color: var(--muted);} .nk .rf-msg.is-ok{color: #0B7A3B;} .nk .rf-msg.is-err{color: #B3261E;} @media (max-width: 900px){.nk .pdp-bottom-grid{grid-template-columns: 1fr; gap: 44px;}} @media (max-width: 600px){.nk .rf-grid{grid-template-columns: 1fr; gap: 0;} .nk .review-form-wrap h3{font-size: 21px;}} .nk .nc-wa-float{position: fixed; right: 20px; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 96; display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 18px 0 15px; border-radius: 999px; background: #25D366; color: #fff; text-decoration: none; font-family: var(--sans); font-size: 14px; font-weight: 600; letter-spacing: -0.01em; box-shadow: 0 8px 26px rgba(18, 140, 70, 0.32), 0 2px 6px rgba(0, 0, 0, 0.10); transition: transform .25s ease, box-shadow .25s ease, background .25s ease;} .nk .nc-wa-float:hover{background: #1EBE5B; transform: translateY(-2px); box-shadow: 0 12px 30px rgba(18, 140, 70, 0.38), 0 3px 8px rgba(0, 0, 0, 0.12);} .nk .nc-wa-float:focus-visible{outline: 2px solid var(--ink); outline-offset: 3px;} .nk .nc-wa-float svg{flex: none;} .nk .nc-wa-label{white-space: nowrap;} @media (max-width: 860px){.nk .nc-wa-float{right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); width: 52px; height: 52px; padding: 0; justify-content: center; gap: 0;} .nk .nc-wa-label{display: none;} body:has(#add-to-cart-form) .nk .nc-wa-float{bottom: calc(80px + env(safe-area-inset-bottom));}} @media (prefers-reduced-motion: reduce){.nk .nc-wa-float{transition: none;} .nk .nc-wa-float:hover{transform: none;}} @media (max-width: 768px){.template-product .nk .topbar,.template-product .nk .topbar.topbar-marquee{display: none;} .template-product .nk .header-inner{padding: 7px 14px; gap: 8px;} .template-product .nk .logo-img{height: 26px;} .template-product .nk .header-cart-m{padding: 6px !important;} .template-product .nk .header-cart-m svg{width: 19px; height: 19px;} .template-product .nk .menu-btn{padding: 6px;} .template-product .nk .menu-btn svg{width: 20px; height: 20px;} .template-product .nk .crumbs{padding: 7px 14px; font-size: 9px; letter-spacing: 0.08em; gap: 5px; white-space: nowrap; overflow: hidden;}} .nk .stock-alert{margin-top: 14px;} .nk .sa-toggle{width: 100%; display: flex; align-items: center; gap: 12px; text-align: left; background: var(--paper-2); border: 1px solid var(--line); border-radius: 2px; padding: 14px 16px; cursor: pointer; transition: border-color .2s, background .2s; font-family: inherit; color: var(--ink);} .nk .sa-toggle:hover{border-color: var(--accent);} .nk .stock-alert.is-open .sa-toggle{border-color: var(--accent); background: var(--soft-2);} .nk .sa-toggle .sa-ico{flex: 0 0 auto; display: inline-flex; align-items: center; color: var(--accent);} .nk .sa-toggle .sa-txt{display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto;} .nk .sa-toggle .sa-txt strong{font-family: var(--display); font-weight: 500; font-size: 15px;} .nk .sa-toggle .sa-txt small{color: var(--muted); font-size: 12.5px; line-height: 1.35;} .nk .sa-toggle .sa-arrow{flex: 0 0 auto; color: var(--muted); transition: transform .2s;} .nk .stock-alert.is-open .sa-toggle .sa-arrow{transform: rotate(180deg);} .nk .sa-panel{border: 1px solid var(--accent); border-top: none; padding: 16px; background: var(--soft-2);} .nk .sa-panel[hidden]{display: none;} .nk .sa-row{display: flex; gap: 8px; flex-wrap: wrap;} .nk .sa-row input[type="email"]{flex: 1 1 200px; min-width: 0; padding: 12px 14px; font-size: 14px; font-family: inherit; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 2px;} .nk .sa-row input[type="email"]:focus{outline: none; border-color: var(--accent);} .nk .sa-row input[type="email"]:disabled{background: var(--soft-2); color: var(--muted);} .nk .sa-row .btn{flex: 0 0 auto;} .nk .sa-hp{position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0;} .nk .sa-msg{margin: 10px 0 0; font-size: 13px; line-height: 1.5; min-height: 1em;} .nk .sa-msg.is-ok{color: var(--accent);} .nk .sa-msg.is-err{color: #B4232A;} .nk .sa-note{margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--muted);} @media (max-width: 480px){.nk .sa-row .btn{width: 100%;}} .nk .section-head.is-center{display: block; text-align: center; margin: 0 auto 44px; max-width: 760px;} .nk .section-head.is-center h2{max-width: none; margin: 0; font-size: clamp(28px, 3vw, 40px); letter-spacing: -0.02em; line-height: 1.12;} .nk .section-sub{margin: 10px 0 0; font-size: 15px; font-style: italic; color: var(--muted); line-height: 1.55;} .nk .section-sub a{color: var(--accent);} .nk .section-head.is-center .testimonials-note{display: inline-flex; justify-content: center;} .nk .section-more{text-align: center; margin-top: 48px;} .nk .btn-pill{background: transparent; color: var(--ink); border: 1.5px solid var(--ink); border-radius: 999px; padding: 14px 30px; font-size: 14px;} .nk .btn-pill:hover{background: var(--ink); color: #fff;} .nk .btn-pill svg{transition: transform .2s;} .nk .btn-pill:hover svg{transform: translateX(3px);} .nk .nc-home-sec{border-top: none; padding-top: 80px; padding-bottom: 80px;} .nk .nc-bento{padding: 24px var(--side) 8px; background: var(--paper);} .nk .nc-bento-grid{display: grid; grid-template-columns: 1.75fr 1fr 1fr; grid-template-rows: repeat(2, clamp(230px, 20vw, 290px)); gap: 20px;} .nk .nc-bento-grid[data-count="4"] .nc-bento-tile:nth-child(1){grid-column: 1; grid-row: 1 / 3;} .nk .nc-bento-grid[data-count="4"] .nc-bento-tile:nth-child(2){grid-column: 2; grid-row: 1 / 3;} .nk .nc-bento-grid[data-count="4"] .nc-bento-tile:nth-child(3){grid-column: 3; grid-row: 1;} .nk .nc-bento-grid[data-count="4"] .nc-bento-tile:nth-child(4){grid-column: 3; grid-row: 2;} .nk .nc-bento-grid[data-count="3"]{grid-template-columns: 1.75fr 1fr;} .nk .nc-bento-grid[data-count="3"] .nc-bento-tile:nth-child(1){grid-row: 1 / 3;} .nk .nc-bento-grid[data-count="2"]{grid-template-columns: 1.75fr 1fr; grid-template-rows: clamp(420px, 38vw, 560px);} .nk .nc-bento-grid[data-count="1"]{grid-template-columns: 1fr; grid-template-rows: clamp(420px, 38vw, 560px);} .nk .nc-bento-tile{position: relative; display: block; border-radius: 12px; overflow: hidden; isolation: isolate; background: var(--soft); color: #fff; min-height: 0;} .nk .nc-bento-tile img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; transition: transform .7s cubic-bezier(.22,.61,.36,1);} .nk .nc-bento-tile::after{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(10,12,16,.72) 0%, rgba(10,12,16,.28) 38%, rgba(10,12,16,0) 64%);} .nk .nc-bento-tile:hover img{transform: scale(1.05);} .nk .nc-bento-tile:focus-visible{outline: 2px solid var(--accent); outline-offset: 3px;} .nk .nc-bento-body{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; padding: 24px;} .nk .nc-bento-tile.is-big .nc-bento-body{padding: clamp(28px, 3vw, 44px);} .nk .nc-bento-eyebrow{font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.8); margin-bottom: 8px;} .nk .nc-bento-title{font-family: var(--display); font-size: clamp(19px, 1.6vw, 23px); font-weight: 500; line-height: 1.15; letter-spacing: -.015em; text-wrap: balance;} .nk .nc-bento-tile.is-big .nc-bento-title{font-size: clamp(28px, 3vw, 42px); letter-spacing: -.025em; line-height: 1.06; max-width: 15ch;} .nk .nc-bento-desc{margin-top: 12px; font-size: 14.5px; line-height: 1.6; color: rgba(255,255,255,.88); max-width: 46ch; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .nk .nc-bento-go{display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 9px 18px; border-radius: 999px; background: #fff; color: var(--ink); font-size: 13px; font-weight: 500; transition: gap .2s, background .2s, color .2s;} .nk .nc-bento-tile.is-big .nc-bento-go{margin-top: 22px; padding: 12px 24px; font-size: 14px;} .nk .nc-bento-tile:hover .nc-bento-go{gap: 12px; background: var(--accent); color: #fff;} .nk .nc-cats{padding: 72px var(--side) 8px;} .nk .nc-cats .section-head.is-center{margin-bottom: 36px;} .nk .nc-cats-list{list-style: none; margin: 0; padding: 4px 0 8px; display: flex; gap: clamp(14px, 2vw, 28px); overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none;} .nk .nc-cats-list::-webkit-scrollbar{display: none;} .nk .nc-cats-list > li{flex: 0 0 auto; scroll-snap-align: start;} .nk .nc-cats-list > li:first-child{margin-left: auto;} .nk .nc-cats-list > li:last-child{margin-right: auto;} .nk .nc-cat{display: flex; flex-direction: column; align-items: center; gap: 14px; width: clamp(88px, 8.3vw, 124px); text-align: center; color: var(--ink);} .nk .nc-cat-img{display: block; width: 100%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--soft); box-shadow: 0 0 0 1px var(--line); transition: box-shadow .25s;} .nk .nc-cat-img img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s cubic-bezier(.22,.61,.36,1);} .nk .nc-cat:hover .nc-cat-img{box-shadow: 0 0 0 2px var(--paper), 0 0 0 3.5px var(--accent);} .nk .nc-cat:hover .nc-cat-img img{transform: scale(1.07);} .nk .nc-cat-lbl{font-size: 13.5px; font-weight: 500; line-height: 1.3; transition: color .18s;} .nk .nc-cat:hover .nc-cat-lbl{color: var(--accent);} .nk .card-img-wrap{border: none; border-radius: 10px;} .nk .card-badges{top: 12px; left: 12px; flex-direction: column; align-items: flex-start; gap: 6px;} .nk .card-badges .pill{margin: 0; border: none; border-radius: 999px; padding: 4px 10px; font-size: 10.5px; font-weight: 600; letter-spacing: .02em; color: #fff; background: var(--accent);} .nk .card-badges .pill-sale{background: #D9622B;} .nk .card-meta{align-items: center; text-align: center; gap: 8px;} .nk .card-name{font-family: var(--sans); font-size: 15px; font-weight: 500; letter-spacing: 0; line-height: 1.4;} .nk .card-price{justify-content: center; font-family: var(--sans); font-weight: 500;} .nk .card-price .price-now{font-weight: 600;} .nk .card-price .price-badge{display: none;} .nk .card-swatches{display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 2px; min-height: 14px;} .nk .card-dot{width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.14);} .nk .card-dot-more{font-size: 11px; color: var(--muted); margin-left: 2px;} .nk .card-quick .btn{border-radius: 999px;} .nk .nc-promise{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 80px); align-items: center; padding: 88px var(--side); background: var(--paper-2);} .nk .nc-promise-media img{display: block; width: 100%; height: auto; aspect-ratio: 1; max-height: 640px; object-fit: cover; border-radius: 12px;} .nk .nc-promise-body h1{font-family: var(--display); font-size: clamp(32px, 3.5vw, 50px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.06; margin: 18px 0 16px; text-wrap: balance;} .nk .nc-promise-body h1 em{color: var(--accent);} .nk .nc-promise-body .lead{color: var(--muted); font-size: 16px; line-height: 1.7; margin: 0; max-width: 52ch;} .nk .nc-promise-list{list-style: none; margin: 34px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 28px;} .nk .nc-promise-list li{display: flex; align-items: flex-start; gap: 14px;} .nk .nc-promise-list svg{flex: none; color: var(--accent);} .nk .nc-promise-list strong{display: block; font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.35;} .nk .nc-promise-list span{display: block; margin-top: 3px; font-size: 13.5px; font-style: italic; color: var(--muted); line-height: 1.45;} .nk .nc-promise-cta{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px;} .nk .nc-promise-stats{display: flex; flex-wrap: wrap; gap: 16px 40px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line);} .nk .nc-promise-stats > div{display: flex; flex-direction: column; gap: 4px;} .nk .nc-promise-stats .v{font-family: var(--display); font-size: 24px; font-weight: 500; letter-spacing: -.02em; color: var(--ink);} .nk .nc-promise-stats .l{font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);} .nk .nc-posts{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 24px;} .nk .nc-post{display: flex; flex-direction: column; color: var(--ink);} .nk .nc-post-img{display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--soft); margin-bottom: 16px;} .nk .nc-post-img img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.22,.61,.36,1);} .nk .nc-post:hover .nc-post-img img{transform: scale(1.05);} .nk .nc-post-cat{font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px;} .nk .nc-post-title{font-family: var(--display); font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -.01em; transition: color .18s; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .nk .nc-post:hover .nc-post-title{color: var(--accent);} .nk .nc-post-date{margin-top: 10px; font-size: 13px; color: var(--muted);} @media (max-width: 1024px){.nk .nc-posts{grid-template-columns: repeat(2, minmax(0, 1fr));} .nk .nc-promise{grid-template-columns: 1fr;} .nk .nc-promise-media img{aspect-ratio: 16 / 10;}} @media (max-width: 900px){.nk .nc-bento{padding: 16px 0 4px;} .nk .nc-bento-grid,.nk .nc-bento-grid[data-count]{display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 20px; padding: 0 20px; scrollbar-width: none;} .nk .nc-bento-grid::-webkit-scrollbar{display: none;} .nk .nc-bento-tile{flex: 0 0 80vw; max-width: 420px; aspect-ratio: 4 / 5; scroll-snap-align: start;} .nk .nc-bento-tile.is-big .nc-bento-body,.nk .nc-bento-body{padding: 22px;} .nk .nc-bento-tile.is-big .nc-bento-title{font-size: 26px;} .nk .nc-cats{padding: 52px 0 4px;} .nk .nc-cats .section-head.is-center{padding: 0 20px;} .nk .nc-cats-list{padding: 4px 20px 8px; gap: 14px; scroll-padding-inline: 20px;} .nk .nc-cats-list > li:first-child{margin-left: 0;} .nk .nc-cats-list > li:last-child{margin-right: 0;} .nk .nc-cat{width: 84px; gap: 10px;} .nk .nc-cat-lbl{font-size: 12.5px;} .nk .nc-home-sec{padding-top: 60px; padding-bottom: 60px;} .nk .nc-promise{padding: 60px 20px;}} @media (max-width: 560px){.nk .section-head.is-center{margin-bottom: 32px;} .nk .section-sub{font-size: 14px;} .nk .nc-promise-list{grid-template-columns: 1fr; gap: 18px;} .nk .nc-promise-cta .btn{flex: 1 1 100%;} .nk .nc-posts{display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--side)); padding-inline: var(--side); scroll-padding-inline: var(--side);} .nk .nc-posts::-webkit-scrollbar{display: none;} .nk .nc-post{flex: 0 0 78vw; scroll-snap-align: start;} .nk .section-more{margin-top: 36px;}} @media (prefers-reduced-motion: reduce){.nk .nc-bento-tile img,.nk .nc-cat-img img,.nk .nc-post-img img{transition: none;}}