/* Särin pood: tooteleht premium-ilmega. Kõik reeglid body.spo-product all (seotud tooted saavad poe kaardid sarin-pood.css-ist). */
body.spo-product{
  --spt-ink:#171A21; --spt-text:#2B2F36; --spt-muted:#6B7079; --spt-line:#ECECE8; --spt-plate:#F5F5F2; --spt-panel:#F7F7F4;
  --spt-gold:#C99A06; --spt-gold-2:#B88C04; --spt-yellow:#EBC82F;
  --spt-f:'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
body.spo-product .site-content,body.spo-product .site-content .col-full,body.spo-product .content-area,body.spo-product .site-main,body.spo-product .product-details-wrapper,body.spo-product .woocommerce-tabs,body.spo-product .related-wrapper,body.spo-product div.product{background:#fff!important}
body.spo-product .product-details-wrapper{padding-top:48px!important;padding-bottom:56px!important}

/* Galerii */
body.spo-product .woocommerce-product-gallery .flex-viewport,body.spo-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:only-child{background:var(--spt-plate)!important;border-radius:24px!important;overflow:hidden!important}
body.spo-product .woocommerce-product-gallery__image img{mix-blend-mode:multiply}
body.spo-product .flex-control-thumbs{display:flex!important;gap:10px!important;margin-top:14px!important;padding:0!important}
body.spo-product .flex-control-thumbs li{width:72px!important;margin:0!important;padding:0!important;float:none!important}
body.spo-product .flex-control-thumbs li img{width:72px!important;height:72px!important;object-fit:contain!important;background:var(--spt-plate)!important;border-radius:12px!important;padding:6px!important;box-sizing:border-box!important;opacity:.6!important;border:1px solid transparent!important;transition:opacity .2s,border-color .2s}
body.spo-product .flex-control-thumbs li img.flex-active,body.spo-product .flex-control-thumbs li img:hover{opacity:1!important;border-color:var(--spt-ink)!important}
body.spo-product .woocommerce-product-gallery__trigger{background:#fff!important;border-radius:50%!important;box-shadow:0 4px 14px -6px rgba(23,26,33,.3)!important}

/* Kokkuvõte */
body.spo-product .summary.entry-summary{font-family:var(--spt-f)!important;padding-top:8px!important}
body.spo-product .summary .onsale{display:none!important}
body.spo-product .shoptimizer-product-prevnext{opacity:.5}
body.spo-product h1.product_title{text-transform:uppercase;font-family:var(--spt-f)!important;font-size:clamp(22px,2.1vw,30px)!important;font-weight:600!important;line-height:1.25!important;letter-spacing:.005em!important;color:var(--spt-ink)!important;margin:0 0 18px!important;text-wrap:balance}
body.spo-product .summary p.price{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 12px!important;margin:0 0 6px!important;font-family:var(--spt-f)!important}
body.spo-product .summary p.price ins,body.spo-product .summary p.price > .woocommerce-Price-amount{order:1;font-size:32px!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--spt-ink)!important;text-decoration:none!important;background:none!important}
body.spo-product .summary p.price ins .amount,body.spo-product .summary p.price > .amount{color:var(--spt-ink)!important}
body.spo-product .summary p.price del{order:2;font-size:16px!important;color:var(--spt-muted)!important;opacity:1!important}
body.spo-product .summary p.price .woocommerce-price-suffix{order:3;font-size:13px!important;color:var(--spt-muted)!important}
body.spo-product .summary .sale-item.product-label{display:inline-flex!important;position:static!important;float:none!important;margin:2px 0 22px!important;background:var(--spt-ink)!important;color:#fff!important;border-radius:999px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;min-width:0!important;min-height:0!important}
body.spo-product .summary .sale-item.product-label::before{content:"Soodus\00a0";font-weight:500;color:var(--spt-yellow)}
body.spo-product .woocommerce-product-details__short-description{margin:0 0 22px!important;padding:22px 0 0!important;border-top:1px solid var(--spt-line)!important}
body.spo-product .woocommerce-product-details__short-description h2,body.spo-product .woocommerce-product-details__short-description h3{font-family:var(--spt-f)!important;font-size:18px!important;font-weight:600!important;line-height:1.35!important;color:var(--spt-ink)!important;margin:0 0 8px!important}
body.spo-product .woocommerce-product-details__short-description h2 strong{font-weight:600!important}
body.spo-product .woocommerce-product-details__short-description p,body.spo-product .woocommerce-product-details__short-description li{font-size:15px!important;line-height:1.7!important;color:var(--spt-text)!important;margin:0 0 8px!important}
body.spo-product .summary p.stock{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 16px!important;font-size:14px!important;font-weight:500!important;color:var(--spt-ink)!important}
body.spo-product .summary p.stock::before{content:""!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#3E9B63!important;flex:0 0 8px;margin:0!important;mask:none!important;-webkit-mask:none!important;position:static!important}
body.spo-product .summary p.stock.out-of-stock::before{background:#C93A21!important}
body.spo-product .summary p.stock svg{display:none!important}

/* Ostuvorm */
body.spo-product form.cart{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 14px!important;padding:0!important;border:0!important}
body.spo-product form.cart .quantity{margin:0!important;height:56px!important;border:1px solid #DCDDD8!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}
body.spo-product form.cart .quantity input.qty{height:54px!important;border:0!important;background:transparent!important;font-family:var(--spt-f)!important;font-size:16px!important;font-weight:600!important;color:var(--spt-ink)!important;box-shadow:none!important}
body.spo-product form.cart .quantity .quantity-nav{height:54px!important}
body.spo-product form.cart button.single_add_to_cart_button{flex:1 1 200px!important;height:56px!important;margin:0!important;border:0!important;border-radius:12px!important;background:var(--spt-gold)!important;color:#fff!important;font-family:var(--spt-f)!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 12px 26px -16px rgba(150,110,0,.8)!important;transition:background .2s,transform .2s}
body.spo-product form.cart button.single_add_to_cart_button:hover{background:var(--spt-gold-2)!important;transform:translateY(-1px)}
body.spo-product form.cart .montonio-inbank-calculator{flex:0 0 100%!important;margin:4px 0 0!important}
body.spo-product form.cart .montonio-inbank-calculator > div{border-radius:14px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}

/* Usaldusplokk ostunupu all */
.spo-trust-box{list-style:none;margin:18px 0 0;padding:6px 18px;border:1px solid var(--spt-line);border-radius:16px;background:#fff;font-family:var(--spt-f)}
.spo-trust-box li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid var(--spt-line);font-size:14px;line-height:1.5;color:var(--spt-text)}
.spo-trust-box li:last-child{border-bottom:0}
.spo-trust-box svg{flex:0 0 20px;width:20px;height:20px;margin-top:1px;color:var(--spt-ink)}
.spo-trust-box b{display:block;font-weight:600;color:var(--spt-ink)}
.spo-install-box{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:12px 0 0;padding:16px 18px;border-radius:16px;background:var(--spt-ink);color:#fff;font-family:var(--spt-f)}
.spo-install-box div{min-width:0}
.spo-install-box b{display:block;font-size:15px;font-weight:600;color:#fff}
.spo-install-box span{display:block;font-size:13px;color:#B4B8C2;margin-top:2px}
body.spo-product .spo-install-box a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:10px;background:var(--spt-yellow);color:var(--spt-ink)!important;font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap}

/* Kirjeldus */
body.spo-product .woocommerce-tabs{max-width:820px!important;margin:0 auto!important;padding:64px 0 24px!important;border-top:1px solid var(--spt-line)!important;font-family:var(--spt-f)!important}
body.spo-product .woocommerce-tabs ul.tabs{display:none!important}
body.spo-product .woocommerce-tabs .panel{margin:0!important;padding:0!important}
body.spo-product .woocommerce-tabs .panel::before{content:"Tootest lähemalt";display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--spt-muted);margin:0 0 18px}
body.spo-product .woocommerce-tabs .panel h2,body.spo-product .woocommerce-tabs .panel h3{font-family:var(--spt-f)!important;font-size:22px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.3!important;color:var(--spt-ink)!important;margin:40px 0 10px!important}
body.spo-product .woocommerce-tabs .panel h2:first-child,body.spo-product .woocommerce-tabs .panel h3:first-child{margin-top:0!important}
body.spo-product .woocommerce-tabs .panel h2 strong,body.spo-product .woocommerce-tabs .panel h3 strong{font-weight:600!important}
body.spo-product .woocommerce-tabs .panel p,body.spo-product .woocommerce-tabs .panel li{font-size:16px!important;line-height:1.8!important;color:var(--spt-text)!important}
body.spo-product .woocommerce-tabs .panel img{border-radius:16px!important}
body.spo-product .woocommerce-tabs .panel .video-container{border-radius:18px!important;overflow:hidden!important;margin-top:32px!important}

/* Meta ja seotud tooted */
body.spo-product .product_meta{font-family:var(--spt-f)!important;font-size:12px!important;color:var(--spt-muted)!important;border-top:1px solid var(--spt-line)!important;padding-top:20px!important}
body.spo-product .product_meta a{color:var(--spt-muted)!important}
body.spo-product section.related > h2,body.spo-product .related-wrapper h2{font-family:var(--spt-f)!important;font-size:clamp(24px,2.4vw,32px)!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--spt-ink)!important;margin:40px 0 28px!important;text-transform:none!important}
body.spo-product.spo-shop ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}

body.spo-product ul.products{width:100%!important;margin-left:0!important;margin-right:0!important}
body.spo-product ul.products li.product{min-width:0!important;max-width:100%!important}
body.spo-product ul.products li.product .woocommerce-card__header{box-shadow:none!important;background:transparent!important}
@media (max-width:900px){
  body.spo-product .product-details-wrapper{padding-top:20px!important}
  body.spo-product .related-wrapper,body.spo-product section.related{padding-left:0!important;padding-right:0!important;overflow:hidden}
  body.spo-product.spo-shop ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.spo-product .woocommerce-tabs{padding:44px 16px 16px!important}
  body.spo-product .woocommerce-tabs .panel h2,body.spo-product .woocommerce-tabs .panel h3{font-size:19px!important;margin-top:30px!important}
  body.spo-product .woocommerce-tabs .panel p,body.spo-product .woocommerce-tabs .panel li{font-size:15px!important}
}
body.spo-product .woocommerce-product-gallery .flex-viewport{clip-path:inset(0 2px 0 0 round 24px)}
/* „Lisa korvi“: lehe kollane (#EBC82F) valge kirjaga, nagu ülemine riba */
body.spo-product form.cart button.single_add_to_cart_button{background:#EBC82F!important;color:#fff!important;box-shadow:0 12px 26px -16px rgba(200,160,0,.8)!important}
body.spo-product form.cart button.single_add_to_cart_button:hover{background:#DDB923!important}

/* Kiirus ja stabiilsus (CLS) */
/* Enne galerii käivitumist näita ainult esimest pilti (muidu on telefonis hetkeks kõik pildid üksteise all ja leht hüppab) */
body.spo-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper:not([style*="width"]) > .woocommerce-product-gallery__image:nth-child(n+2){display:none!important}
/* Inbanki kalkulaatorile ruum ette, et ostunupu all olev sisu ei hüppaks */
body.spo-product form.cart .montonio-inbank-calculator{min-height:150px}
@media (max-width:600px){body.spo-product form.cart .montonio-inbank-calculator{min-height:125px}}
/* YouTube eelvaade: video laeb alles klikiga */
.spo-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;max-width:100%;border-radius:18px;overflow:hidden;background:#000;cursor:pointer;border:0;padding:0;margin:32px 0 0}
.spo-yt img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;opacity:.85;transition:opacity .2s}
.spo-yt:hover img{opacity:1}
.spo-yt span{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(19,20,41,.85);display:flex;align-items:center;justify-content:center}
.spo-yt span::after{content:"";margin-left:5px;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff}
.spo-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-container:has(.spo-yt){padding:0!important;height:auto!important;overflow:visible!important}
/* Telefonis ja tahvlis: galeriile kõrgus ette (pilt + pisipildid), et tooteinfo ei hüppaks galerii käivitumisel */
@media (max-width:992px){
  body.spo-product .woocommerce-product-gallery{height:calc(100vw - 30px);overflow:hidden}
  body.spo-product .woocommerce-product-gallery:has(.woocommerce-product-gallery__image:nth-child(2)){height:calc(100vw - 30px + 85px)}
  body.spo-product .woocommerce-product-gallery .woocommerce-product-gallery__image{float:left}
}
/* Telefonis pisipildid ühes reas (kerivad), et galerii kõrgus jääks samaks ka paljude piltidega */
@media (max-width:992px){body.spo-product .flex-control-thumbs{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}body.spo-product .flex-control-thumbs li{flex:0 0 auto}}
