/* SitePaketim Interactive Demo Visual Refresh v0.3.3 */
.sd-demo{
  --sd-bg:#f3f6fb;
  --sd-card:#ffffff;
  --sd-line:#dee8f6;
  --sd-ink:#1a2a47;
  --sd-muted:#687893;
  --sd-blue:#3766ff;
  --sd-cyan:#42c8ff;
  --sd-purple:#6e58ff;
  background:
    radial-gradient(circle at 0 0, rgba(65,109,255,.08), transparent 24%),
    radial-gradient(circle at 100% 0, rgba(106,88,255,.06), transparent 28%),
    var(--sd-bg);
  color:var(--sd-ink);
}
.sd-systembar{background:linear-gradient(120deg,#0d1b35,#12284e);box-shadow:0 14px 34px rgba(11,27,53,.22)}
.sd-systembar a{border-radius:999px;background:rgba(255,255,255,.08);padding:8px 12px}
.sd-site-nav,
.sd-admin-shell .sd-admin-sidebar,
.sd-admin-card,
.sd-item,
.sd-contact-card,
.sd-kpi,
.sd-cart,
.sd-lead,
.sd-seo-preview{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(220,229,241,.95);
  box-shadow:0 22px 55px rgba(14,35,76,.10);
}
.sd-site-nav{margin-top:18px;border-radius:24px;padding:16px 20px}
.sd-logo{font-weight:900;letter-spacing:-.05em;font-size:20px}
.sd-logo-symbol{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(120deg,var(--sd-blue),var(--sd-cyan));color:#fff;margin-right:10px}
.sd-site-links a{font-weight:800;color:#4f627f}
.sd-nav-contact,.sd-main-button,.sd-save-button,.sd-danger-button,.sd-cart-button{border-radius:999px;background:linear-gradient(120deg,var(--sd-purple),var(--sd-blue) 45%,var(--sd-cyan));color:#fff;border:none;box-shadow:0 14px 28px rgba(56,97,255,.20)}
.sd-nav-contact:hover,.sd-main-button:hover,.sd-save-button:hover,.sd-danger-button:hover,.sd-cart-button:hover{color:#fff;transform:translateY(-2px)}
.sd-hero{padding:38px 0 18px}
.sd-hero-grid{gap:28px;align-items:center}
.sd-hero-copy{padding-right:20px}
.sd-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eff4fd;border:1px solid #d9e5f8;color:#40608e;font-size:12px;font-weight:900;letter-spacing:.12em}
.sd-eyebrow i{width:8px;height:8px;border-radius:50%;background:linear-gradient(120deg,var(--sd-blue),var(--sd-cyan));display:block}
.sd-hero h1{font-size:clamp(40px,4.4vw,62px);line-height:1.02;letter-spacing:-.07em;color:#142746;margin:18px 0}
.sd-hero p{font-size:16px;line-height:1.85;color:#5f708a;max-width:560px}
.sd-hero-proof{gap:24px;margin-top:30px;background:rgba(255,255,255,.72);border:1px solid var(--sd-line);border-radius:22px;padding:16px 18px;display:inline-flex}
.sd-hero-proof strong{font-size:28px;letter-spacing:-.05em;color:#17325e}
.sd-hero-picture{position:relative;background:linear-gradient(150deg,#f5efe7,#f8f9fc 54%,#dce7f8);border-radius:32px;padding:16px;box-shadow:0 30px 80px rgba(25,44,80,.14)}
.sd-hero-picture img{border-radius:24px}
.sd-photo-label{position:absolute;left:28px;bottom:26px;background:rgba(255,255,255,.88);border:1px solid rgba(219,228,241,.92);backdrop-filter:blur(8px);border-radius:18px;padding:12px 15px;box-shadow:0 16px 30px rgba(32,55,97,.10)}
.sd-photo-label span{display:block;color:#6d7d95;font-size:11px;font-weight:800;letter-spacing:.12em}
.sd-photo-label b{display:block;font-size:13px;color:#1d3258;margin-top:3px}
.sd-strip .sd-wrap{border-radius:22px;background:linear-gradient(120deg,#0f1f3f,#153469);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 20px;box-shadow:0 18px 40px rgba(13,30,63,.14)}
.sd-strip span{text-align:center;font-weight:800;color:#d5e0f4}
.sd-section{padding:42px 0}
.sd-section-heading h2,.sd-admin-card h2{font-size:36px;line-height:1.08;letter-spacing:-.06em;color:#132643}
.sd-section-heading p{color:#677893}
.sd-filters{margin:18px 0 22px;padding:14px;border-radius:20px;background:rgba(255,255,255,.85);border:1px solid var(--sd-line);display:flex;flex-wrap:wrap;gap:10px;box-shadow:0 18px 40px rgba(14,35,76,.06)}
.sd-filters button,.sd-filters input{border-radius:999px;border:1px solid #dce6f3;background:#fff}
.sd-filters button{font-weight:800;color:#3d5378}
.sd-filters button.active{background:linear-gradient(120deg,#102246,#153970);color:#fff;box-shadow:0 10px 20px rgba(15,30,70,.16)}
.sd-filters input{padding:12px 16px}
.sd-items-grid{gap:22px}
.sd-item{border-radius:26px;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease}
.sd-item:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(14,35,76,.16)}
.sd-item-picture{position:relative;background:linear-gradient(180deg,#f6f8fc,#eef4fb)}
.sd-item-picture img{aspect-ratio:4/3;object-fit:cover;width:100%}
.sd-item-chip{position:absolute;left:16px;top:16px;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.9);border:1px solid rgba(219,228,241,.95);font-size:11px;font-weight:900;color:#35507c}
.sd-item-info{padding:18px 18px 20px}
.sd-item h3{font-size:26px;letter-spacing:-.05em;color:#162845}
.sd-item p{color:#657690;line-height:1.75}
.sd-product-foot strong{font-size:28px;letter-spacing:-.05em;color:#183564}
.sd-add-cart,.sd-service-link{border-radius:999px}
.sd-add-cart{background:#f4f8ff;border:1px solid #dfe8f6;color:#24498a;font-weight:900}
.sd-service-link{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;background:#f5f8fd;border:1px solid var(--sd-line);font-weight:900;color:#23427d}
.sd-about-grid,.sd-contact-grid{gap:24px}
.sd-about-card,.sd-contact-card{border-radius:26px;padding:24px}
.sd-bullet-list li{margin-bottom:10px}
.sd-contact-form input,.sd-contact-form textarea,.sd-admin-form input,.sd-admin-form textarea,.sd-admin-form select{border-radius:16px;border:1px solid var(--sd-line);background:#fff}
.sd-footer{margin-top:24px;background:linear-gradient(120deg,#091a37,#102a52);color:#cbd7ea}
.sd-footer-grid{padding:42px 0 24px}
.sd-footer a{color:#cdd8ea}

/* Admin demo */
.sd-admin-shell{gap:24px}
.sd-admin-shell .sd-admin-sidebar{border-radius:26px;padding:18px}
.sd-admin-brand strong{font-size:20px;letter-spacing:-.05em}
.sd-admin-menu a{border-radius:14px;font-weight:800;color:#4d607c}
.sd-admin-menu a.active{background:linear-gradient(120deg,#102246,#16366d);color:#fff}
.sd-admin-main{gap:20px}
.sd-admin-card{border-radius:26px;padding:24px}
.sd-kpi{border-radius:22px;padding:18px 20px}
.sd-kpi strong{font-size:32px;letter-spacing:-.05em}
.sd-admin-table-head,.sd-admin-table-row{grid-template-columns:2fr 1fr 1fr auto}
.sd-admin-table-row{padding:14px 0;border-color:#edf2f9}
.sd-inbox-empty{border-radius:22px;background:#f8fbff;border:1px dashed #dbe7f7;padding:26px}
.sd-lead{border-radius:22px;padding:18px}
.sd-seo-preview{border-radius:18px;padding:16px}

@media(max-width:980px){
  .sd-strip .sd-wrap{grid-template-columns:1fr}
  .sd-site-nav{padding:14px 16px}
}
@media(max-width:760px){
  .sd-site-nav{display:block}
  .sd-header-right{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
  .sd-hero-proof{display:grid;grid-template-columns:1fr 1px 1fr;width:100%}
  .sd-item h3{font-size:22px}
  .sd-section-heading h2,.sd-admin-card h2{font-size:30px}
  .sd-admin-table-head,.sd-admin-table-row{grid-template-columns:1fr}
}