@import url("/css/okolica-v8-theme.css");
@import url("/css/okolica-brand-v8-bridge.css");

#okolica-product-root{
    --bg-color:var(--ok-paper,#F9F9F6);--card-bg:var(--ok-white,#ffffff);--accent-color:var(--ok-orange,#FF5A26);--accent-hover:var(--ok-orange-hover,#DF441E);
    --text-main:var(--ok-ink,#252724);--text-muted:var(--ok-muted,#535851);--border-color:var(--ok-line,#DADDD8);--border-strong:var(--ok-border-strong,#9A9D98);
    --shadow-sm:0 1px 3px rgba(28,28,28,.07);--ok:#22c55e;--warn:#f59e0b;
    --transition:color .38s cubic-bezier(.4,0,.2,1), background-color .38s cubic-bezier(.4,0,.2,1), border-color .38s cubic-bezier(.4,0,.2,1), opacity .4s cubic-bezier(.4,0,.2,1), box-shadow .45s cubic-bezier(.4,0,.2,1), transform .45s cubic-bezier(.4,0,.2,1);
    --container-width:1392px;font-family:var(--ok-ui-font,Manrope,Arial,sans-serif);background:var(--bg-color);
    color:var(--text-main);line-height:1.5;overflow-x:hidden;width:100%;
}
#okolica-product-root *{box-sizing:border-box;margin:0;padding:0}
#okolica-product-root a{text-decoration:none;color:inherit;transition:var(--transition)}
#okolica-product-root ul{list-style:none}
#okolica-product-root .container{max-width:var(--container-width);margin:0 auto;padding:0 20px}
#okolica-product-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:8px;font-weight:700;cursor:pointer;border:none;font-size:.95rem;font-family:inherit;transition:var(--transition)}
#okolica-product-root .btn-primary{background:var(--accent-color);color:#fff}
#okolica-product-root .btn-primary:hover{background:var(--accent-hover)}
#okolica-product-root .btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}
#okolica-product-root .btn-ghost:hover{border-color:var(--accent-color);color:var(--accent-color)}
#okolica-product-root .btn-lg{padding:16px 22px;font-size:1.05rem;width:100%}
#okolica-product-root .btn-wish,#okolica-product-root .btn-compare{min-height:48px}
#okolica-product-root .btn-wish.is-active,#okolica-product-root .btn-compare.is-active{border-color:var(--accent-color);color:var(--accent-color);background:rgba(255, 90, 38,.08)}
#okolica-product-root .btn-compare.is-pop,#okolica-product-root .ok-compare-toggle.is-pop{animation:okComparePop .62s cubic-bezier(.4,0,.2,1)}
@keyframes okComparePop{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}
#okolica-product-root header{background:#ffffff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}
#okolica-product-root .header-inner{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center;padding:14px 0}
#okolica-product-root .logo{font-size:1.35rem;font-weight:900;display:flex;align-items:center;gap:8px;text-transform:uppercase;color:#0f172a}
#okolica-product-root .logo i{color:var(--accent-color)}
#okolica-product-root .header-actions{display:flex;gap:18px}
#okolica-product-root .action-item{display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:var(--text-muted);position:relative}
#okolica-product-root .action-item i{font-size:1.15rem;margin-bottom:2px}
#okolica-product-root .action-item:hover{color:var(--accent-color)}
#okolica-product-root .badge{position:absolute;top:-4px;right:2px;background:var(--accent-color);color:#fff;font-size:.6rem;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
#okolica-product-root .crumbs{padding:0 0 10px;font-size:.78rem;color:var(--text-muted);line-height:1.35}
#okolica-product-root .crumbs span{margin:0 6px;opacity:.45}
#okolica-product-root .crumbs a:hover{color:var(--accent-color)}
#okolica-product-root .pd-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;padding:18px 0 36px;align-items:start}
#okolica-product-root .gallery{min-width:0}
#okolica-product-root .gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#okolica-product-root .gallery-shot{position:relative;margin:0;aspect-ratio:3/4;background:linear-gradient(160deg,#f8fafc,#eef2f7);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);scroll-snap-align:start}
#okolica-product-root .gallery-shot:only-child{grid-column:1/-1;aspect-ratio:1/1;min-height:420px}
#okolica-product-root .gallery-shot.is-zoomed{cursor:zoom-out;z-index:2}
#okolica-product-root .gallery-shot.is-zoomed img{transform:scale(1.55);cursor:zoom-out}
#okolica-product-root .gallery-shot img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.4,0,.2,1)}
#okolica-product-root .pd-info{position:sticky;top:90px;align-self:start;min-width:0}
#okolica-product-root .pd-brand{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-color);margin-bottom:6px}
#okolica-product-root .pd-kind{font-size:.72rem;color:var(--text-muted);margin-bottom:4px}
#okolica-product-root .pd-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
#okolica-product-root .pd-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:800;line-height:1.2}
#okolica-product-root .pd-pill.is-sale{background:rgba(255, 90, 38,.16);color:var(--accent-color)}
#okolica-product-root .pd-pill.is-on{background:rgba(34,197,94,.12);color:#15803d}
#okolica-product-root .pd-pill.is-off{background:rgba(251,113,133,.12);color:#be123c}
#okolica-product-root .pd-rate{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--text-main);text-decoration:none}
#okolica-product-root .pd-rate .stars{color:#FFD700}
#okolica-product-root .pd-rate span{color:var(--text-muted);font-weight:600}
#okolica-product-root .pd-title{font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;line-height:1.2;margin:0 0 12px;letter-spacing:-.03em;color:var(--text-main)!important}
#okolica-product-root .pd-sku{font-family:ui-monospace,monospace;font-size:.78rem;color:var(--text-muted);margin-bottom:10px}
#okolica-product-root .pd-stock{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.86rem;margin-bottom:12px}
#okolica-product-root .pd-stock.is-on{color:var(--ok)}
#okolica-product-root .pd-stock.is-off{color:#fb7185}
#okolica-product-root .pd-stock i{font-size:.7rem}
#okolica-product-root .pd-price-box{margin:0 0 14px}
#okolica-product-root .pd-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}
#okolica-product-root .pd-price{font-size:1.85rem;font-weight:900;letter-spacing:-.03em;color:var(--text-main)}
#okolica-product-root .pd-old{font-size:1rem;text-decoration:line-through;color:var(--text-muted)}
#okolica-product-root .pd-sale{display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;background:rgba(255, 90, 38,.16);color:var(--accent-color);font-weight:800;font-size:.8rem}
#okolica-product-root .pd-save{margin-top:6px;color:#15803d;font-size:.84rem;font-weight:700}
#okolica-product-root .pd-size{margin-bottom:14px}
#okolica-product-root .pd-size-label{font-size:.76rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
#okolica-product-root .pd-size-pills{display:flex;flex-wrap:wrap;gap:8px}
#okolica-product-root .pd-size-pill{min-width:48px;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:#ffffff;font-weight:800;text-align:center;color:var(--text-main)}
#okolica-product-root .pd-size-pill.is-on{border-color:var(--accent-color);background:rgba(255, 90, 38,.12);color:var(--text-main)}
#okolica-product-root .pd-size-hint{margin-top:8px;font-size:.84rem;color:var(--text-muted)}
#okolica-product-root .pd-buy-row{display:flex;align-items:stretch;gap:8px;margin-bottom:8px}
#okolica-product-root .pd-buy-row > :first-child{flex:1;min-width:0}
#okolica-product-root .pd-buy-row .btn-lg{flex:1;min-width:0;width:auto;padding:14px 16px;font-size:.95rem}
#okolica-product-root .ok-qty-ctrl{
  flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:space-between;
  gap:8px;height:48px;padding:0 6px;border:1px solid var(--border-color);border-radius:8px;background:#fff;
}
#okolica-product-root .ok-qty-ctrl .ok-qty-btn{
  width:36px;height:36px;border:0;border-radius:6px;background:rgba(255, 90, 38,.1);
  color:var(--accent-color);font-size:1.2rem;font-weight:800;cursor:pointer;line-height:1;
}
#okolica-product-root .ok-qty-ctrl .ok-qty-btn:hover{background:var(--accent-color);color:#fff}
#okolica-product-root .ok-qty-ctrl .ok-qty-val{font-weight:800;min-width:1.5em;text-align:center}
#okolica-product-root .pd-installment{display:grid;gap:6px;margin:0 0 12px}
#okolica-product-root .pd-installment .ok-installment-btn{
    width:100%;min-height:48px;padding:14px 16px;font-size:.95rem;border-radius:8px;
    background:#ffffff;color:var(--text-main);border:1px solid var(--border-color);font-weight:700;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;
    transition:var(--transition)
}
#okolica-product-root .pd-installment .ok-installment-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:rgba(255, 90, 38,.08)}
#okolica-product-root .pd-installment .ok-installment-hint{margin:0;font-size:.78rem;line-height:1.35;color:var(--text-muted);text-align:center;font-weight:600}
#okolica-product-root .gallery-shot .ok-no-photo{width:100%;height:100%;min-height:0;border:none;border-radius:0;background:transparent}
#okolica-product-root .pd-icon-btn{position:relative;width:48px;height:48px;flex:0 0 48px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}
#okolica-product-root .pd-icon-btn .ok-wish-label,#okolica-product-root .pd-icon-btn .ok-compare-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#okolica-product-root .pd-icon-btn:hover,#okolica-product-root .pd-icon-btn.is-active{border-color:var(--accent-color);color:var(--accent-color);background:rgba(255, 90, 38,.08)}
#okolica-product-root .pd-acc{border-bottom:1px solid var(--border-color)}
#okolica-product-root .pd-acc summary{cursor:pointer;font-weight:800;font-size:.95rem;padding:14px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-main)}
#okolica-product-root .pd-acc summary::-webkit-details-marker{display:none}
#okolica-product-root .pd-acc summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.72rem;color:var(--text-muted);transition:transform .2s ease}
#okolica-product-root .pd-acc[open] summary::after{transform:rotate(180deg)}
#okolica-product-root .pd-acc-body{padding:0 0 16px;color:var(--text-muted);font-size:.88rem;line-height:1.5}
#okolica-product-root .pd-acc-list{display:grid;gap:8px}
#okolica-product-root .pd-acc-list div{display:flex;gap:10px;align-items:flex-start}
#okolica-product-root .pd-acc-list i{color:var(--accent-color);margin-top:3px;width:16px;text-align:center;flex:0 0 16px}
#okolica-product-root .pd-ship{display:grid;gap:8px;font-size:.86rem;color:var(--text-muted)}
#okolica-product-root .pd-ship div{display:flex;gap:10px;align-items:flex-start}
#okolica-product-root .pd-ship i{color:var(--accent-color);margin-top:2px;width:16px;text-align:center}
#okolica-product-root .pd-seller{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}
#okolica-product-root .pd-seller strong{color:var(--text-main)}
#okolica-product-root .pd-analog{
    display:grid;gap:6px;padding:14px 16px;margin:0 0 16px;border-radius:10px;
    border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08);
}
#okolica-product-root .pd-analog strong{color:#b45309;font-size:.92rem}
#okolica-product-root .pd-analog p{color:var(--text-muted);font-size:.88rem;line-height:1.45}
#okolica-product-root .pd-analog .muted{color:var(--text-muted);font-size:.82rem}
#okolica-product-root .pd-why-fit{
    display:grid;gap:6px;padding:14px 16px;margin:0 0 16px;border-radius:10px;
    border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.08);
}
#okolica-product-root .pd-why-fit.is-no{
    border-color:rgba(251,113,133,.45);background:rgba(251,113,133,.08);
}
#okolica-product-root .pd-why-fit.is-unknown{
    border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.08);
}
#okolica-product-root .pd-why-fit strong{font-size:.92rem}
#okolica-product-root .pd-why-fit.is-yes strong{color:#15803d}
#okolica-product-root .pd-why-fit.is-no strong{color:#be123c}
#okolica-product-root .pd-why-fit.is-unknown strong{color:#b45309}
#okolica-product-root .pd-why-fit p{color:var(--text-muted);font-size:.88rem;line-height:1.45}
#okolica-product-root .pd-why-fit .muted{color:var(--text-muted);font-size:.82rem}
#okolica-product-root .pd-block{margin-bottom:36px}
#okolica-product-root .pd-block h2{font-size:1.05rem;font-weight:800;margin-bottom:14px;color:var(--text-main)!important;letter-spacing:-.01em}
#okolica-product-root .pd-highlights{display:grid;gap:8px;margin:0}
#okolica-product-root .pd-hi{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;font-weight:600;color:var(--text-main)}
#okolica-product-root .pd-hi i{color:var(--accent-color);margin-top:2px;width:16px;text-align:center;flex:0 0 16px}
#okolica-product-root .pd-desc-full{color:var(--text-muted);font-size:.88rem;line-height:1.6}
#okolica-product-root .pd-desc-full p{margin:0 0 10px}
#okolica-product-root .pd-desc-lead{color:var(--text-muted);font-size:.9rem;margin-bottom:10px}
#okolica-product-root .pd-mini-table{width:100%;border-collapse:collapse}
#okolica-product-root .pd-mini-table th,#okolica-product-root .pd-mini-table td{padding:8px 0;border-bottom:1px solid var(--border-color);text-align:left;font-size:.84rem}
#okolica-product-root .pd-mini-table th{color:var(--text-muted);font-weight:500;width:44%}
#okolica-product-root .pd-mini-table td{color:var(--text-main);font-weight:700}
#okolica-product-root .pd-comfort{display:grid;gap:6px}
#okolica-product-root .pd-comfort li{padding:6px 0;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.86rem}
#okolica-product-root .pd-comfort li::before{content:"✓ ";color:var(--ok);font-weight:800}
#okolica-product-root .spec-table{width:100%;border-collapse:collapse}
#okolica-product-root .spec-table tr{border-bottom:1px solid var(--border-color)}
#okolica-product-root .spec-table th,#okolica-product-root .spec-table td{padding:10px 0;text-align:left;font-size:.84rem;vertical-align:top}
#okolica-product-root .spec-table th{width:44%;color:var(--text-muted);font-weight:500}
#okolica-product-root .spec-table td{color:var(--text-main);font-weight:700}
#okolica-product-root .fitment-list{display:flex;flex-direction:column;gap:0}
#okolica-product-root .fit-row{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--border-color);font-size:.84rem}
#okolica-product-root .fit-row:first-child{border-top:1px solid var(--border-color)}
#okolica-product-root .fit-brand{font-weight:700;text-transform:capitalize}
#okolica-product-root .fit-model{color:var(--text-main);text-transform:uppercase}
#okolica-product-root .fit-years{color:var(--text-muted);grid-column:1/-1}
#okolica-product-root .pd-similar{padding:28px 0 60px;border-top:1px solid var(--border-color)}
#okolica-product-root .similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
#okolica-product-root .similar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;position:relative;transition:var(--transition);box-shadow:var(--shadow-sm)}
#okolica-product-root .similar-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}
#okolica-product-root .similar-card a.similar-link{position:absolute;inset:0;z-index:1;border-radius:8px}
#okolica-product-root .similar-card .ok-wish-toggle,#okolica-product-root .similar-card .ok-compare-toggle{position:relative;z-index:2}
#okolica-product-root .similar-actions{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:6px}
#okolica-product-root .similar-actions button{width:32px;height:32px;border-radius:4px;border:1px solid var(--border-color);background:#ffffff;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
#okolica-product-root .similar-actions button.is-active,#okolica-product-root .similar-actions button[data-compared="1"],#okolica-product-root .similar-actions button[data-wishlisted="1"]{color:var(--accent-color);border-color:var(--accent-color)}
#okolica-product-root .similar-img{aspect-ratio:1/1;width:100%;height:auto;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
#okolica-product-root .similar-img img{display:block;max-width:calc(100% - 16px);max-height:calc(100% - 16px);width:auto;height:auto;object-fit:contain;object-position:center;margin:auto}
#okolica-product-root .similar-brand{font-size:.75rem;font-weight:700;color:var(--text-main)}
#okolica-product-root .similar-title{font-size:.82rem;color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
#okolica-product-root .similar-price{font-size:1rem;font-weight:800;margin-top:auto;color:var(--text-main)}
@media(max-width:960px){
    #okolica-product-root .pd-layout{grid-template-columns:1fr;gap:20px}
    #okolica-product-root .pd-info{position:static}
    #okolica-product-root .header-inner{grid-template-columns:1fr auto}
    #okolica-product-root .gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px}
    #okolica-product-root .gallery-shot{flex:0 0 82%;aspect-ratio:1/1;min-height:0}
    #okolica-product-root .gallery-shot:only-child{flex-basis:100%;min-height:280px}
    #okolica-product-root .action-item{min-width:44px;min-height:44px;justify-content:center}
}
@media(max-width:600px){
    #okolica-product-root .container{padding:0 12px}
    #okolica-product-root .action-item span{display:none}
    #okolica-product-root .gallery-shot{flex-basis:88%}
    #okolica-product-root .pd-title{font-size:1.2rem}
    #okolica-product-root .pd-price{font-size:1.55rem}
    #okolica-product-root .pd-buy-row{
        position:sticky;bottom:0;z-index:30;margin:12px -12px 0;padding:10px 72px calc(10px + env(safe-area-inset-bottom,0px)) 12px;
        background:#fff;border-top:1px solid var(--border-color);box-shadow:0 -8px 24px rgba(15,23,42,.08)
    }
    #okolica-product-root .pd-buy-row .btn-lg{min-height:48px}
    #okolica-product-root .pd-installment{margin-bottom:8px}
    #okolica-product-root .similar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    #okolica-product-root .fit-row{grid-template-columns:1fr;gap:2px}
}
#okolica-product-root .ok-waitlist-btn{background:#ffffff!important;border:1px solid #FF5A26!important;color:#0f172a!important}
#okolica-product-root .ok-waitlist-btn:hover,#okolica-product-root .ok-waitlist-btn.is-waitlisted{background:rgba(255, 90, 38,.12)!important;color:#FF5A26!important}
#okolica-product-root .ok-waitlist-btn i{margin-right:6px}