/* BEGIN shoopy-gen:base */
/* The Service Line (Thousir Enterprises) — namespaced generated CSS.
   Brand color comes from the theme (var(--secondary-main)); fallback for
   standalone preview. */
.sx {
  --sx-brand: var(--secondary-main, #0a5fc0);
  --sx-navy: #0b2e5f;
  --sx-sky: #4890d8;
  --sx-deal: #f07f1e;
  --sx-green: #25a05a;
  --sx-ink: #162234;
  --sx-muted: #5f748a;
  --sx-line: #e3edf5;
  --sx-paper: #f3f8fd;
  --sx-radius: 16px;
  --sx-gap: clamp(28px, 5vw, 56px);
  font-family: inherit;
  color: var(--sx-ink);
}
.sx-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.sx-eyebrow {
  margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--sx-sky);
}
.sx-h2 {
  margin: 0; font-size: clamp(22px, 3.4vw, 32px); font-weight: 800;
  letter-spacing: -.01em; color: var(--sx-navy); line-height: 1.15;
}
.sx-btn {
  display: inline-block; padding: 13px 26px; border-radius: 999px;
  background: var(--sx-brand); color: #fff; font-weight: 700; font-size: 15px;
  text-decoration: none; border: 0; cursor: pointer; transition: filter .15s ease;
}
.sx-btn:hover { filter: brightness(1.08); }
.sx-btn--wa { background: var(--sx-green); }
.sx-btn--ghost { background: #fff; color: var(--sx-brand); box-shadow: inset 0 0 0 2px var(--sx-brand); }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp { background: #fff; border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); }
.sx-usp__grid {
  width: 100%; max-width: 1240px; margin: 0 auto; padding: 22px 20px;
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 12px;
}
.sx-usp__item { display: flex; align-items: center; gap: 12px; }
.sx-usp__ic {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px;
  display: grid; place-items: center; font-size: 22px;
  background: var(--sx-paper); color: var(--sx-brand);
  box-shadow: inset 0 0 0 1px var(--sx-line);
}
.sx-usp__t { margin: 0; font-weight: 700; font-size: 14px; color: var(--sx-ink); }
.sx-usp__s { margin: 2px 0 0; font-size: 12.5px; color: var(--sx-muted); }
@media (min-width: 900px) { .sx-usp__grid { grid-template-columns: repeat(4, 1fr); padding: 26px 20px; } }
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:brands-1 */
.sx-brands { padding: calc(var(--sx-gap) * .7) 0; background: #fff; }
.sx-brands__head { text-align: center; margin-bottom: 20px; }
.sx-brands__row {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  max-width: 900px; margin: 0 auto; padding: 0 20px;
}
.sx-brands__pill {
  padding: 11px 22px; border-radius: 999px; background: var(--sx-paper);
  border: 1px solid var(--sx-line); font-weight: 700; font-size: 14px;
  color: var(--sx-navy);
}
.sx-brands__pill--all { background: var(--sx-brand); border-color: var(--sx-brand); color: #fff; }
.sx-brands__note { margin: 16px 0 0; text-align: center; font-size: 13px; color: var(--sx-muted); }
/* END shoopy-gen:brands-1 */

/* BEGIN shoopy-gen:why-1 */
.sx-why { padding: var(--sx-gap) 0; background: var(--sx-navy); color: #fff; }
.sx-why__grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
.sx-why .sx-h2 { color: #fff; }
.sx-why .sx-eyebrow { color: #8fc6f2; }
.sx-why__list { margin: 18px 0 0; padding: 0; list-style: none; }
.sx-why__list li {
  position: relative; padding: 7px 0 7px 32px; font-size: 14.5px; color: #dbe8f5;
}
.sx-why__list li::before {
  content: "✓"; position: absolute; left: 0; top: 6px; width: 22px; height: 22px;
  border-radius: 999px; background: var(--sx-green); color: #fff; font-size: 13px;
  font-weight: 800; display: grid; place-items: center;
}
.sx-why__cta { margin-top: 22px; display: flex; gap: 10px; flex-wrap: wrap; }
.sx-why__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; align-content: center; }
.sx-stat {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--sx-radius); padding: 22px 18px; text-align: center;
}
.sx-stat__n { margin: 0; font-size: clamp(26px, 4vw, 36px); font-weight: 800; color: #fff; }
.sx-stat__l { margin: 4px 0 0; font-size: 12.5px; color: #a9c4dc; }
@media (min-width: 900px) { .sx-why__grid { grid-template-columns: 1.15fr 1fr; gap: 46px; } }
/* END shoopy-gen:why-1 */

/* BEGIN shoopy-gen:areas-cta-1 */
.sx-areas { padding: var(--sx-gap) 0; background: linear-gradient(180deg, #fff 0%, var(--sx-paper) 100%); }
.sx-areas__head { text-align: center; margin-bottom: 20px; }
.sx-areas__row {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  max-width: 820px; margin: 0 auto;
}
.sx-areas__chip {
  padding: 10px 20px; border-radius: 999px; background: #fff;
  border: 1px solid var(--sx-line); font-weight: 600; font-size: 13.5px;
  color: var(--sx-ink);
}
.sx-areas__cta {
  margin: 30px auto 0; max-width: 1000px; border-radius: 20px;
  background: var(--sx-brand); color: #fff; padding: 26px 22px;
  display: flex; flex-direction: column; gap: 14px; align-items: center;
  text-align: center;
}
.sx-areas__cta-t { margin: 0; font-size: clamp(18px, 2.6vw, 24px); font-weight: 800; }
.sx-areas__cta-s { margin: 0; font-size: 13.5px; color: #d6e6f7; }
.sx-areas__cta-btns { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.sx-areas__call {
  display: inline-block; padding: 13px 26px; border-radius: 999px; background: #fff;
  color: var(--sx-brand); font-weight: 800; font-size: 16px; text-decoration: none;
}
@media (min-width: 900px) {
  .sx-areas__cta { flex-direction: row; justify-content: space-between; text-align: left; padding: 28px 34px; }
}
/* END shoopy-gen:areas-cta-1 */

:root{
    --secondary-main:#0a5fc0;      /* brand (theme injects this in a real store) */
    --navy:#0b2e5f; --sky:#4890d8; --deal:#f07f1e; --green:#25a05a;
    --ink:#162234; --muted:#5f748a; --line:#e3edf5; --paper:#f3f8fd; --bg:#ffffff;
    --radius:16px;
  }
    body{font-family:"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
    color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
  .btn{display:inline-block;padding:12px 24px;border-radius:999px;background:var(--secondary-main);
    color:#fff;font-weight:700;font-size:14px;border:0;cursor:pointer}
  .sec{padding:clamp(30px,5vw,58px) 0}
  .sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
  .eyebrow{margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sky)}
  .h2{margin:0;font-size:clamp(21px,3.3vw,31px);font-weight:800;letter-spacing:-.01em;color:var(--navy)}
  .viewall{font-size:13.5px;font-weight:700;color:var(--secondary-main);white-space:nowrap}
  .section-heading{margin:0!important;font-size:clamp(21px,3.3vw,31px)!important;font-weight:800!important;letter-spacing:-.01em!important;color:var(--navy)!important}
  .viewall{font-size:13.5px;font-weight:700;color:var(--secondary-main);white-space:nowrap}


  /* notice */
  .notice{background:var(--navy) !important;color:#fff !important;font-size:12.5px;font-weight:600;text-align:center;
    padding:3px !important;letter-spacing:.01em}
  /* header */
  .hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
  .hdr__row{display:flex;align-items:center;gap:14px;padding:10px 20px;max-width:1240px;margin:0 auto}
  .hdr__logo{display:flex;align-items:center;gap:10px;min-width:0}
  .hdr__logo img{height:46px;width:auto}
  .hdr__name{line-height:1.15;white-space:nowrap}
  .hdr__name b{display:block;font-size:18px;color:#10329e;letter-spacing:-.01em}
  .hdr__name .g{color:#0b8034}
  .hdr__name > span{font-size:10.5px;color:var(--navy);font-weight:600;letter-spacing:.02em}
  .hdr__search{flex:1;display:flex;align-items:center;gap:8px;background:var(--paper);
    border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--muted);font-size:13.5px}
  .hdr__search svg{flex:0 0 auto}
  .hdr__ic{display:flex;gap:6px;margin-left:auto}
  .iconbtn{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:var(--navy);
    background:var(--paper);border:1px solid var(--line);position:relative}
  .iconbtn--call{background:var(--secondary-main);border-color:var(--secondary-main);color:#fff}
  .nav-link:hover{border-top:1px solid var(--line);background:#fff}
      .nav-link{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
    .hdr__search--m{display:none}

  /* hero */
  .hero{position:relative;overflow:hidden;background:var(--navy)}
  .hero__track{display:flex;transition:transform .5s ease}
  .hero__slide{min-width:100%}
  .hero__link{display:block}
  .hero__slide picture,.hero__slide img{width:100%}
  .hero__img-d{display:none}
  .hero__dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:8px;justify-content:center}
  .hero__dots button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}
  .hero__dots button[aria-current="true"]{background:#fff;width:22px}

  /* service tiles */
  .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .cat{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;
    background:#fff;border:1px solid var(--line)}
  .cat img{width:100%;height:100%;object-fit:cover}
  .cat-card-title{left:10px !important;right:10px !important;bottom:10px!important;text-align:center!important;
    color:rgba(255,255,255,.94)!important;backdrop-filter:blur(2px)!important;border:1px solid var(--line)!important;
    border-radius:10px!important;padding:8px 6px!important;font-size:12.5px!important;font-weight:700 !important;background-color:var(--navy)!important}

  /* product row */
  .prow{display:grid;grid-auto-flow:column;grid-auto-columns:47%;gap:14px;overflow-x:auto;
    padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .prow::-webkit-scrollbar{display:none}
  .pcard{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    overflow:hidden;display:flex;flex-direction:column}
  .pcard__imgwrap{position:relative;background:var(--paper)}
  .pcard__imgwrap img{width:100%;aspect-ratio:1/1;object-fit:cover}
  .pcard__badge{position:absolute;top:10px;left:10px;background:var(--deal);color:#fff;font-size:11.5px;
    font-weight:700;padding:4px 9px;border-radius:8px}
  .pcard__body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
  .pr-title{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35;min-height:2.7em;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .pcard__spec{font-size:11.5px;color:var(--muted);margin-top:-2px}
  .pcard__price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
  .pr-sale-price , .sh-product-card-price{font-size:16px;font-weight:800;color:var(--navy)}
  .pr-mrp-price{font-size:12.5px;color:var(--muted);text-decoration:line-through}
  .pr-discount,.sh-product-card-discount-tag{font-size:12px;font-weight:700;background-color:var(--green)!important}
  .pcard__cta{margin-top:auto;display:flex;gap:7px}
  .pr-outlined-button,.sh-product-plus-minus-button{flex:1;padding:9px;border-radius:10px;background:var(--secondary-main);color:#fff;
    font-weight:700;font-size:12.5px;border:0;cursor:pointer;text-align:center;white-space:nowrap}
.sh-product-plus-minus-button:hover{flex:1;padding:9px;border-radius:10px;background:var(--secondary-main);color:#fff;
    font-weight:700;font-size:12.5px;border:0;cursor:pointer;text-align:center;white-space:nowrap}

  .pcard__buy{padding:9px 12px;border-radius:10px;background:#fff;color:var(--secondary-main);
    font-weight:700;font-size:12.5px;border:1.5px solid var(--secondary-main);cursor:pointer}

  /* banner collection */
  .bnr{border-radius:var(--radius);overflow:hidden;display:block}
  .bnr img{width:100%}
  .bnr__d{display:none}

  /* footer */
  .foot{background:var(--navy);color:#dfeaf4;padding:44px 0 0}
  .foot__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 16px}
  .foot h4{margin:0 0 12px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
  .foot a,.foot p{color:#b9cee0;font-size:13.5px;margin:6px 0;display:block}
  .foot__brand{grid-column:1/-1}
  .foot__brand p{max-width:360px}
  .foot__logo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .foot__logo img{height:52px;width:auto;border-radius:12px;background:#fff;padding:5px 8px}
  .foot__logo b{font-size:17px;color:#fff}
  .foot__logo .fg{color:#4ec87e}
  .foot__by{display:block;font-size:11px;color:#9fb8ce;font-weight:600}
  .foot__contact{grid-column:1/-1}
  .foot__soc{display:flex;gap:10px;margin-top:14px}
  .foot__soc a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}
  .foot__bar{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding:16px 0;font-size:12.5px;color:#9fb8ce;text-align:center}
  .wa{position:fixed;right:16px;bottom:16px;z-index:60;width:56px;height:56px;border-radius:999px;
    background:var(--green);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
  .wa svg{width:30px;height:30px}

  @media(min-width:760px){
    .cats{grid-template-columns:repeat(4,1fr)}
    .prow{grid-auto-columns:23%}
    .pr-title{font-size:14px}
    .hero__img-m{display:none}
    .hero__img-d{display:block}
    .bnr__m{display:none}.bnr__d{display:block}
  }
  @media(min-width:1024px){
    .foot__grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr}
    .foot__brand{grid-column:auto}
    .foot__contact{grid-column:auto}
  }
  @media(max-width:759px){
    .hdr__search{display:none}
    .hdr__search--m{display:flex;margin:0 20px 10px}
    .hdr__name > span{display:none}
    .pcard__buy{display:none}   /* one primary CTA per card on mobile */
  }
.app-bar-main
{
background-color: #fff !important;
color:#000 !important;
}
:root {
--header-accent: #000000 !important;
}
.cat-card-img
{
border-radius:20px !important;
}
.badge {
    color: var(--header-badge-main) !important;
    background-color: var(--header-badge-contrast-text)!important;
    }