/* SitePaketim 0.3.4: Reference-aligned actual premium gallery layout and imagery. */
:root{--sp34-navy:#0b1a3c;--sp34-accent:#3867ff;--sp34-muted:#63718b;--sp34-line:#e3eaf5;--sp34-bg:#f5f7fc}
body{background:var(--sp34-bg)}
.sp-v034-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 4%,rgba(231,219,255,.52),transparent 53%),linear-gradient(120deg,#f0f5ff,#f9fbff 49%,#eef3ff 100%);padding:58px 0 42px;isolation:isolate}
.sp-v034-hero:before{content:"";position:absolute;inset:auto -5% -70px auto;width:65%;height:240px;border-radius:50%;background:radial-gradient(ellipse,rgba(105,151,232,.2),transparent 67%);z-index:-1}
.sp-v034-hero-inner{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:center;gap:4px;min-height:330px}
.sp-v034-hero-copy{padding:16px 0 14px;position:relative;z-index:2}
.sp-v034-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#294bd0;font-size:11px;letter-spacing:.14em;font-weight:900}
.sp-v034-hero-copy h1{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(40px,4.4vw,65px);line-height:1.08;letter-spacing:-.067em;color:#0c1a35;margin:18px 0 16px;font-weight:900;max-width:650px}
.sp-v034-hero-copy h1 strong{font-weight:900}
.sp-v034-hero-copy>p{font-size:15px;color:#5d6c86;line-height:1.75;max-width:565px;margin:0 0 20px}
.sp-v034-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.sp-v034-hero-pills span{display:inline-flex;align-items:center;padding:9px 13px;gap:7px;border:1px solid #edf2fb;background:rgba(255,255,255,.79);border-radius:999px;color:#43608a;font-size:10px;font-weight:800;box-shadow:0 7px 20px rgba(34,69,133,.04)}
.sp-v034-hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:18px}
.sp-v034-hero-button{display:inline-flex;gap:18px;align-items:center;padding:13px 19px;background:linear-gradient(120deg,#102146,#233f86);color:#fff!important;border-radius:13px;font-size:12px;font-weight:900;box-shadow:0 11px 26px rgba(19,48,102,.16)}
.sp-v034-hero-link{font-size:12px;color:#294bd0;font-weight:900}
.sp-v034-hero-visual{position:relative;min-height:315px;display:flex;align-items:center;justify-content:center}
.sp-v034-hero-visual>img{display:block;width:100%;max-width:740px;height:auto;object-fit:contain;border-radius:28px;mix-blend-mode:multiply;filter:drop-shadow(0 18px 26px rgba(34,54,88,.08))}
.sp-v034-hero-label{position:absolute;top:1%;right:0;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.96);border:1px solid #e8eef9;border-radius:16px;padding:12px 16px;box-shadow:0 14px 32px rgba(30,50,84,.10)}
.sp-v034-hero-label b{font-size:23px;color:#5a5aff}
.sp-v034-hero-label strong{display:block;color:#20304e;font-size:11px;line-height:1.3}
.sp-v034-hero-label small{display:block;color:#70809c;font-size:9px;margin-top:2px}
.sp-v034-catalog-section{padding:27px 0 100px;background:linear-gradient(180deg,#f2f6fd,#f8faff 55%,#f5f8fc)}
.sp-v034-catalog .section-head{margin-bottom:24px}
.sp-v034-filterbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 15px}
.sp-v034-filter-pills{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sp-v034-filter{display:inline-flex;justify-content:center;align-items:center;padding:11px 16px;border-radius:13px;background:#fff;border:1px solid #e5eaf4;color:#465777;font-size:11px;font-weight:850;white-space:nowrap;box-shadow:0 6px 15px rgba(21,44,82,.035);cursor:pointer;transition:.2s ease}
.sp-v034-filter:hover{color:#274fd3;border-color:#bfcdf1;background:#f7faff}
.sp-v034-filter.is-active{color:#fff;background:#0e203d;border-color:#0e203d;box-shadow:0 12px 22px rgba(15,33,72,.17)}
.sp-v034-filter:focus-visible,.sp-v034-search input:focus-visible{outline:3px solid #99aaff;outline-offset:2px}
.sp-v034-search{flex:0 0 205px;position:relative}
.sp-v034-search span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:20px;color:#687c9d}
.sp-v034-search input{width:100%;height:43px;padding:10px 12px 10px 37px;border-radius:13px;background:#fff;border:1px solid #e5eaf3;font-size:12px;color:#27395d;box-shadow:0 7px 19px rgba(23,47,88,.04)}
.sp-v034-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8edf5;padding:13px 17px;margin:0 0 18px;border-radius:13px;color:#6a7b96;box-shadow:0 8px 22px rgba(22,43,79,.035)}
.sp-v034-toolbar p{font-size:11px;margin:0;color:#5f7392}
.sp-v034-toolbar strong{color:#274fd2}
.sp-v034-toolbar>span{font-size:10px;color:#96a4b8}
.sp-v034-no-results{padding:42px;text-align:center;font-size:15px;color:#5e7190;background:#fff;border:1px solid #dfe7f4;border-radius:19px}
.sp-v034-catalog .sp-premium-gallery{gap:26px}
.sp-v034-catalog .theme-card.sp-premium-card{border-radius:21px;box-shadow:0 11px 31px rgba(22,44,77,.055);border-color:#e7ebf2}
.sp-v034-catalog .theme-card.sp-premium-card:hover{box-shadow:0 25px 50px rgba(19,42,75,.13)}
.sp-v034-catalog .theme-cover{height:212px;position:relative;overflow:hidden;background:#e8edf4}
.sp-v034-cover-image{position:absolute;width:100%;height:100%;inset:0;display:block;object-fit:cover;object-position:50% 50%;z-index:1;transform:scale(1.005);transition:transform .3s ease}
.theme-card:hover .sp-v034-cover-image{transform:scale(1.03)}
.sp-v034-art-label{position:absolute;right:12px;bottom:10px;z-index:5;background:rgba(11,29,59,.65);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.21);border-radius:7px;padding:4px 9px;color:#fff;font-size:8px;font-weight:800;letter-spacing:.035em}
.sp-v034-catalog .card-cover-gloss{display:none}
.sp-v034-catalog .sp-cover-indicator{display:none}
.sp-v034-catalog .theme-details{padding:19px 20px 20px}
.sp-v034-catalog .sp-theme-title{font-size:18px;letter-spacing:-.045em;line-height:1.3;color:#172441}
.sp-v034-catalog .card-kicker span:first-child{font-size:10px;color:#375dcb}
.sp-v034-catalog .card-kicker .pill{font-size:9px;padding:4px 8px;border-radius:999px}
.sp-v034-catalog .sp-card-rating{margin:7px 0 5px}
.sp-v034-catalog .sp-card-rating .sp-stars{font-size:11px;letter-spacing:0;color:#ffad00}
.sp-v034-catalog .sp-card-rating strong{font-size:11px}
.sp-v034-catalog .sp-card-rating small{font-size:9px}
.sp-v034-catalog .sp-premium-description{font-size:11px;min-height:31px;line-height:1.5;margin-bottom:8px}
.sp-v034-catalog .sp-card-meta{margin:5px 0 12px;gap:5px}
.sp-v034-catalog .sp-card-meta span{font-size:9px;padding:5px 8px;background:#eef2f8;border-color:transparent;color:#556987}
.sp-v034-catalog .sp-price-line{padding-top:12px;margin:0;border-top:1px solid #ecf0f6}
.sp-v034-catalog .theme-price small{font-size:8px}
.sp-v034-catalog .theme-price>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}
.sp-v034-catalog .theme-price strong{font-size:26px;color:#28375b}
.sp-v034-catalog .theme-price span{font-size:10px}
.sp-v034-catalog .theme-price del{font-size:10px;color:#99a5ba;display:inline-block;margin:0}
.sp-v034-catalog .sp-card-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:15px}
.sp-v034-catalog .sp-card-buttons form{grid-column:auto;width:100%;margin:0}
.sp-v034-catalog .sp-card-button{width:100%;min-height:38px;padding:0 8px;border-radius:10px;font-size:11px}
.sp-v034-catalog .sp-card-button-buy{box-shadow:0 10px 18px rgba(69,91,250,.19)}
.sp-v034-catalog .sp-card-button-demo,.sp-v034-catalog .sp-card-button-detail{border:1px solid #d5ddfc;color:#3c56d4;background:#fff}
.sp-detail-preview{position:relative;overflow:hidden;border-radius:20px}
.sp-detail-preview>.sp-v034-cover-image{position:static;aspect-ratio:1.93;object-fit:cover;height:auto;max-height:540px}
.sp-detail-preview>.sp-v034-art-label{z-index:4}
.sp-detail-preview:has(.sp-v034-cover-image){box-shadow:0 14px 35px rgba(16,42,78,.1)}
@media(max-width:1180px){
 .sp-v034-hero-inner{grid-template-columns:1fr 1fr}
 .sp-v034-filterbar{align-items:flex-start;flex-direction:column}
 .sp-v034-search{flex-basis:auto;width:min(100%,360px)}
}
@media(max-width:900px){
 .sp-v034-hero-inner{grid-template-columns:1fr}
 .sp-v034-hero-visual{min-height:250px;max-width:760px}
 .sp-v034-hero-copy h1{font-size:clamp(38px,7vw,55px)}
 .sp-v034-hero{padding:46px 0 30px}
 .sp-v034-catalog .theme-cover{height:200px}
 .sp-v034-catalog .sp-card-buttons{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
 .sp-v034-hero{padding:40px 0 22px}
 .sp-v034-hero-inner{gap:3px}
 .sp-v034-hero-copy h1{font-size:clamp(34px,9vw,44px)}
 .sp-v034-hero-copy p{font-size:13px}
 .sp-v034-hero-pills span{font-size:9px;padding:8px 10px}
 .sp-v034-hero-visual{min-height:190px}
 .sp-v034-hero-label{padding:8px 10px;top:5%;right:0}
 .sp-v034-hero-label small{font-size:8px}
 .sp-v034-hero-actions{margin-bottom:0}
 .sp-v034-catalog-section{padding:26px 0 65px}
 .sp-v034-filterbar{gap:12px}
 .sp-v034-filter-pills{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding:5px 0 8px;scrollbar-width:thin}
 .sp-v034-filter{font-size:10px;padding:9px 12px}
 .sp-v034-toolbar>span{display:none}
 .sp-v034-catalog .theme-cover{height:230px}
 .sp-v034-catalog .sp-card-buttons{grid-template-columns:repeat(3,1fr)}
 .sp-v034-catalog .sp-card-buttons form{grid-column:auto}
 .sp-v034-catalog .sp-theme-title{font-size:19px}
}