@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");

/* ============================================================================
   Bashar Mobile — generated custom CSS (Tier-B sections)
   Uploaded to the store's dedicated generated-CSS file (site_settings.sx_css_location).
   Cascades GLOBALLY -> every rule is namespaced under .sx / .sx-<section>.
   Brand colour comes from the theme var --secondary-main (#333987); only NEW tokens
   are defined here (namespaced --sx-*). No bare/body/html/:root/* selectors.
   ========================================================================== */

/* BEGIN shoopy-gen:base */
.sx {
  --sx-brand: var(--secondary-main, #333987);
  --sx-navy: #1a1e52;
  --sx-ink: #17193a;
  --sx-muted: #5c6086;
  --sx-line: #e6e7f2;
  --sx-bg2: #f4f5fb;
  --sx-card: #ffffff;
  --sx-cyan: #2cb6f0;
  --sx-deal: #e0491c;
  --sx-save: #15803d;
  --sx-radius: 16px;
  --sx-gap: 18px;
  --sx-maxw: 1240px;
  box-sizing: border-box;
  color: var(--sx-ink);
}

.sx img { display: block; max-width: 100%; }

.sx-head { text-align: center; max-width: 680px; margin: 0 auto 26px; }
.sx-head__k {
  display: inline-block; font-weight: 700; font-size: .72rem; letter-spacing: .18em;
  text-transform: uppercase; color: var(--sx-brand);
}
.sx-head__h { font-size: clamp(1.6rem, 4.6vw, 2.3rem); margin: 8px 0 6px; line-height: 1.1; color: var(--sx-navy); font-weight: 700; }
.sx-head__s { margin: 0; color: var(--sx-muted); font-size: 1rem; line-height: 1.5; }

.sx-btn {
  display: inline-block; background: var(--sx-brand); color: #fff; font-weight: 700;
  font-size: .85rem; letter-spacing: .03em; padding: 13px 28px; border-radius: 10px;
  transition: filter .2s, transform .2s;
}
.sx-btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
  max-width: var(--sx-maxw); margin: 0 auto;
}
.sx-usp__item {
  display: flex; align-items: center; gap: 12px; background: var(--sx-card);
  border: 1px solid var(--sx-line); border-radius: 14px; padding: 14px 14px;
}
.sx-usp__ic {
  flex: 0 0 auto; width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center;
  background: color-mix(in srgb, var(--sx-brand) 12%, #fff); color: var(--sx-brand);
}
.sx-usp__ic svg { width: 22px; height: 22px; }
.sx-usp__t { margin: 0; font-weight: 700; font-size: .9rem; color: var(--sx-navy); line-height: 1.2; }
.sx-usp__d { margin: 2px 0 0; font-size: .74rem; color: var(--sx-muted); line-height: 1.3; }
@media (min-width: 768px) { .sx-usp { grid-template-columns: repeat(4, 1fr); gap: 16px; } }
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:budget-1 */
.sx-bud__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; max-width:var(--sx-maxw); margin:0 auto; }
.sx-bud__card { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; min-height:190px; padding:18px 18px 16px; border-radius:var(--sx-radius); color:#fff; background:linear-gradient(150deg,#333987 0%,#21255c 100%); border:1px solid rgba(255,255,255,.08); transition:transform .22s, box-shadow .22s; }
.sx-bud__card:hover { transform:translateY(-4px); box-shadow:0 18px 34px rgba(26,30,82,.30); }
.sx-bud__card--a { background:linear-gradient(150deg,#3a3f93 0%,#22265d 100%); }
.sx-bud__card--b { background:linear-gradient(150deg,#2f3f9c 0%,#1c2a6b 100%); }
.sx-bud__card--c { background:linear-gradient(150deg,#2a5fb0 0%,#1d2c72 100%); }
.sx-bud__card--d { background:linear-gradient(150deg,#12183d 0%,#080b26 100%); }
.sx-bud__img { position:absolute; right:-6px; bottom:-6px; width:52%; max-width:170px; object-fit:contain; pointer-events:none; filter:drop-shadow(0 8px 16px rgba(0,0,0,.35)); border-radius:12px; }
.sx-bud__top, .sx-bud__go { position:relative; z-index:1; }
.sx-bud__k { font-size:.66rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#9ec6f5; }
.sx-bud__card--d .sx-bud__k { color:#4fd0ff; }
.sx-bud__p { font-weight:800; font-size:1.9rem; line-height:1.02; margin:9px 0 7px; color:#fff; }
.sx-bud__p small { display:block; font-size:.72rem; font-weight:600; letter-spacing:.02em; color:#c2cbec; margin-bottom:3px; }
.sx-bud__d { font-size:.74rem; line-height:1.35; color:#bcc4e6; max-width:60%; }
.sx-bud__go { align-self:flex-start; margin-top:16px; display:inline-flex; align-items:center; gap:7px; font-size:.78rem; font-weight:700; color:#fff; }
.sx-bud__go svg { width:15px; height:15px; transition:transform .2s; }
.sx-bud__card:hover .sx-bud__go svg { transform:translateX(3px); }
@media (min-width:768px) { .sx-bud__grid { grid-template-columns:repeat(4,1fr); gap:18px; } .sx-bud__p { font-size:2.05rem; } }
/* END shoopy-gen:budget-1 */

/* BEGIN shoopy-gen:story-1 */
.sx-story__in { display: grid; gap: 22px; max-width: var(--sx-maxw); margin: 0 auto; align-items: center; }
.sx-story__media { border-radius: var(--sx-radius); overflow: hidden; background: #fff; border: 1px solid var(--sx-line); }
.sx-story__media img { width: 100%; height: 100%; object-fit: cover; }
.sx-story__h { font-size: clamp(1.5rem, 4.2vw, 2.1rem); line-height: 1.14; color: var(--sx-navy); margin: 8px 0 12px; font-weight: 700; }
.sx-story__p { color: var(--sx-muted); font-size: .96rem; line-height: 1.65; margin: 0 0 14px; }
.sx-story__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 18px 0 22px; }
.sx-story__stat { background: var(--sx-card); border: 1px solid var(--sx-line); border-radius: 12px; padding: 12px 14px; }
.sx-story__n { display: block; font-size: 1.25rem; font-weight: 800; color: var(--sx-brand); }
.sx-story__l { display: block; font-size: .74rem; color: var(--sx-muted); margin-top: 2px; }
@media (min-width: 860px) {
  .sx-story__in { grid-template-columns: 1fr 1.05fr; gap: 40px; }
  .sx-story__stats { grid-template-columns: repeat(4, 1fr); }
}
/* END shoopy-gen:story-1 */

/* BEGIN shoopy-gen:testimonials-1 */
/* mobile: horizontal swipe carousel (default); desktop: 3-up grid */
.sx-tm__grid { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 2px 2px 12px; max-width: var(--sx-maxw); margin: 0 auto; }
.sx-tm__card { flex: 0 0 86%; scroll-snap-align: start; background: var(--sx-card); border: 1px solid var(--sx-line); border-radius: var(--sx-radius); padding: 20px 20px 18px; }
.sx-tm__stars { color: #f5a623; letter-spacing: .08em; font-size: .95rem; }
.sx-tm__q { margin: 10px 0 16px; font-size: .95rem; line-height: 1.6; color: var(--sx-ink); }
.sx-tm__who { display: flex; align-items: center; gap: 11px; }
.sx-tm__av { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--sx-brand); color: #fff; font-weight: 700; font-size: .95rem; }
.sx-tm__name { font-weight: 700; font-size: .86rem; color: var(--sx-navy); }
.sx-tm__meta { font-size: .72rem; color: var(--sx-muted); margin-top: 1px; }
@media (min-width: 768px) { .sx-tm__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; overflow: visible; } .sx-tm__card { flex: none; } }
/* END shoopy-gen:testimonials-1 */

:root {
      --secondary-main:#333987; --brand:#333987; --brand-2:#282c6e; --brand-3:#3a4099;
      --navy:#1a1e52; --navy-2:#21255c; --cyan:#2cb6f0;
      --bg:#ffffff; --bg2:#f4f5fb; --card:#ffffff;
      --ink:#17193a; --muted:#5c6086; --line:#e6e7f2;
      --deal:#e0491c; --save:#15803d; --wa:#25d366;
      --radius:16px; --maxw:1240px;
      --font-head:"Space Grotesk","Inter",system-ui,sans-serif;
      --font-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    }
    * { box-sizing:border-box; }
    body { margin:0; font-family:var(--font-body); color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
    img { display:block; max-width:100%; }
    a { color:inherit; text-decoration:none; }
    h1,h2,h3 { font-family:var(--font-head); margin:0; line-height:1.08; font-weight:700; }
    .wrap { max-width:var(--maxw); margin:0 auto; padding:0 16px; }
    .sec { padding:40px 0; }
    .sec--tint { background:var(--bg2); }

    .brand-chip { display:inline-flex; align-items:center; gap:10px; }
    .brand-chip__mk { width:38px; height:38px; border-radius:10px; background:#fff; display:grid; place-items:center; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.18); }
    .brand-chip__mk img { width:34px; height:34px; object-fit:contain; }
    .brand-chip__tx { display:flex; flex-direction:column; line-height:1; }
    .brand-chip__n { font-family:var(--font-head); font-weight:700; font-size:1.08rem; letter-spacing:.01em; color:#fff; }
    .brand-chip__s { font-size:.52rem; letter-spacing:.22em; text-transform:uppercase; color:#9fb0e6; margin-top:3px; }

    /* shared section heads */
    .head { text-align:center; max-width:680px; margin:0 auto 24px; }
    .head__k { display:inline-block; font-weight:700; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--brand); }
    .head__h { font-size:clamp(1.6rem,4.6vw,2.3rem); margin:8px 0 6px; color:var(--navy); }
    .section-heading{ font-size:clamp(1.6rem,4.6vw,2.3rem); margin:8px 0 6px; color:var(--navy); }
    .section-heading-container {
    justify-content: center;
    align-items: center;
}
    .head__s { margin:0; color:var(--muted); font-size:1rem; }
    .head--row { display:flex; align-items:flex-end; justify-content:space-between; max-width:var(--maxw); text-align:left; gap:16px; margin-bottom:20px; }
    .head--row .head__h { margin-bottom:0; }
    .viewall { display:inline-flex; align-items:center; gap:6px; color:var(--brand); font-weight:700; font-size:.85rem; white-space:nowrap; }
    .viewall:hover { color:var(--brand-2); }

    /* ---- Notice (Tier C) ---- */
    .notice { background:var(--brand); color:#fff; font-size:.78rem; font-weight:500; letter-spacing:.02em; text-align:center; padding:9px 14px; }
    .notice b { color:#8fe3ff; font-weight:700; }

    /* ---- Header (Tier C) ---- */
    .hdr { position:sticky; top:0; z-index:40; background:var(--navy); border-bottom:1px solid rgba(255,255,255,.08); }
    .hdr__in { display:flex; align-items:center; gap:11px; padding:11px 16px; max-width:var(--maxw); margin:0 auto; }
    .hdr__burger { display:flex; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer; padding:6px; }
    .hdr__burger span { width:21px; height:2px; background:#cdd3ee; display:block; border-radius:2px; }
    .hdr__nav { display:none; gap:18px; margin-left:6px; }
    .hdr__nav a { font-weight:600; font-size:.82rem; color:#dbe0f4; opacity:.92; white-space:nowrap; }
    .hdr__nav a:hover { color:#fff; opacity:1; }
    .hdr__nav--hot { color:#ffb066 !important; opacity:1 !important; }
    .hdr__search { display:none; flex:1; align-items:center; gap:9px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:10px 15px; color:#aab2e0; font-size:.82rem; max-width:380px; }
    .hdr__search svg { width:17px; height:17px; color:#9fb0e6; flex:0 0 auto; }
    .hdr__icons { display:flex; align-items:center; gap:2px; margin-left:auto; flex:0 0 auto; }
    .iconbtn { flex:0 0 auto; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:transparent; border:none; cursor:pointer; position:relative; color:#dbe0f4; }
    .iconbtn:hover { background:rgba(255,255,255,.1); }
    .iconbtn svg { width:21px; height:21px; }
    .iconbtn--wa svg { fill:var(--wa); stroke:none; }
    .cartdot { position:absolute; top:4px; right:4px; background:var(--deal); color:#fff; font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:8px; display:grid; place-items:center; padding:0 3px; }
    @media (min-width:768px) { .hdr__search { display:flex; } }
    @media (min-width:1080px) { .hdr__burger { display:none; } .hdr__nav { display:flex; } }

    /* ---- Hero / StoreBanner (Tier A) — full-bleed banner ---- */
    .hero { position:relative; background:var(--navy); color:#fff; overflow:hidden; }
    .hero__bg { position:absolute; inset:0; z-index:0; }
    .hero__bg img { width:100%; height:100%; object-fit:cover; object-position:50% 30%; }
    .hero__scrim { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(20,24,60,.94) 0%, rgba(20,24,60,.82) 38%, rgba(20,24,60,.45) 60%, rgba(20,24,60,.5) 100%); }
    .hero__in { position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:26px 16px 32px; min-height:600px; display:flex; flex-direction:column; justify-content:flex-start; }
    .hero__copy { max-width:33rem; }
    .hero__chip { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#d6e0f7; font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:7px 14px; border-radius:999px; width:max-content; }
    .hero__chip b { color:#8fe3ff; }
    .hero__h { font-size:clamp(2rem,7vw,3.2rem); line-height:1.05; margin:16px 0 12px; letter-spacing:-.01em; }
    .hero__h em { font-style:normal; color:#5fc6f5; }
    .hero__sub { color:#bcc4e6; font-size:1.02rem; line-height:1.55; margin:0 0 20px; max-width:44ch; }
    .hero__btns { display:flex; flex-wrap:wrap; gap:12px; }
    .btn { display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.9rem; letter-spacing:.02em; padding:14px 26px; border-radius:11px; transition:.2s; }
    .btn--primary { background:var(--brand); color:#fff; }
    .btn--primary:hover { background:var(--brand-3); }
    .btn--ghost { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.28); }
    .btn--ghost:hover { border-color:#fff; }
    .btn--deal { background:linear-gradient(90deg,#f2703a,#e0491c); color:#fff; }
    .hero__trust { display:flex; flex-direction:column; gap:8px; margin:18px 0 0; font-size:.78rem; color:#aab2e0; }
    .hero__trust span { display:inline-flex; align-items:center; gap:7px; }
    .hero__stars { color:#ffb066; }
    /* mobile: declutter — eyebrow duplicates the notice bar, trust row duplicates the USP strip below */
    @media (max-width:767px) {
      .hero__chip { display:none; }
      .hero__trust { display:none; }
      .hero__in { min-height:420px; padding:38px 16px 30px; }
      .hero__sub { margin-bottom:16px; }
    }
    @media (min-width:768px) {
      .hero__bg img { object-position:center; }
      .hero__scrim { background:linear-gradient(90deg, rgba(20,24,60,.94) 0%, rgba(20,24,60,.72) 34%, rgba(20,24,60,.28) 58%, rgba(20,24,60,0) 78%); }
      .hero__in { justify-content:center; padding:56px 16px; min-height:580px; }
      .hero__trust { flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px 18px; }
      .hero__h { font-size:clamp(2.6rem,4.6vw,4rem); }
    }

    /* ---- Categories (Tier A) ---- */
    .cats { display:flex; flex-wrap:wrap; gap:16px 10px; padding:4px 2px 4px; }
    .cat { flex:1 1 calc((100% - 20px)/3); max-width:calc((100% - 20px)/3); min-width:0; text-align:center; }
    .cat__ic { position:relative; aspect-ratio:1/1; border-radius:16px; overflow:hidden; background:var(--bg2); border:1px solid var(--line); transition:.22s; }
    .cat__ic img { width:100%; height:100%; object-fit:cover; }
    .cat:hover .cat__ic { transform:translateY(-4px); box-shadow:0 14px 26px rgba(26,30,82,.14); border-color:#c3c7ea; }
    .cat__n { display:block; font-size:.82rem; font-weight:600; color:var(--navy); margin-top:9px; line-height:1.25; }
    @media (min-width:480px) { .cat { flex-basis:calc((100% - 30px)/4); max-width:calc((100% - 30px)/4); } }
    @media (min-width:768px) { .cats { gap:16px; } .cat { flex-basis:calc((100% - 80px)/6); max-width:calc((100% - 80px)/6); } }

    /* ---- Product cards (Tier A) ---- */
    .prow { display:grid; grid-auto-flow:column; grid-auto-columns:64%; gap:13px; overflow-x:auto; padding:4px 2px 14px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
    .pgrid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }
    .pc { background:var(--card); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; scroll-snap-align:start; color:var(--ink); border:1px solid var(--line); transition:.22s; }
    .pc:hover { transform:translateY(-4px); box-shadow:0 16px 30px rgba(26,30,82,.12); border-color:#cfd3ef; }
    .pc__media { position:relative; aspect-ratio:1/1; background:#f6f7fb; }
    .pc__media img { width:100%; height:100%; object-fit:cover; }
    .pc__off { position:absolute; top:10px; left:10px; background:var(--deal); color:#fff; font-weight:800; font-size:.7rem; letter-spacing:.02em; padding:5px 9px; border-radius:8px; }
    .pc__tag { position:absolute; top:10px; right:10px; background:var(--navy); color:#fff; font-weight:600; font-size:.6rem; letter-spacing:.08em; text-transform:uppercase; padding:5px 9px; border-radius:8px; }
    .pc__body { padding:12px 13px 14px; display:flex; flex-direction:column; gap:6px; flex:1; }
    .pc__title { font-family:var(--font-body); font-weight:600; font-size:.92rem; line-height:1.32; margin:0; color:var(--navy); min-height:2.5em; }
    .pc__rate { display:flex; align-items:center; gap:5px; font-size:.72rem; color:var(--muted); }
    .pc__rate b { color:#f5a623; letter-spacing:.03em; }
    .pc__price { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-top:1px; }
    .pc__sale { font-weight:800; font-size:1.02rem; color:var(--navy); }
    .pc__mrp { color:#9aa0bd; text-decoration:line-through; font-size:.8rem; }
    .pc__save { color:var(--save); font-weight:700; font-size:.72rem; }
    .pc__cta { margin-top:auto; text-align:center; background:var(--brand); color:#fff; font-weight:700; font-size:.82rem; letter-spacing:.02em; padding:10px; border-radius:9px; transition:.2s; }
    .pc:hover .pc__cta { background:var(--brand-3); }
    @media (min-width:600px) { .prow { grid-auto-columns:38%; } .pgrid { grid-template-columns:repeat(3,1fr); } }
    @media (min-width:768px) { .prow { grid-auto-flow:initial; grid-template-columns:repeat(4,1fr); overflow:visible; gap:16px; } .pgrid { grid-template-columns:repeat(4,1fr); gap:16px; } }

    /* ---- Promo banner (Tier A) — full-bleed banner ---- */
    .ban { display:block; position:relative; border-radius:20px; overflow:hidden; background:var(--navy); color:#fff; }
    .ban__bg { position:absolute; inset:0; z-index:0; }
    .ban__bg img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
    .ban__scrim { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(16,20,55,.5) 0%, rgba(16,20,55,.55) 44%, rgba(16,20,55,.86) 100%); }
    .ban__copy { position:relative; z-index:2; padding:30px 22px 34px; text-align:left; max-width:33rem; min-height:400px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; }
    .ban__copy .btn { align-self:flex-start; }
    .ban__k { display:inline-block; font-weight:700; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:#8fe3ff; }
    .ban__h { font-size:clamp(1.7rem,5.5vw,2.7rem); line-height:1.06; margin:.3em 0 .28em; }
    .ban__h em { font-style:normal; color:#5fc6f5; }
    .ban__sub { color:#c5cae8; font-size:.98rem; margin:0 0 1.2em; max-width:40ch; }
    @media (min-width:820px) {
      .ban__scrim { background:linear-gradient(90deg, rgba(16,20,55,.9) 0%, rgba(16,20,55,.62) 34%, rgba(16,20,55,.15) 62%, rgba(16,20,55,0) 80%); }
      .ban__copy { padding:56px 10px 56px 56px; min-height:430px; justify-content:center; }
    }

    /* ---- Footer (Tier C) ---- */
    .ft { background:var(--navy); color:#c5cae8; margin-top:6px; }
    .ft__in { max-width:var(--maxw); margin:0 auto; padding:44px 16px 18px; display:grid; grid-template-columns:1fr 1fr; gap:28px 18px; }
    .ft__brand { grid-column:1 / -1; }
    .ft__brand p { color:#a2abd6; font-size:.85rem; line-height:1.7; margin:14px 0 0; max-width:40ch; }
    .ft__col h4 { font-family:var(--font-body); font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:#9fb0e6; margin:0 0 13px; font-weight:700; }
    .ft__col a { display:block; color:#c5cae8; font-size:.86rem; margin-bottom:9px; opacity:.92; }
    .ft__col a:hover { color:#fff; }
    .ft__contact { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:10px 22px; padding-top:4px; }
    .ft__contact a { display:inline-flex; align-items:center; gap:8px; color:#c5cae8; font-size:.85rem; }
    .ft__contact svg { width:17px; height:17px; color:#9fb0e6; flex:0 0 auto; }
    .ft__social { grid-column:1 / -1; display:flex; gap:11px; }
    .ft__social a { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.08); color:#dbe0f4; }
    .ft__social a:hover { background:var(--brand); color:#fff; }
    .ft__social svg { width:19px; height:19px; }
    .ft__pay { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
    .ft__pay span { font-size:.7rem; letter-spacing:.04em; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:6px; padding:5px 10px; color:#cdd3ee; }
    .ft__bar { border-top:1px solid rgba(255,255,255,.09); }
    .ft__bar div { max-width:var(--maxw); margin:0 auto; padding:15px 16px; display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; color:#8891bd; font-size:.75rem; }
    @media (min-width:768px) {
      .ft__in { grid-template-columns:1.7fr 1fr 1fr 1.2fr; }
      .ft__brand { grid-column:auto; }
    }
.logo {
    border-radius: 10px !important;
      }