/* =============================================================================
   SolarKonut Mağaza — voorkant
   Alles staat in de schillen .sk-shop (winkelpagina), .sk-urun (productpagina)
   en .sk-cart (mandje + afrekenen). Elke regel heeft !important, want Impreza
   gebruikt zelf ook !important. Waarden die JavaScript zet (breedte, display van
   een melding) staan hier bewust niet met !important.
   ========================================================================== */


/* -----------------------------------------------------------------------------
   Thema-reset. Impreza legt op elk element eigen typografie: line-height 28px in
   pixels (dus een label van 10px kreeg een regel van 28px), padding-top 1rem op
   elke kop, en eigen randen en schaduwen op formulier-elementen. Onze pagina's
   gingen er altijd van uit dat ze die waarden van de body erven, zoals in de
   losse HTML-bestanden. Hier zetten we die basis terug binnen onze eigen schil.
   -------------------------------------------------------------------------- */
.sk-shop,.sk-urun,.sk-cart{
  font-family:Manrope,system-ui,sans-serif!important;font-size:16px!important;font-weight:400!important;
  line-height:1.6!important;color:#121F34!important;letter-spacing:normal!important;
  text-transform:none!important;text-align:left!important;-webkit-font-smoothing:antialiased!important}

/* regelafstand als getal doorgeven, zodat kleine tekst ook een kleine regel krijgt */
.sk-shop *,.sk-urun *,.sk-cart *{line-height:inherit!important}

/* koppen en alinea's: geen eigen marge of padding van het thema */
.sk-shop h1,.sk-shop h2,.sk-shop h3,.sk-shop h4,.sk-shop p,.sk-shop ul,.sk-shop ol,.sk-shop li,
.sk-urun h1,.sk-urun h2,.sk-urun h3,.sk-urun h4,.sk-urun p,.sk-urun ul,.sk-urun ol,.sk-urun li,
.sk-cart h1,.sk-cart h2,.sk-cart h3,.sk-cart h4,.sk-cart p,.sk-cart ul,.sk-cart ol,.sk-cart li{
  margin:0!important;padding:0!important;text-indent:0!important}

.sk-shop a,.sk-urun a,.sk-cart a{text-decoration:none!important}

/* formulier-elementen erven onze typografie en houden geen themaschaduw over */
.sk-shop input,.sk-shop select,.sk-shop textarea,.sk-shop button,
.sk-urun input,.sk-urun select,.sk-urun textarea,.sk-urun button,
.sk-cart input,.sk-cart select,.sk-cart textarea,.sk-cart button{
  font-family:inherit!important;letter-spacing:normal!important;text-transform:none!important;
  box-shadow:none!important;text-shadow:none!important;min-height:0!important;border-radius:0!important}

/* ---------- winkelpagina + mandje ---------- */
.sk-shop,.sk-urun,.sk-cart{--bg:#F6F8F7;--panel:#FFFFFF;--line:rgba(18,31,52,.10);--line2:rgba(18,31,52,.22);--green:#02A862;--green-d:#028A50;--gold:#F2B33C;--navy:#121F34;--txt:#121F34;--dim:#5B6670;--faint:#8CA0B8;--moss:#EDF7F2;--mono:'IBM Plex Mono',ui-monospace,monospace;--disp:'Space Grotesk',sans-serif;--body:Manrope,sans-serif;--wrap:1240px}
.sk-shop *,.sk-shop *::before,.sk-shop *::after,.sk-urun *,.sk-urun *::before,.sk-urun *::after,.sk-cart *,.sk-cart *::before,.sk-cart *::after{box-sizing:border-box!important}
.sk-shop h1,.sk-shop h2,.sk-shop h3,.sk-cart h1,.sk-cart h2,.sk-cart h3{font-family:var(--disp)!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.1!important;margin:0!important}
.sk-shop a,.sk-cart a{color:inherit!important}
.sk-shop .wrap{max-width:none!important;margin:0!important;padding:0 var(--sk-pad,0px)!important}
.sk-shop .mono,.sk-cart .mono{font-family:var(--mono)!important}
.sk-shop .lbl,.sk-cart .lbl{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--green-d)!important}
.sk-shop .btn,.sk-cart .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 20px!important;font-weight:700!important;font-size:14px!important;border:1px solid transparent!important;border-radius:8px!important;cursor:pointer!important;font-family:var(--body)!important;text-decoration:none!important;background:none!important}
.sk-shop .btn-primary,.sk-cart .btn-primary{background:var(--gold)!important;color:var(--navy)!important}
.sk-shop .btn-line,.sk-cart .btn-line{border-color:var(--line2)!important}
.sk-shop .btn-navy,.sk-cart .btn-navy{background:var(--navy)!important;color:#fff!important}
.sk-shop .hero{border-bottom:1px solid var(--line)!important;padding:56px 0 40px!important}
.sk-shop .hero h1{font-size:clamp(30px,4vw,46px)!important}
.sk-shop .hero p{color:var(--dim)!important;max-width:64ch!important;margin-top:12px!important}
.sk-shop .filters{position:sticky!important;top:var(--sk-sticky,0px)!important;z-index:50!important;background:var(--bg)!important;padding:2px 18px 0!important;border:1px solid var(--line)!important;border-top:0!important;border-radius:0 0 16px 16px!important;box-shadow:0 6px 18px rgba(18,31,52,.05)!important}
.sk-shop .filters .wrap{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.sk-shop #skm-chips{display:flex!important;flex-wrap:nowrap!important;gap:26px!important;justify-content:center!important;justify-content:safe center!important;overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-snap-type:x proximity!important;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 92%,transparent 100%)!important}
.sk-shop #skm-chips::-webkit-scrollbar{display:none!important}
.sk-shop .chip{position:relative!important;border:0!important;background:transparent!important;padding:10px 0 12px!important;font:inherit!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;color:var(--dim)!important;white-space:nowrap!important;scroll-snap-align:start!important;transition:color .15s ease!important}
.sk-shop .chip:hover{color:var(--navy)!important}
.sk-shop .chip::after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;border-radius:2px!important;background:transparent!important;transition:background .15s ease!important}
.sk-shop .chip.on{color:var(--navy)!important}
.sk-shop .chip.on::after{background:var(--green)!important}
.sk-shop .prod .art > svg.skmark{height:52px!important;width:auto!important}
.sk-shop .prod.tool .art{background:#EFF1F4!important}
.sk-shop .prod .sku{font-family:var(--mono)!important;font-size:10.5px!important;color:var(--faint)!important;letter-spacing:.08em!important}
.sk-shop .prod .row{display:flex!important;gap:8px!important;align-items:center!important}
.sk-cart .overlay{position:fixed!important;inset:0!important;background:rgba(18,31,52,.4)!important;opacity:0!important;pointer-events:none!important;transition:opacity .25s!important;z-index:80!important}
.sk-cart .drawer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:translateY(102%)!important;max-height:calc(100vh - var(--sk-sticky,100px) - 36px)!important;background:#fff!important;z-index:90!important;transition:transform .32s cubic-bezier(.22,.61,.36,1)!important;display:flex!important;flex-direction:column!important;border-top:1px solid var(--line)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -18px 50px rgba(18,31,52,.18)!important}
.sk-cart .drawer::before{content:''!important;display:block!important;width:44px!important;height:4px!important;border-radius:99px!important;background:rgba(18,31,52,.18)!important;margin:10px auto 0!important}
.sk-cart .drawer .inner{max-width:1240px!important;width:100%!important;margin:0 auto!important;padding:6px 28px 26px!important;display:flex!important;flex-direction:column!important;min-height:0!important;flex:1!important;gap:6px!important;overflow:hidden!important}
.sk-cart .drawer .cols{display:grid!important;grid-template-columns:1.25fr 1fr!important;gap:28px!important;align-items:stretch!important;padding-top:22px!important;min-height:0!important;flex:1!important}
.sk-cart .drawer .lines{overflow-y:auto!important;scrollbar-width:none!important}
.sk-cart .drawer .lines::-webkit-scrollbar{display:none!important}
@media (max-width:860px){
.sk-cart .drawer .cols{grid-template-columns:1fr!important}
.sk-cart .drawer{max-height:92vh!important}
}
body.cart-open .sk-cart .overlay{opacity:1!important;pointer-events:auto!important}
body.cart-open .sk-cart .drawer{transform:translateY(0)!important}
.sk-cart .drawer .head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 0 18px!important;border-bottom:1px solid var(--line)!important}
.sk-cart .drawer .head h3{font-size:18px!important}
.sk-cart .drawer .lines{padding:2px 0!important;min-height:80px!important}
.sk-cart .line{display:grid!important;grid-template-columns:1fr auto!important;gap:4px 12px!important;padding:14px 0!important;border-bottom:1px solid var(--line)!important}
.sk-cart .line b{font-size:14px!important;font-weight:700!important}
.sk-cart .line b a{color:var(--navy)!important;text-decoration:none!important}
.sk-cart .line b a:hover{color:var(--green-d)!important}
.sk-cart .line .u{font-family:var(--mono)!important;font-size:12px!important;color:var(--dim)!important}
.sk-cart .line .u em{font-style:normal!important;color:var(--navy)!important}
.sk-cart .line .u i{font-style:normal!important;font-size:10.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--faint)!important}
.sk-cart .line .lt{font-weight:600!important}
.sk-cart .line .lt{font-family:var(--mono)!important;font-size:14px!important;text-align:right!important}
.sk-cart .line .rm{background:none!important;border:0!important;color:var(--faint)!important;cursor:pointer!important;font-family:var(--mono)!important;font-size:11px!important;text-align:right!important;padding:0!important}
.sk-cart .drawer [hidden]{display:none!important}
.sk-cart .sum .r{display:flex!important;justify-content:space-between!important;font-family:var(--mono)!important;font-size:13px!important;color:var(--dim)!important;margin-bottom:6px!important}
.sk-cart .sum .r.tot{font-size:17px!important;color:var(--navy)!important;font-weight:600!important;margin:10px 0 14px!important}
.sk-cart .sum input:not([type=checkbox]):not([type=radio]){width:100%!important;border:1px solid var(--line2)!important;border-radius:8px!important;padding:11px 13px!important;font:inherit!important;font-size:14px!important;margin-bottom:8px!important;background:#fff!important}
.sk-cart .sum .btn{width:100%!important;margin-top:2px!important}
.sk-cart .sum .note{font-family:var(--mono)!important;font-size:10.5px!important;color:var(--faint)!important;margin-top:10px!important;line-height:1.5!important}
.sk-cart .empty{color:var(--faint)!important;font-family:var(--mono)!important;font-size:13px!important;text-align:center!important;padding:40px 0!important}
.sk-cart .toast{position:fixed!important;bottom:24px!important;left:50%!important;transform:translate(-50%,80px)!important;background:var(--navy)!important;color:#fff!important;font-family:var(--mono)!important;font-size:13px!important;padding:12px 20px!important;border-radius:8px!important;transition:transform .3s!important;z-index:100!important}
.sk-cart .toast.show{transform:translate(-50%,0)!important}
@media (max-width:1100px){
.sk-shop .grid{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:820px){
.sk-shop .grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:540px){
.sk-shop .grid{grid-template-columns:1fr!important}
}
.sk-shop .add{white-space:nowrap!important}
.sk-shop .prod .unit small{font-family:var(--mono)!important;font-size:11px!important;color:var(--faint)!important;letter-spacing:.06em!important}
.sk-shop .price .soon{color:var(--faint)!important}
.sk-shop .st{display:inline-flex!important;align-items:center!important;gap:6px!important;font-family:var(--mono)!important;font-size:10.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-radius:999px!important;padding:5px 10px!important;border:1px solid transparent!important}
.sk-shop .st::before{content:''!important;width:7px!important;height:7px!important;border-radius:50%!important}
.sk-shop .st-in{color:#028A50!important;background:rgba(2,168,98,.10)!important}
.sk-shop .st-in::before{background:#02A862!important}
.sk-shop .st-low{color:#9A6B00!important;background:rgba(242,179,60,.16)!important}
.sk-shop .st-low::before{background:#F2B33C!important}
.sk-shop .st-out{color:#8CA0B8!important;background:rgba(18,31,52,.06)!important}
.sk-shop .st-out::before{background:#8CA0B8!important}
.sk-shop .st-order{color:#5B6670!important;background:rgba(18,31,52,.05)!important}
.sk-shop .st-order::before{background:#8CA0B8!important}
.sk-shop .note-price span:last-child{color:var(--faint)!important;font-size:11px!important;font-family:var(--mono)!important}
.sk-cart .cartfab{position:fixed!important;right:20px!important;bottom:20px!important;z-index:80!important;display:inline-flex!important;align-items:center!important;gap:9px!important;background:#121F34!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:13px 18px!important;font:inherit!important;font-weight:700!important;font-size:14px!important;cursor:pointer!important;box-shadow:0 10px 26px rgba(18,31,52,.22)!important}
.sk-cart .cartfab b{background:#F2B33C!important;color:#121F34!important;border-radius:999px!important;min-width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:var(--mono)!important;font-size:12px!important;font-weight:600!important}
.sk-shop .note-price span:last-child{color:var(--faint)!important;font-size:12px!important}
.sk-cart .drawer .sum{align-self:stretch!important;display:flex!important;flex-direction:column!important;gap:16px!important;min-height:0!important;overflow:visible!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important}
.sk-cart .drawer .sum::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.sk-cart .drawer .sum{scrollbar-gutter:auto!important}
.sk-cart .drawer .sum .lbl{display:block!important;font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--faint)!important;font-weight:600!important;margin-bottom:10px!important}
.sk-cart .drawer .sumhead{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:14px 16px!important}
.sk-cart .drawer .totals .r{display:flex!important;justify-content:space-between!important;align-items:baseline!important;font-family:var(--mono)!important;font-size:12.5px!important;color:var(--dim)!important;padding:3px 0!important}
.sk-cart .drawer .totals .tot{margin-top:8px!important;padding-top:10px!important;border-top:1px solid var(--line)!important;color:var(--navy)!important;font-size:15px!important}
.sk-cart .drawer .totals .tot span:first-child{font-family:Manrope,sans-serif!important;font-weight:700!important;letter-spacing:-.01em!important}
.sk-cart .drawer .totals .tot span:last-child{font-weight:600!important}
.sk-cart .drawer .fields{display:flex!important;flex-direction:column!important;gap:18px!important}
.sk-cart .drawer .sec{display:flex!important;flex-direction:column!important;gap:10px!important}
.sk-cart .drawer .sec + .sec{padding-top:16px!important;border-top:1px solid var(--line)!important}
.sk-cart .drawer .grp{display:flex!important;flex-direction:column!important;gap:10px!important}
.sk-cart .drawer .two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.sk-cart .drawer .three{display:grid!important;grid-template-columns:.8fr 1fr 1fr!important;gap:10px!important}
.sk-cart .drawer .f{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.sk-cart .drawer .f > span{font-size:11.5px!important;font-weight:700!important;color:var(--dim)!important;letter-spacing:.01em!important}
.sk-cart .drawer .f > span b{color:var(--green-d)!important;font-weight:700!important}
.sk-cart .drawer .f > span i{font-style:normal!important;font-weight:500!important;color:var(--faint)!important;font-size:11px!important}
.sk-cart .drawer .f input,.sk-cart .drawer .f textarea{width:100%!important;height:42px!important;border:1px solid var(--line2)!important;border-radius:10px!important;padding:0 12px!important;font:inherit!important;font-size:14px!important;background:#fff!important;margin:0!important;transition:border-color .15s ease,box-shadow .15s ease!important}
.sk-cart .drawer .f textarea{height:auto!important;padding:10px 12px!important;resize:vertical!important;line-height:1.5!important}
.sk-cart .drawer .f input:focus,.sk-cart .drawer .f textarea:focus{outline:0!important;border-color:var(--green)!important;box-shadow:0 0 0 3px rgba(2,168,98,.12)!important}
.sk-cart .drawer .f input::placeholder,.sk-cart .drawer .f textarea::placeholder{color:#A9B4BF!important}
.sk-cart .drawer .ctype{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.sk-cart .drawer .ctype label{display:flex!important;align-items:center!important;gap:9px!important;border:1px solid var(--line2)!important;border-radius:10px!important;padding:12px 14px!important;font-size:14px!important;font-weight:600!important;color:var(--dim)!important;cursor:pointer!important;transition:all .15s ease!important}
.sk-cart .drawer .ctype label:hover{border-color:rgba(2,168,98,.4)!important}
.sk-cart .drawer .ctype label:has(input:checked){border-color:var(--green)!important;color:var(--navy)!important;background:rgba(2,168,98,.06)!important;box-shadow:0 0 0 3px rgba(2,168,98,.10)!important}
.sk-cart .drawer .agree{display:flex!important;gap:10px!important;align-items:flex-start!important;font-size:13px!important;color:var(--dim)!important;line-height:1.55!important;padding-top:14px!important;border-top:1px solid var(--line)!important}
.sk-cart .drawer .warn{display:none!important;padding:11px 13px!important;border-radius:10px!important;background:rgba(242,179,60,.14)!important;border:1px solid rgba(242,179,60,.5)!important;color:#8A5D00!important;font-size:12.5px!important;line-height:1.55!important}
.sk-cart .drawer .sum .btn-primary{height:50px!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important}
.sk-cart .drawer .shopoff{display:none!important;margin-top:2px!important;padding:14px 16px!important;border-radius:12px!important;background:rgba(18,31,52,.04)!important;border:1px solid var(--line)!important;line-height:1.6!important}
.sk-cart .drawer .shopoff b{display:block!important;font-size:14px!important;color:var(--navy)!important;margin-bottom:4px!important}
.sk-cart .drawer .shopoff span{display:block!important;font-size:13px!important;color:var(--dim)!important}
@media (max-width:860px){
.sk-cart .drawer .three{grid-template-columns:1fr 1fr!important}
.sk-cart .drawer .three .f:first-child{grid-column:1/-1!important}
}
.sk-cart .drawer .sum{align-self:stretch!important;display:flex!important;flex-direction:column!important;gap:22px!important;min-height:0!important;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;padding:24px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important}
.sk-cart .drawer .sum::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.sk-cart .drawer .sum{scrollbar-gutter:auto!important}
.sk-cart .drawer .sum .lbl{display:block!important;font-family:Manrope,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:var(--navy)!important;margin:0 0 14px!important}
.sk-cart .drawer .sumhead{background:#F7F9F8!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px 18px!important}
.sk-cart .drawer .totals .r{display:flex!important;justify-content:space-between!important;align-items:baseline!important;font-size:13.5px!important;color:var(--dim)!important;padding:5px 0!important}
.sk-cart .drawer .totals .r span:last-child{font-family:var(--mono)!important;font-size:13px!important;color:var(--navy)!important}
.sk-cart .drawer .totals .disc span:last-child{color:var(--green-d)!important}
.sk-cart .drawer .totals .tot{margin-top:8px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}
.sk-cart .drawer .totals .tot span:first-child{font-weight:700!important;font-size:15px!important;color:var(--navy)!important}
.sk-cart .drawer .totals .tot span:last-child{font-size:16px!important;font-weight:600!important;color:var(--navy)!important}
.sk-cart .drawer .fields{display:flex!important;flex-direction:column!important;gap:0!important}
.sk-cart .drawer .sec{display:flex!important;flex-direction:column!important;gap:14px!important;padding-bottom:22px!important}
.sk-cart .drawer .sec + .sec{padding-top:22px!important;border-top:1px solid var(--line)!important}
.sk-cart .drawer .grp{display:flex!important;flex-direction:column!important;gap:14px!important}
.sk-cart .drawer .two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.sk-cart .drawer .f{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
.sk-cart .drawer .f > span{font-size:13.5px!important;font-weight:600!important;color:var(--navy)!important}
.sk-cart .drawer .f > span b{color:#D64545!important;font-weight:600!important;margin-left:1px!important}
.sk-cart .drawer .f > span i{font-style:normal!important;font-weight:400!important;color:var(--faint)!important;font-size:12.5px!important;margin-left:3px!important}
.sk-cart .drawer .f input,.sk-cart .drawer .f textarea,.sk-cart .drawer .f select{width:100%!important;height:46px!important;border:1px solid #E1E6EA!important;border-radius:8px!important;padding:0 13px!important;font:inherit!important;font-size:14.5px!important;color:var(--navy)!important;background:#fff!important;margin:0!important;transition:border-color .15s ease,box-shadow .15s ease!important}
.sk-cart .drawer .f textarea{height:auto!important;min-height:84px!important;padding:12px 13px!important;resize:vertical!important;line-height:1.6!important}
.sk-cart .drawer .f select{padding-right:38px!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;background-image:url("data:image/svg+xml!important;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238CA0B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6l6 -6'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 13px center!important}
.sk-cart .drawer .f input::placeholder,.sk-cart .drawer .f textarea::placeholder{color:#A9B4BF!important}
.sk-cart .drawer .f input:focus,.sk-cart .drawer .f textarea:focus,.sk-cart .drawer .f select:focus{outline:0!important;border-color:var(--green)!important;box-shadow:0 0 0 3px rgba(2,168,98,.10)!important}
.sk-cart .drawer .check{display:flex!important;gap:10px!important;align-items:center!important;font-size:14px!important;color:var(--navy)!important;font-weight:600!important;line-height:1.5!important}
.sk-cart .drawer .check > span{display:block!important;white-space:nowrap!important}
@media (max-width:860px){
.sk-cart .drawer .check > span{white-space:normal!important}
}
@media (max-width:860px){
.sk-cart .drawer .check{align-items:flex-start!important}
.sk-cart .drawer .check input{margin-top:2px!important}
}
.sk-cart .drawer .check span b{color:#D64545!important}
.sk-cart .drawer a{color:var(--green-d)!important;font-weight:700!important;text-decoration:none!important}
.sk-cart .drawer .sfx{color:var(--green-d)!important;font-weight:700!important}
.sk-cart .drawer a:hover{text-decoration:none!important;color:#02A862!important}
.sk-cart .drawer .kvkk{font-size:13px!important;color:var(--dim)!important;line-height:1.65!important;padding:18px 0!important;margin:0!important;border-top:1px solid var(--line)!important}
.sk-cart .drawer .pay{display:flex!important;align-items:center!important;gap:11px!important;border:1px solid #E1E6EA!important;border-radius:10px!important;padding:14px 15px!important;font-size:14.5px!important;color:var(--navy)!important;cursor:pointer!important;transition:border-color .15s ease,background .15s ease!important}
.sk-cart .drawer .pay:hover{border-color:rgba(2,168,98,.45)!important}
.sk-cart .drawer .pay i{font-style:normal!important;color:var(--faint)!important;font-size:13px!important}
.sk-cart .drawer .pay em{font-style:normal!important;color:var(--green-d)!important;font-weight:700!important;font-size:13.5px!important}
.sk-cart .drawer .pay:has(input:checked){border-color:var(--green)!important;background:rgba(2,168,98,.04)!important}
.sk-cart .drawer .paynote{font-size:13px!important;color:var(--dim)!important;line-height:1.65!important;background:#F7F9F8!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:13px 15px!important}
.sk-cart .drawer .sum .btn-primary{height:52px!important;border-radius:10px!important;font-size:15.5px!important;font-weight:700!important}
.sk-cart .drawer .warn{display:none!important;padding:13px 15px!important;border-radius:10px!important;background:rgba(214,69,69,.07)!important;border:1px solid rgba(214,69,69,.35)!important;color:#B03A3A!important;font-size:13.5px!important;line-height:1.6!important}
.sk-cart .drawer .shopoff{display:none!important;padding:16px 18px!important;border-radius:12px!important;background:#F7F9F8!important;border:1px solid var(--line)!important;line-height:1.65!important}
.sk-cart .drawer .shopoff b{display:block!important;font-size:14.5px!important;color:var(--navy)!important;margin-bottom:5px!important}
.sk-cart .drawer .shopoff span{display:block!important;font-size:13.5px!important;color:var(--dim)!important}
@media (max-width:860px){
.sk-cart .drawer .sum{padding:20px!important}
}
.sk-shop .grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;padding:36px 0 90px!important;align-items:stretch!important}
.sk-shop .cathead{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:14px!important;margin:34px 0 2px!important}
.sk-shop .cathead:first-child{margin-top:6px!important}
.sk-shop .cathead h2{font-family:var(--disp)!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--navy)!important;white-space:nowrap!important}
.sk-shop .cathead .cnt{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--faint)!important;white-space:nowrap!important}
.sk-shop .cathead .rule{flex:1!important;height:1px!important;background:var(--line)!important;display:block!important}
.sk-shop .prod{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.sk-shop .prod:hover{border-color:rgba(2,168,98,.45)!important;box-shadow:0 14px 34px rgba(18,31,52,.08)!important;transform:translateY(-2px)!important}
.sk-shop .prod .art{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:168px!important;background:linear-gradient(150deg,#F2F9F5 0%,#E7F3EC 60%,#E2EFE8 100%)!important;border-bottom:1px solid var(--line)!important}
.sk-shop .prod .art .skmark{width:62px!important;height:auto!important;transition:transform .25s ease!important}
.sk-shop .prod:hover .art .skmark{transform:scale(1.06)!important}
.sk-shop .prod .art .zoom{position:absolute!important;right:12px!important;bottom:12px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--line)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--navy)!important;opacity:0!important;transform:translateY(4px)!important;transition:opacity .18s ease,transform .18s ease!important}
.sk-shop .prod:hover .art .zoom{opacity:1!important;transform:translateY(0)!important}
.sk-shop .tool .art{background:linear-gradient(150deg,#F5F7FA 0%,#EDF0F4 100%)!important}
.sk-shop .prod .body{padding:18px 18px 20px!important;display:flex!important;flex-direction:column!important;gap:9px!important;flex:1!important}
.sk-shop .prod .meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.sk-shop .prod .sku{font-family:var(--mono)!important;font-size:10px!important;letter-spacing:.1em!important;color:var(--faint)!important}
.sk-shop .prod h3{font-family:var(--disp)!important;font-size:16.5px!important;font-weight:600!important;letter-spacing:-.015em!important;line-height:1.3!important;margin:0!important}
.sk-shop .prod h3 a{color:var(--navy)!important;text-decoration:none!important}
.sk-shop .prod:hover h3 a{color:var(--green-d)!important}
.sk-shop .prod .d{color:var(--dim)!important;font-size:13.5px!important;line-height:1.6!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.sk-shop .prod .foot{margin-top:auto!important;padding-top:14px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
.sk-shop .prod .price{display:flex!important;align-items:baseline!important;gap:6px!important;font-family:var(--mono)!important;font-size:17px!important;font-weight:600!important;color:var(--navy)!important}
.sk-shop .prod .price .soon{color:var(--faint)!important}
.sk-shop .prod .price small{font-size:11px!important;font-weight:400!important;color:var(--faint)!important;letter-spacing:.04em!important}
.sk-shop .prod .row{display:flex!important;gap:10px!important;align-items:stretch!important}
.sk-shop .qty{display:inline-flex!important;align-items:center!important;border:1px solid #E1E6EA!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important;flex:none!important}
.sk-shop .qty button{width:34px!important;height:42px!important;border:0!important;background:transparent!important;font:inherit!important;font-size:16px!important;color:var(--dim)!important;cursor:pointer!important}
.sk-shop .qty button:hover{background:#F4F7F5!important;color:var(--navy)!important}
.sk-shop .qty input{width:38px!important;height:42px!important;border:0!important;text-align:center!important;font-family:var(--mono)!important;font-size:14px!important;color:var(--navy)!important;background:transparent!important}
.sk-shop .prod .add{flex:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(2,168,98,.45)!important;border-radius:9px!important;background:#fff!important;color:var(--green-d)!important;font:inherit!important;font-weight:700!important;font-size:13.5px!important;cursor:pointer!important;white-space:nowrap!important;transition:all .16s ease!important}
.sk-shop .prod .add:hover{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}
.sk-shop .prod .add .ti{width:15px!important;height:15px!important}
.sk-shop .stock .st{font-size:10px!important;padding:4px 9px!important}
@media (max-width:1100px){
.sk-shop .grid{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:620px){
.sk-shop .grid{grid-template-columns:1fr!important}
.sk-shop .prod .art{height:180px!important}
}
.sk-shop .trust{display:flex!important;flex-wrap:wrap!important;gap:10px 26px!important;margin-top:26px!important;padding-top:20px!important;border-top:1px solid var(--line)!important}
.sk-shop .trust span{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;color:var(--dim)!important}
.sk-shop .trust .ti{color:var(--green-d)!important;width:16px!important;height:16px!important}
@media (max-width:620px){
.sk-shop .trust{gap:10px 16px!important}
.sk-shop .trust span{font-size:12.5px!important}
}
.sk-cart .drawer .pay{position:relative!important}
.sk-cart .drawer .tip{margin-left:auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--green-d)!important;cursor:help!important;position:relative!important;border:1px solid rgba(2,168,98,.35)!important;background:rgba(2,168,98,.07)!important;border-radius:999px!important;padding:5px 10px!important;font-family:var(--mono)!important;font-size:10.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:600!important;white-space:nowrap!important}
.sk-cart .drawer .tip:hover{background:rgba(2,168,98,.14)!important;border-color:var(--green)!important}
.sk-cart .drawer .tip svg{width:14px!important;height:14px!important}
.sk-cart .drawer .tip:hover,.sk-cart .drawer .tip:focus{color:var(--green-d)!important;outline:0!important}
.sk-cart .drawer .tipbox{position:absolute!important;right:0!important;bottom:calc(100% + 12px)!important;width:min(280px,70vw)!important;background:#121F34!important;color:#fff!important;font-family:Manrope,sans-serif!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;line-height:1.6!important;padding:12px 14px!important;border-radius:10px!important;white-space:normal!important;text-align:left!important;opacity:0!important;visibility:hidden!important;transform:translateY(4px)!important;transition:opacity .16s ease,transform .16s ease!important;z-index:5!important;box-shadow:0 12px 28px rgba(18,31,52,.22)!important}
.sk-cart .drawer .tipbox::after{content:''!important;position:absolute!important;right:14px!important;top:100%!important;border:6px solid transparent!important;border-top-color:#121F34!important}
.sk-cart .drawer .tip:hover .tipbox,.sk-cart .drawer .tip:focus .tipbox{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.sk-cart .drawer .sum .btn-primary,.sk-cart .drawer .sum .btn-primary:hover,.sk-cart .drawer .sum .btn-primary:focus{background:#F2B33C!important;color:#121F34!important;border:0!important}
.sk-cart .drawer .check input[type=checkbox],.sk-cart .drawer .pay input[type=radio]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important}
.sk-cart .drawer .bx{width:18px!important;height:18px!important;min-width:18px!important;flex:none!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #C7D0D8!important;border-radius:5px!important;background:#fff!important;transition:background .15s ease,border-color .15s ease!important}
.sk-cart .drawer .bx.rd{border-radius:50%!important}
.sk-cart .drawer .check input:checked + .bx,.sk-cart .drawer .pay input:checked + .bx{background:#02A862!important;border-color:#02A862!important}
.sk-cart .drawer .check .bx .ck{display:block!important;width:12px!important;height:12px!important;flex:none!important;margin:0!important;fill:none!important;stroke:#fff!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:0!important;transition:opacity .12s ease!important}
.sk-cart .drawer .check input:checked + .bx .ck{opacity:1!important}
.sk-cart .drawer .pay input:checked + .bx::after{content:''!important;position:absolute!important;left:50%!important;top:50%!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important;transform:translate(-50%,-50%)!important}
.sk-cart .drawer .check input:focus-visible + .bx,.sk-cart .drawer .pay input:focus-visible + .bx{box-shadow:0 0 0 3px rgba(2,168,98,.22)!important}
.sk-cart .drawer .check,.sk-cart .drawer .pay{cursor:pointer!important}

/* ---------- productpagina ---------- */

.sk-urun{--panel:#fff;--line:rgba(18,31,52,.10);--green:#02A862;--green-d:#028A50;--gold:#F2B33C;--navy:#121F34;
  --dim:#5B6670;--faint:#8CA0B8;--moss:#EDF7F2;--bg2:#F6F8F7;--mono:'IBM Plex Mono',monospace;--disp:'Space Grotesk',sans-serif;
  font-family:Manrope,system-ui,sans-serif!important;font-size:16px!important;line-height:1.65!important;color:#121F34!important}
.sk-urun *,.sk-urun *::before,.sk-urun *::after{box-sizing:border-box}
.sk-urun h1,.sk-urun h2,.sk-urun h3,.sk-urun p{margin:0}
.sk-urun a{text-decoration:none!important}
.sk-urun .wrap{max-width:none!important;margin:0!important;padding:0 var(--sk-pad,0px)!important}
.sk-urun h1{font-family:'Space Grotesk',Manrope,sans-serif!important;font-weight:600!important;letter-spacing:-.025em!important;
  line-height:1.08!important;font-size:clamp(26px,3.2vw,38px)!important}
.sk-urun h2{font-family:'Space Grotesk',Manrope,sans-serif!important;font-weight:600!important;letter-spacing:-.02em!important;
  font-size:clamp(20px,2.2vw,26px)!important}
.sk-urun .ti{width:15px!important;height:15px!important;flex:none!important;display:inline-block!important;vertical-align:-2px!important}

.sk-urun .crumbs{padding:26px 0 0!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.08em!important;
  text-transform:uppercase!important;color:var(--faint)!important;display:flex!important;gap:8px!important;align-items:center!important}
.sk-urun .crumbs a{color:var(--faint)!important} .sk-urun .crumbs a:hover{color:var(--green-d)!important}
.sk-urun .crumbrow{display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;flex-wrap:wrap!important;padding:26px 0 0!important}
.sk-urun .crumbrow .crumbs{padding:0!important}
.sk-urun .back{display:inline-flex!important;align-items:center!important;gap:8px!important;flex:none!important;
  border:1px solid var(--line)!important;border-radius:999px!important;padding:8px 15px 8px 13px!important;
  background:var(--panel)!important;color:var(--dim)!important;font-family:var(--mono)!important;font-size:11px!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;transition:border-color .15s ease,color .15s ease!important}
.sk-urun .back:hover{border-color:rgba(2,168,98,.45)!important;color:var(--green-d)!important}
.sk-urun .back .ti{width:16px!important;height:16px!important;color:var(--green-d)!important}

.sk-urun .top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:44px!important;padding:26px 0 0!important;align-items:start!important}
.sk-urun .gal{display:grid!important;gap:12px!important}
.sk-urun .shot{background:linear-gradient(135deg,#EDF7F2,#DDEDE4)!important;border:1px solid var(--line)!important;border-radius:18px!important;
  aspect-ratio:4/3!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important}
.sk-urun .shot::after{content:''!important;position:absolute!important;inset:0!important;background:
  linear-gradient(115deg,transparent 46%,rgba(2,168,98,.12) 46%,rgba(2,168,98,.12) 54%,transparent 54%),
  linear-gradient(115deg,transparent 62%,rgba(242,179,60,.16) 62%,rgba(242,179,60,.16) 69%,transparent 69%)!important}
.sk-urun .shot .skmark{width:110px!important;height:auto!important;position:relative!important;z-index:1!important}
.sk-urun .thumbs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.sk-urun .thumb{background:var(--moss)!important;border:1px solid var(--line)!important;border-radius:12px!important;aspect-ratio:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.sk-urun .thumb.on{border-color:var(--green)!important;box-shadow:0 0 0 2px rgba(2,168,98,.15)!important}
.sk-urun .thumb .skmark{width:38px!important;height:auto!important;opacity:.9!important}

.sk-urun .sku{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.1em!important;color:var(--faint)!important}
.sk-urun .lead{color:var(--dim)!important;margin-top:14px!important;font-size:16.5px!important;line-height:1.7!important;max-width:60ch!important}
.sk-urun .tags{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:18px!important}
.sk-urun .tag{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid var(--line)!important;
  border-radius:999px!important;padding:6px 12px!important;font-family:var(--mono)!important;font-size:10.5px!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--dim)!important}
.sk-urun .tag .ti{color:var(--green-d)!important;width:13px!important;height:13px!important}

.sk-urun .buybox{margin-top:26px!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:22px!important;background:var(--panel)!important}
.sk-urun .price{font-family:var(--mono)!important;font-size:26px!important;font-weight:600!important;color:var(--faint)!important}
.sk-urun .price b{color:var(--navy)!important;font-weight:600!important}
.sk-urun .price small{font-size:12px!important;color:var(--faint)!important;letter-spacing:.06em!important;margin-left:6px!important}
.sk-urun .pnote{font-family:var(--mono)!important;font-size:11px!important;color:var(--faint)!important;margin-top:6px!important;letter-spacing:.05em!important}
.sk-urun .buyrow{display:flex!important;gap:12px!important;align-items:center!important;margin-top:18px!important;flex-wrap:wrap!important}
.sk-urun .qty{display:inline-flex!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden!important}
.sk-urun .qty button{width:40px!important;height:44px!important;border:0!important;background:transparent!important;font:inherit!important;
  font-size:18px!important;cursor:pointer!important;color:var(--dim)!important}
.sk-urun .qty input{width:52px!important;height:44px!important;border:0!important;text-align:center!important;font-family:var(--mono)!important;font-size:15px!important}
.sk-urun .add{flex:1!important;min-width:180px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;border:1px solid rgba(2,168,98,.45)!important;background:transparent!important;color:var(--green-d)!important;
  border-radius:10px!important;padding:13px 18px!important;font:inherit!important;font-weight:700!important;font-size:14.5px!important;cursor:pointer!important}
.sk-urun .add:hover{background:rgba(2,168,98,.08)!important;border-color:var(--green)!important}
.sk-urun .wa{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:var(--gold)!important;color:var(--navy)!important;border-radius:10px!important;padding:13px 18px!important;font-weight:700!important;font-size:14.5px!important}
.sk-urun .ship{display:grid!important;gap:10px!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid var(--line)!important}
.sk-urun .ship div{display:flex!important;align-items:flex-start!important;gap:9px!important;font-size:13.5px!important;color:var(--dim)!important}
.sk-urun .ship .ti{color:var(--green-d)!important;margin-top:3px!important}

.sk-urun .dual{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:56px!important;align-items:start!important;margin-top:64px!important}
.sk-urun .dual .desc,.sk-urun .dual .specs{margin-top:0!important}
.sk-urun .dual .desc{max-width:none!important}
.sk-urun .specs{margin-top:64px!important}
.sk-urun .stable{margin-top:22px!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden!important}
.sk-urun .srow{display:flex!important;justify-content:space-between!important;gap:20px!important;padding:13px 18px!important;
  font-family:var(--mono)!important;font-size:12.5px!important}
.sk-urun .srow:nth-child(odd){background:var(--bg2)!important}
.sk-urun .srow span{color:var(--faint)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:11px!important}
.sk-urun .srow b{font-weight:500!important;text-align:right!important}

.sk-urun .desc{margin-top:56px!important;max-width:74ch!important}
.sk-urun .desc p{color:var(--dim)!important;line-height:1.75!important;margin-top:14px!important}
.sk-urun .desc ul{margin:14px 0 0!important;padding-left:18px!important;color:var(--dim)!important;line-height:1.8!important}

.sk-urun .tabwrap{display:grid!important;grid-template-columns:1fr 1fr!important;
  column-gap:44px!important;row-gap:0!important;align-items:start!important;margin-top:64px!important}
.sk-urun .tabwrap .tabbar{grid-column:1!important;grid-row:1!important}
.sk-urun .tabpanels{grid-column:1!important;grid-row:2!important;min-width:0!important}
.sk-urun .sidecol{grid-column:2!important;grid-row:2!important;display:grid!important;gap:16px!important;min-width:0!important}
.sk-urun .scard-top{display:block!important;overflow:hidden!important;padding:16px 20px!important;
  margin-top:var(--palet-top,20px);height:var(--palet-h,auto)}
.sk-urun .scard-top .slbl{margin-bottom:8px!important}
.sk-urun .scard-top h3{font-size:18px!important;display:flex!important;align-items:center!important;gap:9px!important}
.sk-urun .scard-top h3 .ti{color:var(--green-d)!important;width:16px!important;height:16px!important}
.sk-urun .scard-top p{font-size:13.5px!important;line-height:1.6!important;margin-top:7px!important}
.sk-urun .scard-top:hover{border-color:rgba(2,168,98,.45)!important}
.sk-urun .scard{border:1px solid var(--line)!important;border-radius:18px!important;background:var(--panel)!important;padding:26px 26px 24px!important}
.sk-urun .scard-navy{background:var(--navy)!important;border-color:var(--navy)!important}
.sk-urun .slbl{display:flex!important;align-items:center!important;gap:7px!important;font-family:var(--mono)!important;
  font-size:11px!important;font-weight:500!important;letter-spacing:.10em!important;text-transform:uppercase!important;
  color:var(--green-d)!important;margin-bottom:12px!important}
.sk-urun .scard-navy .slbl{color:#0BE18B!important}
.sk-urun .scard h3{font-family:'Space Grotesk',Manrope,sans-serif!important;font-weight:600!important;
  letter-spacing:-.02em!important;font-size:21px!important;line-height:1.15!important;color:var(--navy)!important}
.sk-urun .scard-navy h3{color:#fff!important}
.sk-urun .scard p{color:var(--dim)!important;font-size:15px!important;line-height:1.7!important;margin-top:12px!important}
.sk-urun .scard-navy p{color:rgba(255,255,255,.72)!important}
.sk-urun .sbtn{display:inline-flex!important;align-items:center!important;gap:9px!important;margin-top:20px!important;
  background:var(--gold)!important;color:var(--navy)!important;border-radius:10px!important;padding:12px 18px!important;
  font-weight:700!important;font-size:14.5px!important}
.sk-urun .sbtn:hover{background:#FFD37A!important}
.sk-urun .slink{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:18px!important;
  color:var(--green-d)!important;font-weight:700!important;font-size:14.5px!important}
.sk-urun .slink:hover{gap:11px!important}
.sk-urun .slink .ti,.sk-urun .sbtn .ti{transition:transform .15s ease!important}

.sk-urun .tabs{margin-top:64px!important}
.sk-urun .tabbar{display:flex!important;gap:34px!important;border-bottom:1px solid var(--line)!important;
  overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
.sk-urun .tabbar::-webkit-scrollbar{display:none!important}
.sk-urun .tab{position:relative!important;appearance:none!important;-webkit-appearance:none!important;border:0!important;
  background:transparent!important;padding:0 0 15px!important;margin:0!important;cursor:pointer!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;
  font-family:'Space Grotesk',Manrope,sans-serif!important;font-size:17px!important;font-weight:600!important;
  letter-spacing:-.02em!important;text-transform:none!important;color:var(--faint)!important;transition:color .15s ease!important}
.sk-urun .tab .ti{width:17px!important;height:17px!important;color:inherit!important}
.sk-urun .tab:hover{color:var(--dim)!important}
.sk-urun .tab.on{color:var(--navy)!important}
.sk-urun .tab.on .ti{color:var(--green-d)!important}
.sk-urun .tab.on::after{content:''!important;position:absolute!important;left:0!important;right:0!important;
  bottom:-1px!important;height:2px!important;background:var(--green)!important;border-radius:2px!important}
.sk-urun .tabpanel{display:none!important;padding-top:34px!important}
.sk-urun .tabpanel.on{display:block!important}
.sk-urun .tabpanel .desc{margin-top:0!important;max-width:74ch!important}
.sk-urun .tabpanel .stable{margin-top:0!important;max-width:820px!important}

.sk-urun .dl{display:grid!important;gap:12px!important;max-width:820px!important}
.sk-urun .dlrow{display:flex!important;align-items:center!important;gap:15px!important;border:1px solid var(--line)!important;
  border-radius:14px!important;padding:15px 18px!important;background:var(--panel)!important;
  transition:border-color .15s ease,background .15s ease!important}
.sk-urun .dlrow:hover{border-color:rgba(2,168,98,.45)!important;background:rgba(2,168,98,.03)!important}
.sk-urun .dlic{width:40px!important;height:40px!important;flex:none!important;border-radius:11px!important;
  background:var(--moss)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.sk-urun .dlic .ti{width:20px!important;height:20px!important;color:var(--green-d)!important}
.sk-urun .dlb{flex:1!important;min-width:0!important;display:block!important}
.sk-urun .dlb strong{display:block!important;font-weight:700!important;font-size:15px!important;color:var(--navy)!important;line-height:1.35!important}
.sk-urun .dlb span{display:block!important;margin-top:4px!important;font-family:var(--mono)!important;font-size:11px!important;
  letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--faint)!important}
.sk-urun .dlgo{flex:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important;
  font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  color:var(--green-d)!important}
.sk-urun .dlgo .ti{color:var(--green-d)!important}
@media (max-width:560px){.sk-urun .dlgo span{display:none!important}}

.sk-urun .rel{margin:64px 0 96px!important}
.sk-urun .relgrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin-top:22px!important;align-items:stretch!important}
.sk-urun .rcard{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--panel)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.sk-urun .rcard .art{background:var(--moss)!important;aspect-ratio:4/3!important;display:flex!important;align-items:center!important;justify-content:center!important}
.sk-urun .rcard .art .skmark{width:54px!important;height:auto!important}
.sk-urun .rcard .rb{display:block!important;padding:18px 20px 20px!important}
.sk-urun .rcard,.sk-urun .rcard *{color:#121F34!important}
.sk-urun .rcard h3{font-family:'Space Grotesk',sans-serif!important;font-size:16px!important;font-weight:600!important;margin:6px 0 0!important}
.sk-urun .rcard .rp{font-family:var(--mono)!important;font-size:13px!important;color:var(--faint)!important;margin-top:8px!important}
.sk-urun .rcard .sku{display:block!important}

@media (max-width:980px){
  .sk-urun .top{grid-template-columns:1fr!important;gap:26px!important}
  .sk-urun .dual{grid-template-columns:1fr!important;gap:44px!important}
  .sk-urun .tabwrap{grid-template-columns:1fr!important}
  .sk-urun .tabwrap .tabbar,.sk-urun .tabpanels,.sk-urun .sidecol{grid-column:1!important;grid-row:auto!important}
  .sk-urun .sidecol{margin-top:40px!important}
  .sk-urun .relgrid{grid-template-columns:1fr!important}
}

/* ---------- aanvullingen van de plugin ---------- */

/* meldingen worden met een class getoond, niet met een inline display vanuit JS */
.sk-cart .drawer .warn.is-on,.sk-cart .drawer .shopoff.is-on{display:block!important}

/* labels op de productkaart: yeni, çok satan, indirim */
.sk-shop .prod .art{position:relative!important}
.sk-shop .etiketler{position:absolute!important;top:12px!important;left:12px!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
.sk-shop .etiket{display:inline-flex!important;align-items:center!important;font-family:var(--mono)!important;
  font-size:10px!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  border-radius:999px!important;padding:5px 10px!important;color:#fff!important;background:var(--navy)!important}
.sk-shop .etiket.e-yeni{background:#02A862!important}
.sk-shop .etiket.e-indirim{background:#D64545!important}
.sk-shop .etiket.e-cok{background:var(--gold)!important;color:var(--navy)!important}
.sk-shop .etiket.e-tukeniyor{background:#8A5D00!important}

/* oude prijs doorgestreept */
.sk-shop .prod .price s,.sk-urun .price s{color:var(--faint)!important;font-weight:400!important;
  font-size:.72em!important;text-decoration:line-through!important;margin-left:2px!important}

/* varianten op de productpagina */
.sk-urun .varyant{margin:0 0 16px!important;padding-bottom:16px!important;border-bottom:1px solid var(--line)!important}
.sk-urun .varyant > span{display:block!important;font-family:var(--mono)!important;font-size:11px!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--faint)!important;margin-bottom:9px!important}
.sk-urun .varyant .vrow{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.sk-urun .vbtn{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;
  border:1px solid var(--line2)!important;background:#fff!important;border-radius:10px!important;
  padding:9px 14px!important;font:inherit!important;font-size:14px!important;font-weight:600!important;color:var(--navy)!important}
.sk-urun .vbtn:hover{border-color:rgba(2,168,98,.45)!important}
.sk-urun .vbtn.on{border-color:var(--green)!important;background:rgba(2,168,98,.06)!important;color:var(--green-d)!important}
.sk-urun .vbtn[disabled]{opacity:.45!important;cursor:not-allowed!important}

/* voorraadregel op de productpagina */
.sk-urun .stokline{display:flex!important;align-items:center!important;gap:10px!important;margin-top:14px!important}
.sk-urun .st{display:inline-flex!important;align-items:center!important;gap:6px!important;font-family:var(--mono)!important;
  font-size:10.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-radius:999px!important;
  padding:5px 10px!important;border:1px solid transparent!important}
.sk-urun .st::before{content:''!important;width:6px!important;height:6px!important;border-radius:50%!important;display:block!important}
.sk-urun .st-in{color:#028A50!important;background:rgba(2,168,98,.10)!important}
.sk-urun .st-in::before{background:#02A862!important}
.sk-urun .st-low{color:#8A5D00!important;background:rgba(242,179,60,.16)!important}
.sk-urun .st-low::before{background:#F2B33C!important}
.sk-urun .st-out{color:#B03A3A!important;background:rgba(214,69,69,.10)!important}
.sk-urun .st-out::before{background:#D64545!important}
.sk-urun .st-order{color:var(--dim)!important;background:rgba(18,31,52,.05)!important}
.sk-urun .st-order::before{background:#8CA0B8!important}

/* merklogo bij de titel */
.sk-urun .markalogo{display:block!important;max-height:34px!important;width:auto!important;margin-bottom:14px!important}

/* lege staat */
.sk-shop .bos{padding:60px 0!important;color:var(--dim)!important;font-size:15px!important}

/* door JavaScript getoond of verborgen (class, geen inline stijl) */
.sk-shop .skm-hide{display:none!important}

/* echte productfoto's netjes in de kaders */
.sk-shop .prod .art img,.sk-urun .rcard .art img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.sk-urun .shot img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;position:relative!important;z-index:1!important}
.sk-urun .thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:11px!important}
.sk-urun .thumb[data-full]{cursor:pointer!important}
.sk-shop .prod .art{overflow:hidden!important}

/* eerste zichtbare categoriekop na filteren: zelfde kleine bovenmarge als bovenaan */
.sk-shop .cathead.eerst{margin-top:6px!important}

/* gerelateerde kaarten even hoog, prijs onderaan */
.sk-urun .rcard .art{flex:none!important}
.sk-urun .rcard .rb{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
.sk-urun .rcard .rp{margin-top:auto!important;padding-top:8px!important}

/* tabbladen alleen tonen als er iets in staat */
.sk-urun .tabwrap.geen-tabs{grid-template-columns:1fr!important}
.sk-urun .tabwrap.geen-tabs .sidecol{grid-column:1!important;grid-row:1!important}

/* -----------------------------------------------------------------------------
   Bovenblok van de productpagina als raster van twee kolommen en twee rijen:
   rij 1 grote foto | koopblok, rij 2 kleine foto's | palet-blok. Zo staan de
   rij fotootjes en de kaart ernaast altijd op dezelfde hoogte en even hoog,
   zonder dat JavaScript daar iets aan hoeft te meten.
   -------------------------------------------------------------------------- */
.sk-urun .top{display:grid!important;grid-template-columns:1fr 1fr!important;
  column-gap:44px!important;row-gap:12px!important;align-items:stretch!important;padding:26px 0 0!important}
.sk-urun .top > .shot{grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important}
.sk-urun .top > .thumbs{grid-column:1!important;grid-row:2!important}
.sk-urun .top > .info{grid-column:2!important;grid-row:1!important}
.sk-urun .top > .scard-top{grid-column:2!important;grid-row:2!important;margin-top:0!important;height:auto!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important}
@media (max-width:980px){
  .sk-urun .top{grid-template-columns:1fr!important;row-gap:12px!important}
  .sk-urun .top > .shot,.sk-urun .top > .thumbs,.sk-urun .top > .info,.sk-urun .top > .scard-top{
    grid-column:1!important;grid-row:auto!important}
  .sk-urun .top > .info{margin-top:14px!important}
}

/* -----------------------------------------------------------------------------
   Correcties v1.0.4
   -------------------------------------------------------------------------- */

/* het pijltje bij hover: eigen maat, los van de grote plaatshouder */
.sk-shop .prod .art .zoom{overflow:hidden!important}
.sk-shop .prod .art .zoom svg,.sk-shop .prod .art .zoom .ti{
  width:16px!important;height:16px!important;flex:none!important}

/* minder lucht boven de productpagina en tussen kruimelpad en foto.
   Impreza geeft de eerste sectie 70px bovenruimte; op een productpagina is dat
   te veel. We verkleinen die van het thema zelf in plaats van met een negatieve
   marge te werken, zodat er nooit iets onder de header schuift. */
/* LET OP: de 100px op .l-section-h is de compensatie voor de vaste header van
   Impreza; die moet blijven staan, anders schuift de inhoud eronder. De extra
   sectieruimte (64px) is wat we verkleinen. */
body.single-sk_urun .l-section.height_medium,
body.single-sk_urun .l-section.height_small,
body.single-sk_urun .l-section.height_large{padding-top:20px!important}
@media (max-width:640px){
  body.single-sk_urun .l-section.height_medium,
  body.single-sk_urun .l-section.height_small,
  body.single-sk_urun .l-section.height_large{padding-top:10px!important}}
.sk-urun .crumbrow{padding:12px 0 0!important}
.sk-urun .top{padding:14px 0 0!important}

/* grote foto kan nooit breder worden dan zijn kolom */
.sk-urun .top > .shot{max-width:100%!important;min-width:0!important;justify-self:stretch!important}
.sk-urun .top > .thumbs{max-width:100%!important;min-width:0!important}

/* de tabbladen vullen nu de volle breedte; er staat geen zijblok meer naast */
.sk-urun .tabwrap{display:block!important;margin-top:56px!important}
.sk-urun .tabbar,.sk-urun .tabpanels{grid-column:auto!important;grid-row:auto!important}
.sk-urun .tabpanel .stable{max-width:820px!important}

/* tekst wanneer een tabblad nog leeg is */
.sk-urun .tabpanel .leeg{color:var(--dim)!important;font-size:15px!important;line-height:1.7!important}

/* Ürün hakkında gelijk trekken met de andere twee tabbladen: begint op dezelfde
   hoogte (geen extra bovenmarge op de eerste alinea) en dezelfde tekstmaat als
   de rest van de plugin. */
.sk-urun .tabpanel .desc{max-width:74ch!important;margin-top:0!important}
.sk-urun .tabpanel .desc > *:first-child{margin-top:0!important}
.sk-urun .tabpanel .desc p,.sk-urun .tabpanel .desc li,.sk-urun .tabpanel .leeg{
  font-family:Manrope,system-ui,sans-serif!important;font-size:15px!important;
  line-height:1.7!important;color:var(--dim)!important}
.sk-urun .tabpanel .desc p + p{margin-top:12px!important}
.sk-urun .tabpanel .desc ul{margin:12px 0 0!important;padding-left:18px!important}

/* specificatietabel en documentenlijst even breed als de grote foto erboven:
   dat is de linkerkolom van het bovenblok, dus de helft minus de halve tussenruimte */
.sk-urun .tabpanel .stable,.sk-urun .tabpanel .dl{max-width:calc(50% - 22px)!important}
@media (max-width:980px){
  .sk-urun .tabpanel .stable,.sk-urun .tabpanel .dl{max-width:100%!important}}