/* ==========================================================================
   Power Shop design system v2 — "Integrator Store"
   Loaded after the Tailwind build; overrides + new ps-* components.
   ========================================================================== */
:root{
  --ps-navy:#0E1F30;
  --ps-navy-2:#173147;
  --ps-steel:#325672;
  --ps-sky:#4C8FCD;
  --ps-sky-dark:#3A79B3;
  --ps-ice:#EAF2FA;
  --ps-bg:#F5F7FA;
  --ps-ink:#16212B;
  --ps-muted:#64748B;
  --ps-line:#E3E8EF;
  --ps-white:#FFFFFF;
  --ps-radius:14px;
  --ps-shadow:0 10px 30px rgba(14,31,48,.08);
  --ps-shadow-lg:0 24px 60px rgba(14,31,48,.16);
  --ps-font-head:'Manrope','Inter',system-ui,sans-serif;
  --ps-font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- base -------------------------------------------------------- */
html{scroll-behavior:smooth}
body{font-family:var(--ps-font-body)!important;color:var(--ps-ink);background:var(--ps-white);-webkit-font-smoothing:antialiased}
body .font-montserrat,body .font-tenorSans,body .font-dmserif,body .font-poppins,body .font-inter,body .font-openSans{font-family:var(--ps-font-body)!important}
h1,h2,h3,h4,.ps-h{font-family:var(--ps-font-head)!important;letter-spacing:-.01em;color:var(--ps-ink)}
main#main{background:var(--ps-white)}
a{transition:color .18s ease}
::selection{background:rgba(76,143,205,.25)!important}

/* buttons */
.primary-button,button.primary-button,a.primary-button{
  background:linear-gradient(135deg,var(--ps-sky) 0%,var(--ps-sky-dark) 100%)!important;
  color:#fff!important;border:0!important;border-radius:12px!important;font-weight:600!important;
  box-shadow:0 8px 20px rgba(76,143,205,.28);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}
.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(76,143,205,.36);opacity:1!important}
.secondary-button,button.secondary-button,a.secondary-button{
  background:#fff!important;color:var(--ps-steel)!important;border:1.5px solid var(--ps-line)!important;border-radius:12px!important;font-weight:600!important;transition:all .15s ease}
.secondary-button:hover{background:var(--ps-ice)!important;border-color:var(--ps-sky)!important;color:var(--ps-steel)!important;opacity:1!important}

/* inputs */
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],select,textarea{
  border-radius:12px!important;border:1.5px solid var(--ps-line)!important;background:#fff!important;font-family:var(--ps-font-body)!important}
input:focus,select:focus,textarea:focus{border-color:var(--ps-sky)!important;box-shadow:0 0 0 4px rgba(76,143,205,.15)!important;outline:0!important}

/* ---------- header ------------------------------------------------------ */
header.sticky{background:var(--ps-navy)!important;box-shadow:0 6px 24px rgba(14,31,48,.18)}
.ps-topbar{background:var(--ps-navy);color:#fff}
.ps-topbar .ps-wrap{display:flex;align-items:center;gap:32px;min-height:84px;padding:0 48px;max-width:1440px;margin:0 auto}
.ps-logo img{height:52px;width:auto;display:block}
.ps-search{flex:1;position:relative;max-width:760px}
.ps-search form{display:flex;align-items:stretch;background:#fff;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.08)}
.ps-search input{flex:1;border:0!important;border-radius:0!important;padding:0 20px;height:50px;font-size:15px;color:var(--ps-ink);box-shadow:none!important}
.ps-search input:focus{box-shadow:none!important}
.ps-search button{background:var(--ps-sky);color:#fff;border:0;padding:0 22px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s}
.ps-search button:hover{background:var(--ps-sky-dark)}
.ps-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border-radius:14px;box-shadow:var(--ps-shadow-lg);padding:10px;z-index:1200;max-height:440px;overflow:auto}
.ps-search-results a{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--ps-ink)}
.ps-search-results a:hover{background:var(--ps-bg)}
.ps-search-results img{width:52px;height:52px;object-fit:cover;border-radius:8px;background:var(--ps-bg)}
.ps-search-results .n{font-size:14px;font-weight:600;line-height:1.3;color:var(--ps-ink)}
.ps-search-results .s{font-size:12px;color:var(--ps-muted)}
.ps-search-results .p{margin-left:auto;font-weight:700;color:var(--ps-steel);white-space:nowrap;font-size:14px}
.ps-search-results .all{justify-content:center;font-weight:600;color:var(--ps-sky);border-top:1px solid var(--ps-line);margin-top:6px;border-radius:0}
.ps-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.ps-action{display:flex;align-items:center;gap:10px;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;transition:background .15s}
.ps-action:hover{background:rgba(255,255,255,.08)}
.ps-action svg{width:22px;height:22px;stroke:#fff}
.ps-action .lbl{display:flex;flex-direction:column;line-height:1.1}
.ps-action .lbl small{font-size:11px;color:rgba(255,255,255,.65);font-weight:500}
.ps-action .lbl b{font-size:14px;font-weight:600}
.ps-topbar .text-soemiBlack,.ps-topbar .text-soemiBlack span{color:#fff!important}
.ps-topbar svg [stroke="#325672"]{stroke:#fff}
.ps-topbar svg [fill="#325672"]{fill:#fff}
.ps-topbar .relative>span.absolute{background:var(--ps-sky)!important;color:#fff!important}
/* category bar */
.ps-catbar{background:#fff;border-bottom:1px solid var(--ps-line)}
.ps-catbar .ps-wrap{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 48px;max-width:1440px;margin:0 auto}
.ps-allcats{position:relative}
.ps-allcats>button{display:flex;align-items:center;gap:10px;background:var(--ps-ice);color:var(--ps-steel);border:0;border-radius:10px;padding:9px 16px;font-weight:700;font-size:14px;cursor:pointer;font-family:var(--ps-font-body)}
.ps-allcats>button svg{width:18px;height:18px}
.ps-mega{display:none;position:absolute;left:0;top:calc(100% + 6px);background:#fff;border-radius:16px;box-shadow:var(--ps-shadow-lg);padding:18px;z-index:1100;min-width:720px;grid-template-columns:repeat(3,1fr);gap:8px 24px}
.ps-allcats:hover .ps-mega,.ps-allcats:focus-within .ps-mega{display:grid}
.ps-mega .col h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ps-muted);margin:6px 0 8px;font-weight:700}
.ps-mega a{display:block;padding:7px 10px;border-radius:8px;font-size:14px;color:var(--ps-ink);font-weight:500}
.ps-mega a:hover{background:var(--ps-ice);color:var(--ps-steel)}
.ps-mega a.top{font-weight:700;color:var(--ps-steel)}
.ps-navlinks{display:flex;align-items:center;gap:4px;margin-left:8px}
.ps-navlinks a{white-space:nowrap;padding:9px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ps-ink)}
.ps-navlinks a:hover{background:var(--ps-bg);color:var(--ps-steel)}
.ps-catbar .ps-help{white-space:nowrap;margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ps-muted)}
.ps-catbar .ps-help b{color:var(--ps-steel)}
.ps-catbar .ps-help svg{width:16px;height:16px;stroke:var(--ps-sky)}
/* mobile header */
@media (max-width:1023.98px){
  header.sticky>*>div.lg\:hidden,header .shadow-sm.lg\:hidden{background:var(--ps-navy);color:#fff}
  header .lg\:hidden .icon-hamburger,header .lg\:hidden .icon-users,header .lg\:hidden .icon-compare,header .lg\:hidden .icon-search{color:#fff}
  header .lg\:hidden svg [stroke="#325672"]{stroke:#fff}
  header .lg\:hidden svg [fill="#325672"]{fill:#fff}
  header .lg\:hidden .text-soemiBlack{color:#fff!important}
  header .lg\:hidden input{border-radius:12px!important}
}

/* ---------- hero -------------------------------------------------------- */
.ps-hero{background:radial-gradient(1200px 600px at 85% -10%,rgba(76,143,205,.45),transparent 60%),linear-gradient(120deg,var(--ps-navy) 0%,var(--ps-navy-2) 55%,var(--ps-steel) 100%);color:#fff;position:relative;overflow:hidden}
.ps-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(800px 400px at 30% 40%,#000 30%,transparent 100%);pointer-events:none}
.ps-hero .ps-wrap{position:relative;max-width:1440px;margin:0 auto;padding:72px 48px 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ps-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.02em}
.ps-eyebrow i{width:8px;height:8px;border-radius:50%;background:#7FD1FF;box-shadow:0 0 0 4px rgba(127,209,255,.25)}
.ps-hero h1{font-size:54px;line-height:1.05;font-weight:800;margin:22px 0 18px;color:#fff!important;letter-spacing:-.02em}
.ps-hero h1 span{color:#8EC5F5}
.ps-hero p.lead{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);max-width:560px;margin:0 0 30px}
.ps-hero .ps-btns{display:flex;gap:14px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-weight:700;font-size:15px;transition:all .15s ease;text-decoration:none}
.ps-btn svg{width:18px;height:18px}
.ps-btn-primary{background:var(--ps-sky);color:#fff!important;box-shadow:0 10px 24px rgba(76,143,205,.35)}
.ps-btn-primary:hover{background:#5B9BD8;transform:translateY(-1px)}
.ps-btn-ghost{background:rgba(255,255,255,.08);color:#fff!important;border:1px solid rgba(255,255,255,.22)}
.ps-btn-ghost:hover{background:rgba(255,255,255,.14)}
.ps-btn-dark{background:var(--ps-navy);color:#fff!important}
.ps-btn-dark:hover{background:var(--ps-navy-2)}
.ps-btn-outline{background:#fff;color:var(--ps-steel)!important;border:1.5px solid var(--ps-line)}
.ps-btn-outline:hover{border-color:var(--ps-sky);background:var(--ps-ice)}
.ps-stats{display:flex;gap:36px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}
.ps-stats div b{display:block;font-family:var(--ps-font-head);font-size:28px;font-weight:800;color:#fff}
.ps-stats div span{font-size:13px;color:rgba(255,255,255,.7)}
.ps-hero-media{position:relative}
.ps-hero-card{background:#fff;border-radius:22px;padding:14px;box-shadow:var(--ps-shadow-lg);transform:rotate(-1.5deg)}
.ps-hero-card img{display:block;width:100%;border-radius:14px;aspect-ratio:16/8.5;object-fit:cover}
.ps-hero-chip{position:absolute;background:#fff;color:var(--ps-ink);border-radius:14px;padding:12px 16px;box-shadow:var(--ps-shadow-lg);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}
.ps-hero-chip svg{width:20px;height:20px;stroke:var(--ps-sky)}
.ps-hero-chip small{display:block;font-weight:500;color:var(--ps-muted);font-size:12px}
.ps-hero-chip.a{left:-26px;bottom:26px}
.ps-hero-chip.b{right:-14px;top:-18px}

/* ---------- sections ---------------------------------------------------- */
.ps-section{max-width:1440px;margin:0 auto;padding:72px 48px}
.ps-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.ps-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ps-sky);margin-bottom:8px}
.ps-title,.ps-section-title{font-family:var(--ps-font-head)!important;font-size:34px!important;line-height:1.15!important;font-weight:800!important;color:var(--ps-ink)!important;letter-spacing:-.02em}
.ps-sub{color:var(--ps-muted);font-size:16px;margin-top:8px;max-width:640px}
.ps-link{font-weight:700;color:var(--ps-sky)!important;display:inline-flex;align-items:center;gap:6px;text-decoration:none!important}
.ps-link:hover{color:var(--ps-sky-dark)!important}
.ps-link svg{width:16px;height:16px}

/* category tiles */
.ps-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ps-cat{display:flex;gap:16px;align-items:center;padding:20px;border-radius:var(--ps-radius);background:#fff;border:1.5px solid var(--ps-line);transition:all .18s ease;text-decoration:none;color:var(--ps-ink)}
.ps-cat:hover{border-color:var(--ps-sky);box-shadow:var(--ps-shadow);transform:translateY(-3px)}
.ps-cat .ic{width:54px;height:54px;border-radius:14px;background:var(--ps-ice);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ps-cat .ic svg{width:26px;height:26px;stroke:var(--ps-steel);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ps-cat b{display:block;font-family:var(--ps-font-head);font-size:16px;font-weight:700;color:var(--ps-ink)}
.ps-cat span{font-size:13px;color:var(--ps-muted)}
.ps-cat .arr{margin-left:auto;width:18px;height:18px;stroke:var(--ps-muted);opacity:.6;transition:all .15s}
.ps-cat:hover .arr{stroke:var(--ps-sky);opacity:1;transform:translateX(3px)}

/* product sliders (Bagisto carousel components) */
.container.mt-20.group,.container.mt-20.relative{max-width:1440px;padding-left:48px;padding-right:48px}
.container.mt-20 h2{font-family:var(--ps-font-head)!important;font-size:30px!important;font-weight:800!important;color:var(--ps-ink)!important;letter-spacing:-.02em}
.container.mt-20 a.underline{text-decoration:none!important;font-weight:700;color:var(--ps-sky)!important}
/* product card */
.ps-card{background:#fff;border:1.5px solid var(--ps-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .18s ease;height:100%}
.ps-card:hover{border-color:var(--ps-sky);box-shadow:var(--ps-shadow);transform:translateY(-3px)}
.ps-card-media{position:relative;aspect-ratio:1/1;background:var(--ps-bg);overflow:hidden}
.ps-card-media img{width:100%;height:100%;object-fit:contain!important;padding:14px;transition:transform .3s ease;mix-blend-mode:multiply}
.ps-card:hover .ps-card-media img{transform:scale(1.04)}
.ps-badge{position:absolute;top:12px;left:12px;background:var(--ps-sky);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;z-index:2}
.ps-badge.sale{background:#E5484D}
.ps-wish{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--ps-line);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:var(--ps-muted);font-size:18px;transition:all .15s}
.ps-wish:hover{color:#E5484D;border-color:#E5484D}
.ps-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.ps-card-body .sku{font-size:11px;color:var(--ps-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.ps-card-body .name{font-size:14px;font-weight:600;line-height:1.35;color:var(--ps-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:normal!important;min-height:38px}
.ps-card-body .price{font-family:var(--ps-font-head);font-size:18px;font-weight:800;color:var(--ps-steel);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ps-card-body .price .line-through,.ps-card-body .price s{font-size:13px;color:var(--ps-muted);font-weight:500}
.ps-card-body .vat{font-size:11px;color:var(--ps-muted)}
.ps-card-body .ps-add{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 12px;border-radius:11px;background:var(--ps-ice);color:var(--ps-steel);font-weight:700;font-size:13.5px;border:0;cursor:pointer;transition:all .15s}
.ps-card-body .ps-add:hover{background:var(--ps-sky);color:#fff}
.ps-card-body .ps-add:disabled{opacity:.6;cursor:default}
.ps-card-body .ps-add svg{width:16px;height:16px}
.ps-card-body .oos{margin-top:auto;text-align:center;font-size:13px;font-weight:600;color:#E5484D;padding:10px}

/* value props */
.ps-why{background:var(--ps-bg)}
.ps-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ps-why-card{background:#fff;border-radius:var(--ps-radius);padding:28px;border:1.5px solid var(--ps-line);position:relative;overflow:hidden;transition:all .18s}
.ps-why-card:hover{box-shadow:var(--ps-shadow);border-color:transparent;transform:translateY(-3px)}
.ps-why-card .num{position:absolute;right:20px;top:14px;font-family:var(--ps-font-head);font-size:56px;font-weight:800;color:var(--ps-ice);line-height:1}
.ps-why-card .ic{width:48px;height:48px;border-radius:12px;background:var(--ps-navy);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.ps-why-card .ic svg{width:22px;height:22px;stroke:#8EC5F5;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ps-why-card h3{font-size:18px;font-weight:800;margin:0 0 8px;color:var(--ps-ink)}
.ps-why-card p{font-size:14.5px;line-height:1.6;color:var(--ps-muted);margin:0}

/* services strip */
.ps-services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ps-service{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:var(--ps-radius);border:1.5px dashed var(--ps-line);background:#fff}
.ps-service i{font-size:26px;color:var(--ps-sky);width:44px;height:44px;border-radius:12px;background:var(--ps-ice);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ps-service b{display:block;font-family:var(--ps-font-head);font-size:15px;font-weight:700;color:var(--ps-ink);margin-bottom:4px}
.ps-service span{font-size:13.5px;color:var(--ps-muted);line-height:1.5}

/* CTA band */
.ps-cta{max-width:1440px;margin:0 auto 72px;padding:0 48px}
.ps-cta-inner{background:linear-gradient(120deg,var(--ps-steel),var(--ps-navy));border-radius:24px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;color:#fff;position:relative;overflow:hidden}
.ps-cta-inner:after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(76,143,205,.55),transparent 70%)}
.ps-cta-inner h2{font-size:32px;font-weight:800;color:#fff!important;margin:0 0 8px;letter-spacing:-.02em}
.ps-cta-inner p{margin:0;color:rgba(255,255,255,.78);font-size:16px;max-width:620px}
.ps-cta-inner .ps-btns{display:flex;gap:12px;flex-shrink:0;position:relative;z-index:1}

/* brand strip */
.ps-brands{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:center;padding:22px 48px;border-top:1px solid var(--ps-line);border-bottom:1px solid var(--ps-line);color:var(--ps-muted);font-size:13px}
.ps-brands b{font-family:var(--ps-font-head);font-size:15px;color:var(--ps-steel);letter-spacing:.06em}

/* ---------- footer ------------------------------------------------------ */
footer.ps-footer{background:var(--ps-navy)!important;color:#fff}
.ps-footer .ps-wrap{max-width:1440px;margin:0 auto;padding:64px 48px 28px}
.ps-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.ps-footer img{height:56px;width:auto}
.ps-footer p{color:rgba(255,255,255,.7);font-size:14.5px;line-height:1.7;margin:18px 0 22px;max-width:460px}
.ps-footer h4{font-family:var(--ps-font-head);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:6px 0 16px}
.ps-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ps-footer ul a{color:rgba(255,255,255,.75);font-size:14.5px}
.ps-footer ul a:hover{color:#8EC5F5!important}
.ps-social{display:flex;gap:10px}
.ps-social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:background .15s}
.ps-social a:hover{background:var(--ps-sky)}
.ps-social svg{width:18px;height:18px;fill:#fff}
.ps-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.6)}
.ps-footer-bottom a{color:rgba(255,255,255,.6)}
.ps-footer-bottom a:hover{color:#fff!important}
.ps-contact-line{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.8);margin-top:8px}
.ps-contact-line svg{width:16px;height:16px;stroke:#8EC5F5}

/* ---------- category / listing pages ------------------------------------ */
.v-category .container,.container.px-\[60px\]{max-width:1440px}
/* filters card */
v-filters>div,.v-filters,[id^="v-filters"]{border-radius:16px}
.max-md\:hidden>div>.grid>div{border-color:var(--ps-line)!important}
/* toolbar */
.v-toolbar button.rounded-lg,button.rounded-lg.border{border-radius:12px!important;border-color:var(--ps-line)!important}

/* ---------- auth / cms / contact pages ---------------------------------- */
.soemi-cms-section,.soemi-pp-section{background:#fff}
.soemi-about-title,.soemi-pp-title,.soemi-contact-title{font-family:var(--ps-font-head)!important;font-weight:800!important;color:var(--ps-ink)!important;letter-spacing:-.02em}
.soemi-dynamic-pp h2,.static-container h2{font-family:var(--ps-font-head)!important;font-weight:800!important;color:var(--ps-steel)!important;font-size:22px!important;margin-top:28px}
.static-container p,.static-container li{color:#3A4756;line-height:1.75;font-size:15.5px}
.static-container ul,.static-container ol{padding-left:22px;margin:10px 0 16px}
.static-container li{margin:6px 0}
.static-container a{color:var(--ps-sky);font-weight:600}
.soemi-submit-btn{background:var(--ps-sky)!important;border-radius:12px!important;border:0!important;font-weight:700!important;box-shadow:0 8px 20px rgba(76,143,205,.28)}
.soemi-submit-btn:hover{background:var(--ps-sky-dark)!important}
.soemi-input,.soemi-textarea{border-radius:12px!important}
/* sign in / up */
.font-dmserif,h1.font-dmserif,h2.font-dmserif{font-family:var(--ps-font-head)!important;font-weight:800!important;letter-spacing:-.02em}

/* misc bagisto bits */
.rounded-2xl.bg-navyBlue,.bg-navyBlue{background:var(--ps-sky)!important}
.text-navyBlue{color:var(--ps-sky)!important}
.border-navyBlue{border-color:var(--ps-sky)!important}
.bg-soemiBlack{background:var(--ps-navy)!important}
.text-soemiBlack{color:var(--ps-ink)!important}
.text-darkGray{color:var(--ps-ink)!important}
.shimmer{border-radius:10px}

/* ---------- responsive -------------------------------------------------- */
@media (max-width:1279.98px){
  .ps-cats{grid-template-columns:repeat(3,1fr)}
  .ps-services{grid-template-columns:repeat(2,1fr)}
  .ps-hero h1{font-size:44px}
}
@media (max-width:1023.98px){
  .ps-topbar,.ps-catbar{display:none}
  .ps-hero .ps-wrap{grid-template-columns:1fr;padding:48px 24px 40px;gap:36px}
  .ps-hero-media{display:none}
  .ps-section{padding:48px 24px}
  .ps-why-grid{grid-template-columns:repeat(2,1fr)}
  .ps-footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .ps-cta{padding:0 24px;margin-bottom:48px}
  .ps-cta-inner{flex-direction:column;align-items:flex-start;padding:36px 28px}
  .container.mt-20.group,.container.mt-20.relative{padding-left:24px;padding-right:24px}
}
@media (max-width:767.98px){
  .ps-cats{grid-template-columns:1fr 1fr}
  .ps-services,.ps-why-grid,.ps-footer-grid{grid-template-columns:1fr}
  .ps-hero h1{font-size:34px}
  .ps-stats{gap:20px;flex-wrap:wrap}
  .ps-title,.ps-section-title{font-size:26px!important}
  .ps-section-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:479.98px){
  .ps-cats{grid-template-columns:1fr}
}