.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --sk-dark:#111611; --sk-green:#6E8F3C; --sk-bg:#F5F5F3; --sk-text:#1A1A1A; --sk-muted:#6F756B; --sk-font-head:Anton; --sk-font-body:Inter; }
/* Start custom CSS *//* mercury-bootstrapper:grecaptcha-badge */
.grecaptcha-badge{visibility:hidden!important}

/* ===== SK-HEADER ===== */
.elementor-location-header .elementor-widget-nav-menu{width:max-content!important;flex-shrink:0}
.elementor-location-header .elementor-nav-menu--main ul.elementor-nav-menu{flex-wrap:nowrap}
.elementor-location-header .elementor-nav-menu--main .elementor-item{position:relative;color:#FFFFFF;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:8px 4px;margin:0 10px;transition:color .15s ease}
/* hover = ainult varvimuutus (ei liigu); aktiivne leht = staatiline 2px alajoon, ilma animatsioonita */
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover{color:#9DBF62}
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.elementor-location-header .elementor-nav-menu--main li.current-menu-parent>.elementor-item::after,
.elementor-location-header .elementor-nav-menu--main li.current-menu-ancestor>.elementor-item::after{content:'';position:absolute;left:4px;right:4px;bottom:0;height:2px;background:#6E8F3C}
.elementor-location-header .elementor-menu-toggle{color:#FFFFFF!important;opacity:1!important}
.elementor-location-header .elementor-menu-toggle svg{fill:#FFFFFF!important}
.s-hdr-search .elementor-widget{margin:0}
.s-hdr-search{width:210px!important;height:38px!important;flex:0 0 auto}
input.s-hdr-search-in{flex:1 1 0%;min-width:0;width:auto!important}
.s-hdr-search input{width:100%;background:transparent;border:none;outline:none;box-shadow:none;color:#FFFFFF;font:400 13px/1.5 Inter,sans-serif;padding:0;height:22px}
.s-hdr-search input::placeholder{color:#A9B1A5;opacity:1}
.s-hdr-cart{position:relative!important}
.s-hdr-cart-ico{width:22px!important;height:22px!important;flex:0 0 auto}
.s-hdr-cart-badge{position:absolute!important;top:-6px!important;right:-8px!important;left:auto!important;bottom:auto!important}
.s-hdr-logo svg,.s-ftr-logo svg,.s-hdr-search-ico svg,.s-hdr-cart-ico svg{display:block}
.s-hdr-brand,.s-hdr-icons,.s-hdr-cart{width:auto!important;flex:0 0 auto}
.s-hdr-icons,.s-hdr-cart{align-items:center}
.home .elementor-location-header{position:absolute;top:0;left:0;right:0;z-index:50}
.home .s-hdr-root{background:rgba(17,22,17,.42)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12)}

/* ===== SK-HERO ===== */
/* aktsentroheline: heledamal hero-fotol jai #6E8F3C (--sk-green) 2.79:1 peale = alla AA suure teksti 3:1 noude.
   #9DBF62 on juba brandi tokenite seas (nav-hover, vormi tarnid) ja annab samal fotol 4.5:1. */
#sk-hero-acc{color:#9DBF62}
/* peen letterpress-tera (v3): tabab referentsi, ei soo tahetuvesid labi nagu v1 */
.s-hero-t1{-webkit-mask-image:url(/skoopos/wp-content/uploads/sk-icons/grunge-mask-v3.png);mask-image:url(/skoopos/wp-content/uploads/sk-icons/grunge-mask-v3.png);-webkit-mask-size:300px 300px;mask-size:300px 300px;-webkit-mask-repeat:repeat;mask-repeat:repeat}
.s-hero-t1{text-shadow:0 2px 24px rgba(0,0,0,.45)}
.s-hero-sub{text-shadow:0 1px 12px rgba(0,0,0,.5)}

/* TAUST = att 90 (26.07). Tuvi vasakul x 3-27%, hirv paremal x 64,7-84,8% / y 21,4-62,5%.
   NB: padding-block-end vajab !important - Elementori muutujapohine reegel voidab tavalise
   padding-bottom'i (esimene katse jai 10px peale).
   DESKTOP: cover taidab laiuse ja kargib ainult pusti, seega hirv on horisontaalselt alati
   kaadris. Hirve pusti-riba = 41,1% pildi korgusest = 0,308 x vaate laius; et see mahuks
   klaasheaderi (~95px) ja usaldusriba (165px) vahele, peab hero olema >= 0,308vw + 260px.
   Valem 31vw + 300px annab ~20px varu molemasse otsa kuni 2560px-ni; 730px katab 1025-1470px.
   position-y 35% tsentreerib hirve nahtavasse aknasse. */
/* 27.07: Tristan — hero oli liiga korge. Uus valem on ~90-110px madalam; hirve jalad
   voivad suurel ekraanil ulatuda poolläbipaistva usaldusriba taha (foto jatkub riba all). */
.s-hero{min-height:max(660px,calc(28vw + 250px));padding-block-end:104px!important;background-position:center 35%!important}

@media(max-width:1024px){
/* tahvel: header on staatiline, seega ulapiirangut pole */
.s-hero{min-height:0;padding-block-end:112px!important;background-position:center center!important}
}

/* MOBIIL (<=767): tekst ja hirv ei mahu samale pinnale - 390px lai kaader naitaks cover'iga
   ainult ~40% pildi laiusest ja tekst kataks looma. Jagatud paigutus: ulal tume tekstitsoon,
   all 700px fotoriba (att 92 = 1420x1240 kupatus). Riba korgus on fikseeritud, seega hirve
   ja usaldusriba vahekord (hirv 61-395px riba ulaservast, riba algab 420px) ei soltu laiusest.
   auto 700px -> renderdatud laius 802px, mis katab ka 767px vaate; 80% ankurdab hirve keskele. */
@media(max-width:767px){
/* Tristan 27.07: tekst ja nupp FOTO PEAL, mitte eraldi tumedas tsoonis. Foto katab kogu
   hero (cover), tekst all vasakul, hirv jaab ulal paremal nahtavale; loetavuse teeb
   vertikaalne skrimm (ulal kerge, teksti taga tugev). */
.s-hero{min-height:800px!important;justify-content:flex-end!important;padding-block-end:216px!important;background-image:linear-gradient(180deg,rgba(17,22,17,.38) 0,rgba(17,22,17,.14) 26%,rgba(17,22,17,.16) 44%,rgba(17,22,17,.62) 70%,rgba(17,22,17,.92) 100%),url(/skoopos/wp-content/uploads/2026/07/skoopos-hero-mobile-v2.jpg)!important;background-size:cover,cover!important;background-position:center,60% 0%!important;background-repeat:no-repeat,no-repeat!important}
}

/* Hero teksti paigutus (tekst tuve ja hirve vahelisse tumedasse tsooni: tuvi x 3-27%,
   VAHE x 27-64,7%, hirv x 64,7-84,8%) EI OLE siin, vaid elementide endi stiilides:
     .s-hero-in (68cb1b2)  padding-inline 29vw / 4vw, max-width none
     .s-hero-t1 (63e80e2)  font-size clamp(36px,4.4vw,68px), max-width 32vw
     .s-hero-sub (370a42b) font-size clamp(15px,1.25vw,20px), max-width 32vw
   Elementori suuruse-vali votab vabateksti (unit "custom"), seega clamp() mahub sinna ara ja
   kit-CSS-i !important-ulekirjutust pole vaja. Muuda neid Elementori editoris, mitte siin. */

/* ===== SK-TRUST =====
   3 muugiargumenti (Tristan 26.07): garantii / tagastusoigus / brandide paritolu.
   Riba istub hero foto peal ja on kergelt labipaistev.
   min-height ja .s-hero padding-block-end on SAMA number - muidu ripub riba hero alt valja
   (ilma min-height'ita koigub riba korgus, sest sildid murduvad eri laiustel erinevalt).
   Tume klaas toimib ainult tumeda foto peal (24.07 opetus: heleda tausta peal andis pori-halli). */
.s-trust{position:relative;z-index:2;align-items:center;min-height:104px;margin-top:-104px;background:rgba(17,22,17,.55)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.14)}
.s-trust-in{padding-top:20px!important;padding-bottom:20px!important}
/* 4 -> 3 punkti: flexi space-between lukkaks nad servadesse hiigelvahega keskel.
   Vordne 3-veeruline ruudustik hoiab rutmi ja annab pikale kolmandale sildile ruumi. */
@media(min-width:1025px){
.s-trust-in{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0 36px;align-items:center}
.s-trust-in>div{width:auto!important}
}
/* referents kasutab valgeid joonikoone; e-svg kirjutab root-fill'i currentColor'iks */
/* e-svg vidin annab SVG-le style="height:100%" -> ikoon venis 26x65 ja kergitas kogu riba.
   (sama loks mis .s-hdr-cart-ico juures 24.07.) */
.s-trust .e-svg-base{width:26px!important;height:26px!important;flex:0 0 auto}
/* sisemine tekstikonteiner kandis Elementori konteineri vaikepaddingut (~10px ules-alla),
   mis kasvatas iga rida ja seega kogu riba korgust. */
.s-trust-in .e-con{padding:0!important}
.s-trust svg{color:#FFFFFF}
.s-trust svg *{fill:none!important;stroke:currentColor}
@media(max-width:1024px){
.s-trust{min-height:112px;margin-top:-112px}
.s-trust-in{display:grid!important;grid-template-columns:repeat(3,1fr);gap:18px 20px;padding:24px 22px!important;justify-items:start}
.s-trust-in>div{padding:0!important;width:auto!important;height:auto!important}
}
/* mobiilis 1 veerg: 3 punkti mahub ara ilma orvu reata (2+1 nagi katki). */
@media(max-width:767px){
.s-trust{min-height:176px;margin-top:-176px}
.s-trust-in{grid-template-columns:1fr;gap:14px;padding:20px 16px!important}
.s-trust-in>div{width:100%!important}
/* 390px kaadris on tekstile 300px: 13px+1px tahemik murdis pikima sildi kahele reale ja
   riba kasvas 303px-ni, mis oleks ulatunud hirve jalgadeni (foto riba 700px, hirve alaserv 395px).
   12px / .4px mahutab koik kuus rida uhele reale -> riba ~175px. */
.s-trust-in .e-heading-base{font-size:12px!important;line-height:1.3!important;letter-spacing:.4px!important}
}
/* ===== SK-CARDS (uhtne tootekaart: avaleht [sk_cards], /pood/, seotud tooted) =====
   Markup renderdab snippet 14 + WC content-product.php — sama kood koigil lehtedel.
   Paigutus on flex-veerg + jaluserida (hind vasakul, korvinupp paremal); ei mingit
   absolute-positsioneerimist ega hover-liikumist (Tristan 27.07: kaardid ei tohi liikuda).
   Tootefotod on toodeldud valgeks (level white-point) -> pilt sulab valge kaardiga kokku. */
ul.products{list-style:none;margin:0;padding:0}
ul.products::before,ul.products::after{content:none!important;display:none!important}
ul.products li.product{float:none!important;width:auto!important;margin:0!important;clear:none!important;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #E9EAE6;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(17,22,17,.05);transition:box-shadow .25s ease,border-color .25s ease}
ul.products li.product:hover{border-color:#D8DBD3;box-shadow:0 6px 22px rgba(17,22,17,.10)}
ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1 1 auto;text-decoration:none}
ul.products li.product img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin:0!important;background:#fff}
ul.products li.product .woocommerce-loop-product__title{margin:0;padding:16px 18px 0;font:500 16px/1.35 Inter,sans-serif!important;letter-spacing:-.1px;color:#1A1A1A!important}
ul.products li.product .sk-card-spec{padding:6px 18px 0;font:400 13.5px/1.45 Inter,sans-serif;color:#6E736C}
.sk-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 18px;margin-top:auto}
.sk-card-price,.sk-card-price .woocommerce-Price-amount{font:700 18px/1.2 Inter,sans-serif;color:#111611!important}
.sk-card-price del{opacity:.5;font-weight:500;font-size:14px;margin-right:6px}
.sk-card-price ins{text-decoration:none;background:none}
.sk-card-cart-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#5C7A31;border-radius:8px;flex:0 0 auto;transition:background .2s ease}
.sk-card-cart-btn:hover{background:#4E6829}
.sk-cart-ico{width:17px;height:17px;background:#FFFFFF;-webkit-mask:url(/skoopos/wp-content/uploads/sk-icons/cart.svg) no-repeat center/contain;mask:url(/skoopos/wp-content/uploads/sk-icons/cart.svg) no-repeat center/contain}
.added_to_cart{display:none!important}
ul.products span.onsale{position:absolute;top:12px;left:12px;z-index:3;margin:0!important;padding:5px 10px;min-height:0!important;min-width:0!important;line-height:1!important;border-radius:4px;background:#111611!important;color:#fff!important;font:600 11px/1 Inter,sans-serif!important;letter-spacing:1px;text-transform:uppercase}
/* avalehe vork: 5 veergu desktopil, 3 tahvlil, 2 mobiilis */
ul.products.sk-cards{display:grid;gap:20px}
.sk-cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1024px){.sk-cards-5{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:767px){
.sk-cards-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
ul.products li.product .woocommerce-loop-product__title{padding:12px 14px 0;font-size:14.5px!important}
ul.products li.product .sk-card-spec{padding:4px 14px 0;font-size:12.5px}
.sk-card-foot{padding:10px 10px 10px 14px}
.sk-card-price,.sk-card-price .woocommerce-Price-amount{font-size:16px}
.sk-card-cart-btn{width:38px;height:38px}
.sk-cart-ico{width:15px;height:15px}
}

/* ===== SK-CATS (bento) ===== */
@media(min-width:1025px){
.s-cats-row{display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-rows:158px;gap:14px}
.s-cat-1{grid-column:span 2;grid-row:span 2;height:auto!important}
.s-cat-2,.s-cat-3,.s-cat-4,.s-cat-5{height:auto!important}
}
.s-cat-1,.s-cat-2,.s-cat-3,.s-cat-4,.s-cat-5{position:relative;overflow:hidden;border-radius:10px;transition:box-shadow .3s ease}
.s-cat-1:hover,.s-cat-2:hover,.s-cat-3:hover,.s-cat-4:hover,.s-cat-5:hover{box-shadow:0 10px 26px rgba(17,22,17,.22)}
.s-cat-1::after,.s-cat-2::after,.s-cat-3::after,.s-cat-4::after,.s-cat-5::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,22,17,0) 38%,rgba(17,22,17,.30) 62%,rgba(17,22,17,.82) 100%);pointer-events:none;z-index:1;transition:background .3s ease}
.s-cat-1:hover::after,.s-cat-2:hover::after,.s-cat-3:hover::after,.s-cat-4:hover::after,.s-cat-5:hover::after{background:linear-gradient(180deg,rgba(17,22,17,.10) 38%,rgba(17,22,17,.42) 62%,rgba(17,22,17,.88) 100%)}
.s-cat-1-l,.s-cat-2-l,.s-cat-3-l,.s-cat-4-l,.s-cat-5-l{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.9px;font-size:14px!important;font-weight:600!important;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.s-cat-1-l{font-family:var(--sk-font-head)!important;font-weight:400!important;font-size:30px!important;letter-spacing:1.4px}
@media(max-width:767px){
.s-cat-5{width:100%!important;flex:1 1 100%!important}
.s-cat-1-l{font-size:21px!important;letter-spacing:1px!important}
}

/* ===== SK-SEKTSIOONIPIIR =====
   27.07: uks uksik joon (s-tarv border-top) eemaldatud — sektsioonid eristuvad
   AINULT taustavahetusega (valge/hall/valge/hall), sama muster labivalt. */

/* ===== SK-TILES (artiklikaardid) ===== */
/* 26.07: taust EI ole enam siin - sektsioonirutm on nuud valge(kategooriad) / hall(kaamerad) /
   valge(tarvikud) / hall(artiklid), ja s-tiles hall tuleb elemendi enda atomic-prop'ist. */
.s-tile-tarvikud,.s-tile-nouanded,.s-tile-meist{position:relative;overflow:hidden;border-radius:10px;transition:box-shadow .3s ease}
.s-tile-tarvikud:hover,.s-tile-nouanded:hover,.s-tile-meist:hover{box-shadow:0 10px 26px rgba(17,22,17,.22)}
/* 25.07: skrimm oli .78 diagonaal PLUSS elemendi enda .85 vertikaal = kaks skrimmi kihis, foto kadus ara.
   Nuud ainult kerge vasakserva-toonimine tiitli taha; loetavuse teeb elemendi enda alagradient. */
.s-tile-tarvikud::before,.s-tile-nouanded::before,.s-tile-meist::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,15,11,.30) 0%,rgba(11,15,11,.14) 45%,rgba(11,15,11,0) 100%);pointer-events:none;z-index:1}
/* heledaim foto (cat-rajakaamerad) vajab pisut rohkem */
.s-tile-nouanded::before{background:linear-gradient(100deg,rgba(11,15,11,.38) 0%,rgba(11,15,11,.20) 45%,rgba(11,15,11,.04) 100%)}
.s-tile-tarvikud>*,.s-tile-nouanded>*,.s-tile-meist>*{position:relative;z-index:2}

/* ===== Sektsioonipealkirjad ===== */
@media(min-width:1025px){
.s-cats-t,.s-prods-t,.s-tarv-t{font-size:32px!important}
}

/* SK-HEADER mobile revert */
@media(max-width:1024px){
.home .elementor-location-header{position:static}
.home .s-hdr-root{background:var(--sk-dark)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}
}

/* SK-HEADER responsive: otsing pakitakse ≤1024 luubi-ikooniks; puude avab headeri alla
   otsinguriba (.sk-search-open klassi paneb snippet 6). Atomic .s-hdr-search stiilid
   (local-45) laevad kit'i JAREL -> kontestitud propid vajavad !important. */
@media(max-width:1024px){
.s-hdr-in{flex-wrap:nowrap}
.s-hdr-root{position:relative}
.s-hdr-search{order:2;width:42px!important;height:42px!important;flex:0 0 auto!important;justify-content:center!important;align-items:center!important;background:transparent!important;border:none!important;padding:0!important;border-radius:8px;cursor:pointer}
.s-hdr-search:hover{background:rgba(255,255,255,.07)!important}
.s-hdr-search input.s-hdr-search-in{display:none}
.s-hdr-search .s-hdr-search-ico{width:22px!important;height:22px!important;color:#FFFFFF}
.s-hdr-root.sk-search-open .s-hdr-search{position:absolute;left:0;right:0;top:100%;width:auto!important;height:auto!important;display:flex;flex-direction:row!important;align-items:center!important;gap:10px;background:#111611!important;border-top:1px solid rgba(255,255,255,.10)!important;padding:12px 16px!important;z-index:80;cursor:default;border-radius:0}
.s-hdr-root.sk-search-open .s-hdr-search input.s-hdr-search-in{display:block;flex:1 1 auto}
.s-hdr-root.sk-search-open .s-hdr-search .s-hdr-search-ico{cursor:pointer}
}
@media(max-width:767px){
.s-hdr-brand{order:0}
.elementor-location-header .elementor-widget-nav-menu{order:1;margin-left:auto}
.s-hdr-search{order:2}
.s-hdr-icons{order:3;margin-left:0}
.s-hdr-cart{align-self:center;height:auto!important}
.s-hdr-icons{align-self:center}
/* Burgeri vidin broneeris 232px: Elementor jatab mobiili rippnavi VOOLU (kokku keriti
   max-height'iga, mitte display'ga) ja kit'i desktopireegel width:max-content luges selle
   laiuse vidinasse sisse. 100 (brand) + 232 + 14 = 346 / 358 -> korviikoon murdus teisele
   reale. Navi absoluutseks -> vidin on ainult burgeri laiune ja rida jaab uheks.
   (See oli 24.07 saadik lahtiste otste nimekirjas.) */
.s-hdr-root{position:relative}
/* vidin ise on Elementoril position:relative -> absoluutne nav ankurdus 33px burgeri kulge
   ja menuu renderdus kitsa ribana. Staatiliseks -> ankruks saab .s-hdr-root. */
.elementor-location-header .elementor-widget-nav-menu{width:auto!important;min-width:0;position:static!important}
.elementor-location-header nav.elementor-nav-menu--dropdown{position:absolute!important;left:0;right:0;top:100%;width:auto;margin-top:0;z-index:70}
}

/* ===== Kontrastiparandus (WCAG AA) =====
   var(--sk-green) #6E8F3C + valge tekst = 3.71:1, noutav 4.5:1.
   Aktsentroheline jaab muutmata (hero "Eestist", ikoonid, hover-underline);
   ainult nupupinnad, kus valge TEKST peal istub, lahevad #5C7A31 peale = 4.90:1. */
.elementor a.sk-btn-primary,.elementor button.sk-btn-primary{background-color:#5C7A31}
.elementor a.sk-btn-primary:hover,.elementor button.sk-btn-primary:hover,
.elementor a.sk-btn-primary:focus-visible,.elementor button.sk-btn-primary:focus-visible{background-color:#4E6829}

/* ===== SK-LOGO (Tristani paris logo, 26.07) =====
   Mark = e-svg (skoopos-mark-v1.svg, fill #9DBF62 KUJU kuljes - vidin kirjutab juurtaseme
   fill'i currentColor'iks ja teema annaks lingile roosa #CC3366).
   Sonamark = sama SKOOPOS-pealkiri, aga tekst nihutatakse kastist valja ja taustaks tuleb
   skoopos-word-v1.svg. Nii jaab tekst DOM-i (SEO + ekraanilugeja), aga naha on paris logo.
   NB: URL peab olema ABSOLUUTNE - WP Rocketi css-tausta lazyload teisendab background-image'i
   --wpr-bg muutujaks ja lahendab juurtee-suhtelise /skoopos/... valesti (topelt /skoopos/skoopos/).
   Domeeni vahetusel tuleb see URL uuendada. mask-image'it Rocket ei puutu, seetottu grunge tootab. */
.s-hdr-brand,.s-ftr-brand-row{align-items:center}
.s-hdr-logo,.s-hdr-logo svg{width:30px!important;height:31px!important}
.s-ftr-logo,.s-ftr-logo svg{width:26px!important;height:27px!important}
.s-hdr-word,.s-ftr-word{display:block!important;text-indent:100%!important;overflow:hidden!important;white-space:nowrap!important;background-image:url(https://skoopos.ee/wp-content/uploads/sk-icons/skoopos-word-v1.svg)!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:contain!important}
/* laius = tapselt SVG suhtarv (200/48.1 x 28 = 116,4 -> 116): valistab parema serva
   subpikslise artefakti ("valge kriips") murd-DPR ekraanidel */
.s-hdr-word{width:116px!important;height:28px!important}
.s-ftr-word{width:102px!important;height:25px!important}
@media(max-width:767px){
.s-hdr-logo,.s-hdr-logo svg{width:26px!important;height:27px!important}
.s-hdr-word{width:100px!important;height:24px!important}
}
/* ===== SK-NAV-DROPDOWN (rippmenuud, 26.07) =====
   Menuu 21 alampunktid on paris WP menuu-elemendid (product_cat taksonoomia), seega WP annab
   ulemtaseme punktile current-menu-parent klassi ise.
   NB: Elementori enda SmartMenus EI initsialiseeru sellel saidil (ul jaab ilma 'sm' klassita ja
   alammenuu jaab display:none - kontrollitud ka kasitsi initsialiseerides). Seetottu on avamine
   siin CSS-i (hover + focus-within) ja snippeti 10 peal, mitte Elementori JS-i peal. */

.elementor-location-header .elementor-nav-menu--main ul.elementor-nav-menu{overflow:visible}
.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children{position:relative}

/* 27.07: nooled desktopi menuust taielikult maas (Tristan) — rippmenuu avaneb hoveril nagunii */
.elementor-location-header .elementor-nav-menu--main .elementor-item .sub-arrow{display:none}

/* paneel */
.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children>ul.sub-menu{
  display:block!important;position:absolute;top:100%;left:0;min-width:250px;padding:8px 0;margin:12px 0 0;
  background:#FFFFFF;border:1px solid #E3E4E0;border-radius:8px;
  box-shadow:0 14px 34px rgba(17,22,17,.16),0 2px 6px rgba(17,22,17,.06);z-index:60;
  opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children:hover>ul.sub-menu,
.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children:focus-within>ul.sub-menu,
.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children.sk-open>ul.sub-menu{
  opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
/* Esc: fookus laheb tagasi ulemtaseme lingile, mis hoiaks focus-within'i tottu menuud lahti */
.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children.sk-closed>ul.sub-menu{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* nahtamatu sild sildi ja paneeli vahel: ilma selleta katkeb hover 12px tuhjas vahes */
.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children>ul.sub-menu::before{
  content:"";position:absolute;left:0;right:0;top:-13px;height:13px}
.elementor-location-header .elementor-nav-menu--main ul.sub-menu li{display:block;margin:0}
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item{
  position:relative;display:block;padding:11px 20px;font:500 14px/1.35 Inter,sans-serif;
  letter-spacing:0;text-transform:none;color:#1A1A1A;background:transparent;
  transition:background .16s ease,color .16s ease}
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item::before{
  content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;background:#5C7A31;
  transform:scaleY(0);transition:transform .18s cubic-bezier(.6,.2,.1,1)}
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover,
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:focus-visible,
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item.elementor-item-active{background:#F5F5F3;color:#111611}
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover::before,
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:focus-visible::before,
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item.elementor-item-active::before{transform:scaleY(1)}
.elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:focus-visible{outline:2px solid #5C7A31;outline-offset:-2px}

/* MOBIIL: burgeri all olev nav = akordion. NB klass .elementor-nav-menu--dropdown on KA desktopi
   ul.sub-menu elementidel, seega ilma nav-prefiksita laheks see kujundus ka sinna. */
@media(max-width:1024px){
.elementor-location-header nav.elementor-nav-menu--dropdown{background:#111611;border-top:1px solid rgba(255,255,255,.10)}
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item{color:#FFFFFF;font:600 13px/1.4 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}
/* akordioni indikaator = pluss/miinus (mitte nool; kogu rida on puutepind, JS snippetis 10) */
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow{position:relative;display:inline-block;width:38px;height:38px;margin:-10px -12px -10px 0}
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow svg{display:none}
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::before,
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;opacity:.85}
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::before{width:12px;height:1.6px;transform:translate(-50%,-50%)}
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::after{width:1.6px;height:12px;transform:translate(-50%,-50%);transition:opacity .18s ease}
.elementor-location-header nav.elementor-nav-menu--dropdown li.sk-open>.elementor-item .sub-arrow::after{opacity:0}
/* Elementori vaikimisi aktiivne/hover taust on #3F444B (sinakashall) - vale bransis ja
   moodetud DOM-ist. Vidina enda stiilid elavad post-45 CSS-is, mis laeb kit'i JAREL. */
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-location-header nav.elementor-nav-menu--dropdown li.sk-open>.elementor-item{background-color:rgba(255,255,255,.07)!important;color:#FFFFFF}
.elementor-location-header nav.elementor-nav-menu--dropdown li.menu-item-has-children>ul.sub-menu{
  display:block!important;position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;
  background:rgba(255,255,255,.045);border:none;border-radius:0;box-shadow:none;margin:0;padding:0;min-width:0;
  max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1)}
.elementor-location-header nav.elementor-nav-menu--dropdown li.menu-item-has-children.sk-open>ul.sub-menu{max-height:260px}
.elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu::before{display:none}
.elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item{
  position:relative;display:block;color:#D5DBD0;font:400 14px/1.4 Inter,sans-serif;letter-spacing:.3px;
  text-transform:none;padding:12px 20px 12px 34px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06)}
.elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item::before{
  content:"";position:absolute;left:20px;top:11px;bottom:11px;width:2px;background:#9DBF62;transform:scaleY(0);transition:transform .18s ease}
.elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item:hover,
.elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item.elementor-item-active{background:rgba(255,255,255,.07);color:#FFFFFF}
.elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item:hover::before,
.elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item.elementor-item-active::before{transform:scaleY(1)}
}

/* ===== SK-BASE (26.07 disainiring) =====
   Globaalsed parandused: teemalinkide roosa (#CC3366) -> brändiroheline sisualal,
   footer lehe põhja (lühikestel lehtedel jäi alla valge tühimik), lehepealkirjad
   samasse keelde POOD-lehega (Anton uppercase), tahvli 600px-kitsendus maha. */
main.site-main a{color:#567230}
main.site-main a:hover{color:#3F5522}
body:not(.elementor-editor-active){display:flex;flex-direction:column;min-height:100vh}
body:not(.elementor-editor-active)>#primary.content-area{flex:1 0 auto}
main.site-main h1.entry-title{font-family:Anton,sans-serif;font-weight:400;font-size:38px;line-height:1.1;letter-spacing:.5px;text-transform:uppercase;color:#111611;margin:0 0 20px}
@media(max-width:767px){main.site-main h1.entry-title{font-size:30px}}
/* UKS sisujoon labi saidi: 1320px konteiner + 10px kulgpadding = serv x=70 @1440,
   sama mis avalehe sektsioonidel. Hello vaikimisi 1140px jattis WC lehed (korv, kassa,
   sisulehed, blogi) 80px valemale joonele. */
body:not(.elementor-page):not(.sk-shop) main.site-main{max-width:1320px!important;padding-left:10px;padding-right:10px}
/* tahvel/mobiil: sama serv mis avalehe sektsioonidel (32+10 / 16+10) */
@media(max-width:1024px){body:not(.sk-shop):not(.elementor-page) main.site-main{max-width:none!important;padding-left:42px;padding-right:42px}}
@media(max-width:767px){body:not(.sk-shop):not(.elementor-page) main.site-main{padding-left:26px;padding-right:26px}}

/* ===== SK-WC-BASE (nupud, teated, vormiväljad — kõik WC lehed) =====
   WC vaikelilla (#7f54b3) nupud ja sinise triibuga teated -> brändi keel.
   Nuputoonid samad mis sk-card-cart-btn: #5C7A31 / hover #4E6829 (AA 4.9:1). */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.wc-block-components-button:not(.is-link){
  background-color:#5C7A31!important;color:#FFFFFF!important;border:none!important;border-radius:8px!important;
  font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;
  letter-spacing:1.1px!important;text-transform:uppercase!important;padding:15px 22px!important;
  transition:background-color .2s ease,transform .2s ease}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
  background-color:#4E6829!important;color:#FFFFFF!important}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button.disabled{
  background-color:#9AA694!important;transform:none}
.woocommerce-message,.woocommerce-info{border-top-color:#5C7A31!important;background:#F5F5F3!important;color:#1A1A1A!important;font-family:Inter,sans-serif;outline:none!important;border-radius:0 0 10px 10px}
.woocommerce-message::before,.woocommerce-info::before{color:#5C7A31!important}
.woocommerce-error{background:#F8F2F1!important;border-top-color:#B3564D!important;color:#1A1A1A!important;font-family:Inter,sans-serif;border-radius:0 0 10px 10px}
.woocommerce-error::before{color:#B3564D!important}
.woocommerce-message a:not(.button){color:#567230}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
  border:1px solid #D8DAD5!important;border-radius:8px!important;background:#FFFFFF!important;
  padding:11px 13px!important;font:400 15px/1.4 Inter,sans-serif!important;color:#111611!important}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:#5C7A31!important;outline:none!important;box-shadow:none!important}
.woocommerce form .form-row label{font:500 13px/1.4 Inter,sans-serif;color:#4A4F48}
.woocommerce form .form-row .required{color:#5C7A31!important;text-decoration:none}

/* ===== SK-WC-SINGLE (tooteleht) ===== */
.single-product main.site-main{max-width:1320px!important;padding-top:34px;padding-bottom:64px}
.single-product div.product .product_title{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.12;text-transform:uppercase;letter-spacing:.5px;color:#111611;margin:0 0 10px}
.single-product div.product p.price{color:#111611;font:700 26px/1.2 Inter,sans-serif;margin:4px 0 16px}
.single-product div.product p.price .woocommerce-Price-amount{color:#111611}
.single-product div.product .woocommerce-product-details__short-description{color:#4A4F48;font:400 15.5px/1.65 Inter,sans-serif;max-width:56ch}
.single-product div.product .woocommerce-product-details__short-description p{margin:0 0 8px}
/* raam img'i enda peal, mitte slaidil — muidu flexslideri laiusematemaatika laguneb */
.single-product div.product div.images img{box-sizing:border-box;border-radius:10px;background:#F7F7F5}
.single-product div.product form.cart{display:flex;align-items:stretch;gap:10px;margin:20px 0 24px}
.single-product div.product form.cart::before,.single-product div.product form.cart::after{display:none!important;content:none!important}
.single-product div.product form.cart div.quantity{margin:0}
.single-product div.product form.cart .qty{height:48px;width:70px;border:1px solid #D8DAD5;border-radius:8px;text-align:center;font:500 15px/1 Inter,sans-serif;color:#111611;background:#FFFFFF}
.single-product div.product form.cart .qty:focus{border-color:#5C7A31;outline:none}
.single-product div.product .product_meta{border-top:1px solid #E3E4E0;margin-top:6px;padding-top:14px;font:400 13px/1.9 Inter,sans-serif;color:#6E736C}
.single-product div.product .product_meta a{color:#567230}
.single-product div.product .product_meta .posted_in{display:block}
.woocommerce div.product table.woocommerce-product-attributes{border:1px solid #E3E4E0;border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce div.product table.woocommerce-product-attributes th,.woocommerce div.product table.woocommerce-product-attributes td{border:none!important;background:transparent!important;padding:11px 16px;font:400 14px/1.5 Inter,sans-serif;font-style:normal}
.woocommerce div.product table.woocommerce-product-attributes tr+tr th,.woocommerce div.product table.woocommerce-product-attributes tr+tr td{border-top:1px solid #EEEFEC!important}
.woocommerce div.product table.woocommerce-product-attributes th{color:#111611;font-weight:600}
/* seotud tooted: kaardid tulevad SK-CARDS plokist, siin ainult vork */
.single-product .related.products{margin-top:44px}
.single-product .related.products>h2{font-family:Anton,sans-serif;font-weight:400;font-size:26px;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;color:#111611;margin:0 0 20px}
.single-product .related ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;margin:0!important;padding:0}
@media(max-width:767px){
.single-product .related ul.products{grid-template-columns:repeat(2,1fr);gap:12px}
}

/* ===== SK-WC-CART (ostukorv + kassa) ===== */
.woocommerce-cart .cart-empty.woocommerce-info{border:1px solid #E3E4E0!important;border-top-color:#E3E4E0!important;border-radius:10px!important;background:#F5F5F3!important;padding:34px 20px!important;text-align:center;font:500 17px/1.5 Inter,sans-serif}
.woocommerce-cart .cart-empty.woocommerce-info::before{display:none}
.woocommerce-cart .return-to-shop{text-align:center;margin-top:18px}
.woocommerce table.shop_table{border:1px solid #E3E4E0!important;border-radius:10px!important;border-collapse:separate;border-spacing:0;font-family:Inter,sans-serif}
.woocommerce table.shop_table th{font:600 13px/1.4 Inter,sans-serif;letter-spacing:.4px;color:#111611;background:transparent!important;border:none!important}
.woocommerce table.shop_table td{border:none!important;border-top:1px solid #EEEFEC!important;background:transparent!important;font-size:14.5px}
.woocommerce table.shop_table td.product-name a{color:#1A1A1A!important;font-weight:500}
.woocommerce-cart table.cart img{width:64px;border-radius:8px;background:#F7F7F5}
.woocommerce-cart table.cart input.qty{height:42px;width:64px;border:1px solid #D8DAD5;border-radius:8px;text-align:center;font:500 14px/1 Inter,sans-serif}
/* kupong on valjas (snippet 15) ja kogus uueneb automaatselt -> actions-rida on tuhi kest, peitu.
   Peidetud "Uuenda ostukorvi" nupp jaab DOM-i: JS klikib seda programmiliselt. */
.woocommerce-cart table.cart td.actions{display:none!important}
/* eemalda-X: puhas ring-ikoon, mitte teema vaikelink */
.woocommerce a.remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #E3E4E0;color:#6E736C!important;font-size:16px!important;font-weight:400!important;line-height:1;text-decoration:none;background:#fff;transition:border-color .15s ease,color .15s ease,background .15s ease}
.woocommerce a.remove:hover{color:#B3564D!important;border-color:#D9B7B3;background:#FBF4F3!important}
.cart_totals h2,.woocommerce-billing-fields h3,#ship-to-different-address,#order_review_heading{font:600 18px/1.3 Inter,sans-serif!important;color:#111611}
.woocommerce-cart .cart-collaterals .cart_totals{background:#FFFFFF;border:1px solid #E3E4E0;border-radius:10px;padding:22px}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table{border:none!important}
.woocommerce-checkout #payment{background:#F5F5F3!important;border-radius:10px}
.woocommerce-checkout #payment div.payment_box{background:#FFFFFF!important;border-radius:8px;font-family:Inter,sans-serif;color:#4A4F48}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #E3E4E0!important;font-family:Inter,sans-serif}
/* mobiil: WC peidab tootepildi ja laob read "Silt:väärtus" hunnikuks — ehita rida kaardiks */
@media (max-width:768px){
  .woocommerce-cart table.shop_table.cart{border:none!important;border-radius:0!important;background:transparent;overflow:visible}
  .woocommerce-cart table.shop_table.cart tbody,.woocommerce-cart table.shop_table.cart tr{display:block}
  .woocommerce-cart table.shop_table.cart tr.cart_item{
    display:grid;grid-template-columns:72px minmax(0,1fr) auto;
    grid-template-areas:'thumb name remove' 'thumb price price' 'qty qty subtotal';
    align-items:center;column-gap:14px;row-gap:4px;
    background:#FFFFFF;border:1px solid #E3E4E0;border-radius:10px;padding:14px;margin:0 0 12px}
  .woocommerce-cart table.shop_table.cart tr.cart_item td{display:block;border:none!important;padding:0;background:transparent;text-align:left!important}
  .woocommerce-cart table.shop_table.cart tr.cart_item td::before{display:none!important;content:none!important}
  .woocommerce-cart table.shop_table.cart td.product-thumbnail{display:block!important;grid-area:thumb;align-self:start}
  .woocommerce-cart table.shop_table.cart td.product-name{grid-area:name}
  .woocommerce-cart table.shop_table.cart td.product-price{grid-area:price}
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-remove{grid-area:remove;text-align:right!important;align-self:start}
  .woocommerce-cart table.shop_table.cart td.product-quantity{grid-area:qty;margin-top:8px}
  .woocommerce-cart table.shop_table.cart td.product-subtotal{grid-area:subtotal;text-align:right!important;font-size:16px;margin-top:8px}
}

/* ===== SK-BLOG (/nouanded/ arhiiv) ===== */
.blog main.site-main{padding-top:26px;padding-bottom:64px}
.blog .page-header h1.entry-title{margin-bottom:26px}
.blog .page-content{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:767px){.blog .page-content{grid-template-columns:1fr}}
.blog article.post{position:relative;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E9EAE6;border-radius:10px;overflow:hidden;padding:0 0 20px;margin:0!important;box-shadow:0 1px 2px rgba(17,22,17,.05);transition:box-shadow .25s ease,transform .25s ease}
.blog article.post:hover{box-shadow:0 2px 4px rgba(17,22,17,.08),0 14px 30px rgba(17,22,17,.10);transform:translateY(-2px)}
.blog article.post h2.entry-title{order:2;font:600 19px/1.35 Inter,sans-serif;margin:16px 20px 8px}
.blog article.post h2.entry-title a{color:#1A1A1A!important;text-decoration:none}
.blog article.post h2.entry-title a::after{content:"";position:absolute;inset:0}
.blog article.post>a{order:1;display:block}
.blog article.post img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.blog article.post p{order:3;margin:0 20px;color:#4A4F48;font:400 15px/1.6 Inter,sans-serif}

/* ===== SK-PAGES (Meist, Kontakt jm sisulehed) ===== */
body.page:not(.elementor-page) main.site-main{padding-top:26px;padding-bottom:64px}
.sk-lead{font:400 18px/1.7 Inter,sans-serif;color:#1A1A1A;max-width:68ch;margin:0 0 26px}
.sk-cardrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 26px}
@media(max-width:767px){.sk-cardrow{grid-template-columns:1fr}}
.sk-cardrow>div,.sk-cardrow>a{background:#F5F5F3;border-radius:10px;padding:22px;color:#1A1A1A;text-decoration:none;display:block}
.sk-cardrow>a:hover{background:#EDEEE9}
.sk-cc-l{display:block;font:600 12px/1.2 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#6A6F68;margin-bottom:8px}
.sk-cc-v{display:block;font:600 17px/1.35 Inter,sans-serif;color:#111611}
.sk-cardrow h2{font:600 16px/1.3 Inter,sans-serif;color:#111611;margin:0 0 8px}
.sk-cardrow p{margin:0;font:400 14.5px/1.6 Inter,sans-serif;color:#4A4F48}
.sk-note{font:400 13px/1.5 Inter,sans-serif;color:#6A6F68}
a.sk-btn{display:inline-block;background:#5C7A31;color:#FFFFFF!important;border-radius:8px;font:600 13px/1 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;padding:15px 24px;text-decoration:none;transition:background .2s ease}
a.sk-btn:hover{background:#4E6829}
.page .entry-content{font:400 15.5px/1.65 Inter,sans-serif;color:#4A4F48}

/* ===== SK-CMPLZ (consent-nupp brändi keelde) ===== */
#cmplz-manage-consent .cmplz-manage-consent{background:#111611!important;color:#E7EAE4!important;border:1px solid rgba(255,255,255,.16)!important;border-bottom:none!important;border-radius:8px 8px 0 0!important;font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:.3px;padding:9px 14px!important;box-shadow:0 -2px 12px rgba(17,22,17,.18)!important;opacity:.92}
#cmplz-manage-consent .cmplz-manage-consent:hover{opacity:1}

/* SK-PATCH-2707: WC-mallidel pole #primary wrapperit; wpautop br = grid-item */
body:not(.elementor-editor-active)>main.site-main{flex:1 0 auto}
.sk-cardrow br{display:none}

/* SK-PATCH2-2707: galerii opacity-kaitse; kontakti p:empty */
.woocommerce-product-gallery{opacity:1!important}
.sk-cardrow>p:empty{display:none}

/* ===== SK-AVALEHT-2707 (avalehe disainiring) ===== */
/* 1) hero alapealkiri + CTA skaleeruvad suurel ekraanil koos H1-ga (H1 62/72 oli juba olemas) */
@media(min-width:1600px){
.s-hero-sub{font-size:22px!important}
.s-hero a.sk-btn-primary{font-size:14px;padding:17px 30px}
}
@media(min-width:2200px){
.s-hero-sub{font-size:24px!important}
.s-hero a.sk-btn-primary{font-size:15px;padding:19px 34px}
}
/* 2) usaldusriba: 3 punkti tasakaalus (enne vasakule pakitud, parem ots tühi) */
@media(min-width:1025px){
.s-trust-in{justify-items:center}
}
/* 3) tahvel: bento auguta — cat-1 kahe veeru laiune, rida 2 = 3 plaati */
@media(min-width:768px) and (max-width:1024px){
.s-cats-row{display:grid!important;grid-template-columns:repeat(3,1fr);grid-auto-rows:176px;gap:12px}
.s-cats-row>*{width:auto!important;height:auto!important;min-height:0!important}
.s-cat-1{grid-column:span 2}
}
/* 4) karussellid asendatud [sk_cards] staatilise vorguga (27.07) — dots-reegleid pole vaja */
@media(max-width:767px){
/* mobiili suur kategooriasilt oli plaadi täislaiuses */
.s-cat-1-l{font-size:19px!important}
}

/* ===== SK-TOODE-2707 (tooteleht: läbimõeldud paigutus, snippet 13 elemendid) ===== */
.single-product div.product div.images{width:46%!important}
.single-product div.product div.summary{width:50%!important}
.single-product div.product .sk-km{font:400 13px/1.4 Inter,sans-serif;color:#6E736C;margin:-10px 0 16px}
.single-product .sk-specs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:2px 0 8px;padding:0}
.single-product .sk-specs li{background:#F5F5F3;border:1px solid #E3E4E0;border-radius:999px;padding:7px 13px;font:500 13px/1 Inter,sans-serif;color:#3F443E}
.single-product div.product .woocommerce-product-details__short-description{max-width:none}
.single-product .sk-delivery{display:flex;align-items:center;gap:12px;background:#F5F5F3;border-radius:10px;padding:14px 16px;margin:10px 0 4px;max-width:430px}
.single-product .sk-delivery svg{width:27px;height:27px;color:#5C7A31;flex:0 0 auto}
.single-product .sk-delivery strong{display:block;font:600 14px/1.35 Inter,sans-serif;color:#111611}
.single-product .sk-delivery span{font:400 13px/1.4 Inter,sans-serif;color:#6E736C}
.single-product .sk-trustrow{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0 0 20px;padding:0}
.single-product .sk-trustrow li{display:flex;align-items:center;gap:8px;font:500 13px/1 Inter,sans-serif;color:#3F443E}
.single-product .sk-trustrow svg{width:18px;height:18px;color:#5C7A31;flex:0 0 auto}
/* "Osta koos" lisavarustuse plokk ostuvormi sees (snippet 13) */
.single-product div.product form.cart{flex-wrap:wrap}
.sk-upsell{flex:1 1 100%;margin:2px 0 14px;border:1px solid #E3E4E0;border-radius:10px;padding:14px 16px 6px;background:#FBFBFA}
.sk-upsell-t{display:block;font:600 12px/1.2 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#6A6F68;margin-bottom:4px}
.sk-upsell-row{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer}
.sk-upsell-row+.sk-upsell-row{border-top:1px solid #EEEFEC}
.sk-upsell-row input[type=checkbox]{width:18px;height:18px;accent-color:#5C7A31;flex:0 0 auto;margin:0;cursor:pointer}
.sk-upsell-img{width:44px;height:44px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #EEEFEC}
.sk-upsell-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important}
.sk-upsell-n{flex:1 1 auto;font:500 14px/1.35 Inter,sans-serif;color:#1A1A1A}
.sk-upsell-p,.sk-upsell-p .woocommerce-Price-amount{font:600 14px/1.2 Inter,sans-serif;color:#111611;white-space:nowrap}
.sk-prod-sec{clear:both;margin-top:46px}
.sk-prod-sec>h2{font-family:Anton,sans-serif;font-weight:400;font-size:26px;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;color:#111611;margin:0 0 14px}
.sk-prod-sec .sk-prod-desc{font:400 15.5px/1.7 Inter,sans-serif;color:#4A4F48;max-width:72ch}
.sk-prod-sec .sk-prod-desc p{margin:0 0 12px}
.sk-prod-sec table.woocommerce-product-attributes{max-width:640px}
@media(max-width:767px){
.single-product div.product div.images,.single-product div.product div.summary{width:100%!important}
.single-product .sk-delivery{max-width:none}
.sk-prod-sec{margin-top:34px}
}/* End custom CSS */