/* SitePaketim v0.3.1 — distinct premium theme catalog & honest demos */
.sp-premium-gallery .sp-premium-card{border-radius:22px;box-shadow:0 14px 42px rgba(12,34,79,.07)}
.sp-premium-card .theme-cover{height:247px;padding:15px 15px 0}
.sp-premium-card .theme-details{padding:23px 22px 22px}
.sp-premium-card .sp-premium-description{min-height:43px;line-height:1.55;font-size:12px;color:#6e7c91;margin:9px 0 19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-premium-card .card-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sp-premium-card .card-kicker>span:first-child{font-size:10px;font-weight:900;color:#4766e9;letter-spacing:.08em;text-transform:uppercase}
.sp-premium-card .card-kicker .pill{font-size:9px;font-weight:800}
.sp-premium-card h3{font-size:20px;letter-spacing:-.045em;margin:13px 0 7px}
.sp-premium-card .sp-price-line{padding:16px 0 17px;border-top:1px solid #edf0f7}
.sp-premium-card .theme-price small{font-size:9px;letter-spacing:.07em;margin-bottom:7px}
.sp-premium-card .theme-price div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.sp-premium-card .theme-price strong{font-size:24px;color:#162341}
.sp-premium-card .theme-price div>span{font-size:12px;color:#7f8aa0}
.sp-premium-card .theme-price del{font-size:12px}
.sp-card-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr) minmax(0,.9fr);gap:8px;align-items:stretch}
.sp-card-buttons form{min-width:0;display:flex;margin:0}
.sp-card-buttons .sp-card-button{width:100%;min-width:0;min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;text-decoration:none;font-size:12px;line-height:1.2;letter-spacing:0;font-weight:850;padding:11px 8px;white-space:nowrap;transition:transform .2s,box-shadow .2s,border-color .2s;border:1px solid #d9e3f7;cursor:pointer}
.sp-card-button:hover{transform:translateY(-2px)}.sp-card-button:focus-visible{outline:3px solid #65c8fc;outline-offset:2px}
.sp-card-button-demo{background:#eff5ff;color:#3563d9!important;border-color:#bfd1fa!important}
.sp-card-button-detail{background:white;color:#283954!important}
.sp-card-button-buy{background:linear-gradient(120deg,#3968fc,#26bad4);border-color:transparent!important;color:white;box-shadow:0 8px 18px rgba(55,107,235,.18)}
.sp-card-button-buy:hover{box-shadow:0 11px 23px rgba(48,91,215,.28)}
.sp-card-actual-shot{position:absolute;inset:15px 15px 0;width:calc(100% - 30px);height:calc(100% - 15px);object-fit:cover;object-position:top center;border-radius:9px 9px 0 0;z-index:2;background:#f7f9ff}
.sp-premium-card .card-cover-gloss{z-index:3}.sp-premium-card .popular{z-index:5}
.sp-cover-indicator{position:absolute;right:22px;bottom:17px;z-index:6;padding:6px 9px;border-radius:7px;background:rgba(12,26,51,.86);color:white;font-weight:800;font-size:9px;letter-spacing:.025em;backdrop-filter:blur(7px)}
.sp-detail-demo-options{padding:18px 0 12px}.sp-detail-demo-options .sp-demo-options-heading{display:block;color:#71849f;font-size:10px;font-weight:900;letter-spacing:.095em}
.sp-detail-demo-options .btn{white-space:normal;min-height:44px}.sp-demo-unavailable{border:1px dashed #cbd6e9;border-radius:12px;color:#7e899d;padding:13px;margin-top:12px;text-align:center;font-size:12px;background:#f9fbff}
.sp-preview-secondary{display:block;text-align:center;margin:16px 0 4px;color:#365fdb;font-size:12px;font-weight:750}
.sp-admin-migration-card{margin-top:24px}
.sp-demo-hero{background:#f7faff;padding:56px 0 32px}.sp-demo-hero-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.sp-demo-hero h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.06em;margin:9px 0}.sp-demo-hero p{font-size:13px;margin-bottom:0}
.sp-demo-lab{background:linear-gradient(155deg,#f4f8ff,#eaf0fa);padding:20px 0 75px}
.sp-demo-toolbar{background:#fff;border:1px solid #e0e8f5;border-radius:19px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 10px 22px #142d5420}
.sp-demo-toolbar-brand{display:flex;gap:10px;align-items:center;font-size:13px}.sp-demo-toolbar-brand small{color:#8493ab;font-size:11px}.sp-demo-online-dot{height:9px;width:9px;background:#23bd9b;border-radius:50%;box-shadow:0 0 0 5px #dcf8ed}
.sp-device-selector{display:flex;gap:6px;background:#f1f5fb;padding:5px;border-radius:12px}
.sp-device-option{background:transparent;border:none;border-radius:9px;padding:9px 15px;color:#687a94;font-weight:800;font-size:12px;cursor:pointer}
.sp-device-option.active{background:#17325f;color:white;box-shadow:0 5px 12px #13284d26}
.sp-demo-workspace{display:flex;justify-content:center;align-items:flex-start;padding:34px 18px;min-height:600px;transition:all .3s}
.sp-demo-device{width:min(100%,1080px);background:white;border:1px solid #dfe5ee;border-radius:20px;box-shadow:0 36px 90px #23375c38;overflow:hidden;transition:width .4s}
.sp-demo-device-top{display:flex;align-items:center;justify-content:space-between;height:44px;background:#fcfdff;border-bottom:1px solid #e7ecf4;padding:0 20px;color:#91a0b5;font-size:11px}
.sp-demo-dots{display:flex;gap:5px}.sp-demo-dots i{height:8px;width:8px;border-radius:50%;background:#d9e2ee}.sp-demo-dots i:first-child{background:#fb8997}.sp-demo-dots i:nth-child(2){background:#ffd881}.sp-demo-dots i:last-child{background:#79c9a9}
.sp-demo-mock-display{min-height:550px;overflow:hidden}.sp-demo-mock-display .theme-preview{height:550px;width:100%;border-radius:0;box-shadow:none;transform:none}
.sp-demo-mock-display .theme-preview:hover{transform:none}.sp-demo-mock-display .mock-browser{display:none}.sp-demo-mock-display .mock-content{height:100%}
.sp-demo-mock-display .mock-site-top{height:75px;padding:0 36px}.sp-demo-mock-display .mock-logo{font-size:24px}.sp-demo-mock-display .mock-links{font-size:12px}.sp-demo-mock-display .mock-site-hero{height:475px}.sp-demo-mock-display .mock-words{padding:60px 30px}.sp-demo-mock-display .mock-kicker{font-size:12px}.sp-demo-mock-display .mock-words h3{font-size:clamp(35px,5vw,69px);max-width:440px}.sp-demo-mock-display .mock-button{font-size:12px;padding:11px 18px}
.sp-demo-mock-display .scene-back,.sp-demo-mock-display .scene-mid,.sp-demo-mock-display .scene-front{transform:scale(1.9);transform-origin:top right}
.sp-demo-screenshot{min-height:360px}.sp-demo-screenshot img{display:block;width:100%;height:auto;object-fit:contain;object-position:top}.sp-screen-mobile{display:none!important}
.sp-demo-workspace.is-mobile .sp-demo-device{width:min(100%,390px);border-radius:31px;border:7px solid #15253e}
.sp-demo-workspace.is-mobile .sp-demo-mock-display{min-height:650px}.sp-demo-workspace.is-mobile .theme-preview{height:650px}.sp-demo-workspace.is-mobile .mock-content{height:100%}
.sp-demo-workspace.is-mobile .mock-site-top{height:70px;padding:0 20px}.sp-demo-workspace.is-mobile .mock-logo{font-size:17px}.sp-demo-workspace.is-mobile .mock-links{display:none}.sp-demo-workspace.is-mobile .mock-menu{font-size:20px}
.sp-demo-workspace.is-mobile .mock-site-hero{display:flex;flex-direction:column;height:580px}.sp-demo-workspace.is-mobile .mock-words{padding:35px 23px 24px;min-height:240px}.sp-demo-workspace.is-mobile .mock-words h3{font-size:39px}.sp-demo-workspace.is-mobile .mock-kicker{font-size:9px}.sp-demo-workspace.is-mobile .mock-scene{flex:1;min-height:260px}
.sp-demo-workspace.is-mobile .sp-screen-desktop{display:none!important}.sp-demo-workspace.is-mobile .sp-screen-mobile{display:block!important}
.sp-demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;padding:25px 30px;border-radius:19px;border:1px solid #dce5f2}.sp-demo-bottom strong{font-size:19px;letter-spacing:-.04em}.sp-demo-bottom p{font-size:12px;margin:4px 0 0}.sp-demo-bottom form{margin:0}.sp-demo-disclaimer{margin:17px 5px 0;font-size:12px;color:#6c7d94}
@media(max-width:900px){.sp-premium-card .theme-price strong{font-size:21px}.sp-card-buttons{gap:6px}.sp-card-buttons .sp-card-button{font-size:11px;padding:10px 5px}}
@media(max-width:620px){.sp-demo-hero{padding:38px 0 28px}.sp-demo-hero-row{display:block}.sp-demo-hero-row .btn{margin-top:20px}.sp-demo-toolbar{flex-wrap:wrap;padding:13px}.sp-demo-toolbar-brand{flex-wrap:wrap}.sp-demo-toolbar-brand small{display:none}.sp-device-selector{width:100%;justify-content:center}.sp-device-option{flex:1}.sp-demo-workspace{padding:22px 0;min-height:430px}.sp-demo-mock-display{min-height:360px}.sp-demo-mock-display .theme-preview{height:360px}.sp-demo-mock-display .mock-site-top{height:56px;padding:0 12px}.sp-demo-mock-display .mock-logo{font-size:13px}.sp-demo-mock-display .mock-links{font-size:7px}.sp-demo-mock-display .mock-site-hero{height:304px}.sp-demo-mock-display .mock-words{padding:36px 13px}.sp-demo-mock-display .mock-words h3{font-size:29px}.sp-demo-mock-display .mock-kicker{font-size:7px}.sp-demo-mock-display .mock-button{font-size:9px;padding:9px}.sp-demo-bottom{display:block;padding:21px}.sp-demo-bottom form{margin-top:15px}.sp-demo-bottom .btn{width:100%}.sp-demo-workspace.is-mobile .sp-demo-device{width:min(100%,370px)}.sp-demo-workspace.is-mobile .mock-site-hero{height:580px}.sp-demo-workspace.is-mobile .mock-words{padding:35px 23px}.sp-demo-workspace.is-mobile .mock-words h3{font-size:35px}.sp-card-buttons .sp-card-button{font-size:12px;min-height:45px}}