/* SitePaketim v0.3.17 catalog enhancements */
.sp-v0317-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sp-v0317-filters label{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#4a5b76}
.sp-v0317-filters label:has(input){background:#fff;border:1px solid #e0e8f4;border-radius:12px;padding:8px 12px}
.sp-v0317-filters input{width:16px;height:16px;accent-color:#3b65ff}
.sp-v0317-filters select{background:#fff;border:1px solid #dbe4f2;border-radius:10px;padding:9px;font-size:12px;color:#263b5e}
.sp-v0317-filtered{display:none!important}
.sp-v0317-devices{display:flex;justify-content:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}
.sp-v0317-devices button{background:#fff;color:#344665;padding:11px 16px;font:800 12px system-ui;border:1px solid #dae4f3;border-radius:12px;cursor:pointer}
.sp-v0317-devices button.is-active{color:#fff;background:#375ff0;border-color:#375ff0;box-shadow:0 9px 22px #315cf033}
.sp-v0317-preview-shell{min-height:250px;display:flex;justify-content:center;transition:width .25s ease}
.sp-v0317-preview-shell .sp-detail-preview{width:100%;height:max-content;transition:max-width .25s ease}
.sp-v0317-preview-shell[data-size="tablet"] .sp-detail-preview{max-width:600px}
.sp-v0317-preview-shell[data-size="mobile"] .sp-detail-preview{max-width:340px}
.sp-v0317-preview-shell[data-size="mobile"] .sp-detail-preview>.sp-v034-cover-image{aspect-ratio:3/4!important;object-fit:cover;object-position:center}
.sp-v0317-preview-shell[data-size="tablet"] .sp-detail-preview>.sp-v034-cover-image{aspect-ratio:4/3!important;object-fit:cover}
.sp-v0317-preview-note{font-size:11px;color:#647490;line-height:1.6;margin-top:10px}
@media(max-width:680px){.sp-v0317-filters{gap:9px}.sp-v0317-preview-shell[data-size="mobile"] .sp-detail-preview{max-width:270px}}
.sp-v0317-branding{background:linear-gradient(135deg,#f8faff,#eff4ff);border:1px solid #dee8fa;border-radius:19px;padding:17px;margin:18px 0}
.sp-v0317-branding>strong{font-weight:900;color:#17294b;font-size:15px}
.sp-v0317-branding>p{font-size:11px;line-height:1.55;margin:7px 0 14px;color:#586c86}
.sp-v0317-branding label{font-weight:800;font-size:11px;color:#364e74;display:block;margin-bottom:11px}
.sp-v0317-branding input,.sp-v0317-branding select{margin-top:6px;background:#fff;border:1px solid #d7e3f3;border-radius:12px;padding:10px;width:100%;color:#17345d;font-size:12px}
.sp-v0317-branding input[type="color"]{height:44px;padding:4px;cursor:pointer}
.sp-v0317-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.sp-v0317-branding-preview{padding:18px;border-radius:15px;background:var(--sp-brand-color);color:#fff;margin-bottom:15px;display:flex;flex-direction:column;gap:4px;min-height:80px}
.sp-v0317-branding-preview span{font-size:19px;font-weight:900;letter-spacing:-.04em;overflow-wrap:anywhere}
.sp-v0317-branding-preview small{font-size:9px;font-weight:800;letter-spacing:.13em;color:#fff}
.sp-v0317-branding-preview.is-elegant span{font-family:Georgia,serif;font-weight:400}
.sp-v0317-branding-preview.is-classic span{font-family:'Trebuchet MS',sans-serif}
.sp-v0317-order-brand{padding:12px;border:1px solid #dfe9f8;background:#f6f9fe;border-radius:15px;margin-top:12px}
.sp-v0317-order-brand strong{font-size:12px;color:#192c4e}
.sp-v0317-order-brand p,.sp-v0317-order-brand small{font-size:11px;color:#5f7190;margin:5px 0}