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

/* MyGift4U — base theme layer (easy-checkout look).
   In a real store this is PROVIDED BY THE THEME: tokens, chrome (notice/header/footer)
   and native sections (StoreBanner, categories, product grids, collection cards).
   Only theme.css (the .sx-* Tier-B blocks) is uploaded to sx_css_location. */

:root {
  /* brand — logo-extracted */
  --secondary-main: #4A1C6E;      /* brand purple · identity + primary CTA */
  --secondary-dark: #36124F;
  --secondary-light: #F3ECF9;
  --brand-pink: #E4307F;          /* logo pink · accent, never a button */
  --deal: #C2185B;                /* discount badge (white text 5.6:1) */
  --success: #178044;             /* WhatsApp / bulk enquiry */
  --ink-900: #1D1526;
  --ink-700: #463C52;
  --ink-500: #6E6479;
  --line: #ECE6F1;
  --surface: #FFFFFF;
  --surface-2: #FAF7FC;
  --surface-3: #F4EEF8;
  --font-head: "Poppins", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 22px;
  --container: 1280px;
  --gutter: 16px;
  --shadow: 0 1px 2px rgba(40, 14, 60, .06), 0 6px 20px rgba(40, 14, 60, .06);
}
@media (min-width: 768px) { :root { --gutter: 28px; } }


body { margin: 0; font-family: var(--font-body); color: var(--ink-900); background: var(--surface); font-size: 15px; line-height: 1.5; overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; }
button { font: inherit; cursor: pointer; }
.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ── Notice bar (Tier C) ── */
.notice { background: var(--secondary-main); color: #fff; font-size: 13px; font-weight: 500; text-align: center; padding: 8px var(--gutter); }
.notice b { color: #FFD6E8; font-weight: 700; }
.notice .extra { display: none; }
@media (min-width: 768px) { .notice .extra { display: inline; } }

/* ── Header (Tier C) ── */
.header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--line); }
.header__row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding-block: 8px; }
.header__logo img { height: 52px; width: auto; }
.header__search { display: none; }
.header__icons { display: flex; align-items: center; gap: 2px; justify-self: end; }
.icon-btn { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border: 0; background: none; border-radius: 50%; color: var(--ink-900); }
.icon-btn:hover { background: var(--surface-3); }
.icon-btn svg { width: 22px; height: 22px; }
.icon-btn .count { position: absolute; top: 4px; right: 3px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 99px; background: var(--brand-pink); color: #fff; font-size: 10.5px; font-weight: 700; display: grid; place-items: center; }
.icon-btn--wa { color: var(--success); }
.header__mobile-search { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 99px; padding: 9px 14px; color: var(--ink-500); font-size: 14px; }
.header__mobile-search svg { width: 18px; height: 18px; flex: none; }
.header__nav { display: none; }
.menu-btn { justify-self: start; }
@media (min-width: 1024px) {
  .header__row { grid-template-columns: auto 1fr auto; gap: 28px; padding-block: 6px; }
  .menu-btn { display: none; }
  .header__logo img { height: 76px; }
  .header__search { display: flex; align-items: center; gap: 10px; max-width: 560px; width: 100%; justify-self: center; background: var(--surface-2); border: 1.5px solid var(--line); border-radius: 99px; padding: 11px 18px; color: var(--ink-500); }
  .header__search svg { width: 18px; height: 18px; }
  .header__mobile-search { display: none; }
  .header__nav { display: block; border-top: 1px solid var(--line); }
  .header__nav ul { display: flex; justify-content: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
  .nav-link{ display: inline-block; padding: 11px 14px; font-size: 14px; font-weight: 600; color: var(--ink-700); border-radius: 8px; }
  .nav-link:hover { color: var(--secondary-main); background: var(--secondary-light); }
  .header__nav .hot { color: var(--deal); }
}
@media (max-width: 1023px) { .header__row { grid-template-columns: auto 1fr auto; } .header__logo { justify-self: center; } }

/* ── Section scaffolding (theme row wrapper) ── */
.row { padding-block: 28px; }
@media (min-width: 1024px) { .row { padding-block: 44px; } }
.row--tint { background: var(--surface-2); }
.row-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.row-head h2 { font-family: var(--font-head); font-size: 21px; line-height: 1.2; font-weight: 700; color: var(--ink-900); letter-spacing: -.01em; }
.heading-title,.section-heading{ font-family: var(--font-head) !important; font-size: 21px !important; line-height: 1.2 !important; font-weight: 700 !important; color: var(--ink-900) !important; letter-spacing: -.01em !important; }
.row-head p { color: var(--ink-500); font-size: 13.5px; margin-top: 3px; }
.row-head .view-all { flex: none; font-weight: 600; font-size: 14px; color: var(--secondary-main); display: inline-flex; gap: 4px; align-items: center; }
@media (min-width: 1024px) { .row-head h2 { font-size: 28px; } .row-head p { font-size: 15px; } .row-head { margin-bottom: 22px; } }

/* ── BannerCollection (native: image + title + CTA overlay) ── */
.banner-collection { padding-block: 28px; }
.banner--hero { padding-bottom: 4px; }
.banner--hero { padding-top: 12px; }

.sh-banner-img-ctn { position: relative; display: block; border-radius: var(--radius-lg); overflow: hidden; background: var(--surface-3); }
.sh-banner-img-ctn img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.ban-cont-content { position: absolute; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.ban-cont-content.pos-top-left { left: 7%; right: 7%; top: 6%; }
.ban-cont-text { font-family: var(--font-head); font-weight: 700; font-size: clamp(25px, 7vw, 34px); line-height: 1.12; letter-spacing: -.02em; color: #2A1040; margin: 0; max-width: 14ch; }
.universal-btn-style { display: inline-flex; align-items: center; gap: 8px; background: var(--secondary-main); color: #fff; font-weight: 700; font-size: 15px; padding: 12px 20px; border-radius: 12px; box-shadow: 0 8px 22px rgba(74, 28, 110, .28); }
.universal-btn-style:hover { background: var(--secondary-dark); }
@media (min-width: 640px) {
  .sh-banner-img-ctn img { aspect-ratio: 1600 / 820; }
  .ban-cont-content.pos-top-left { top: 50%; transform: translateY(-50%); left: 6%; right: auto; max-width: 44%; }
  .ban-cont-text { font-size: clamp(24px, 3.4vw, 46px); max-width: 13ch; }
}
@media (min-width: 1024px) {
  .banner--hero { padding-top: 20px; }
  .ban-cont-content { gap: 22px; }
  .universal-btn-style { font-size: 16px; padding: 15px 26px; }
}

/* ── Category tiles (native ProductCategoriesV2) ── */
.cats__row { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 16px; margin: 0 -4px; padding: 0; list-style: none; }
.cats__tile { flex: 0 0 25%; padding-inline: 4px; }
.cats__tile a { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.cats__tile img { width: 100%; max-width: 76px; height: auto; aspect-ratio: 1; border-radius: 50%; object-fit: cover; background: #fff; border: 2px solid var(--line); transition: border-color .2s, transform .2s; }
.cats__tile a:hover img { border-color: var(--brand-pink); transform: translateY(-2px); }
.cats__tile span { font-size: 12px; font-weight: 600; line-height: 1.25; color: var(--ink-700); }
@media (min-width: 640px) {
  .cats__row { flex-wrap: nowrap; margin: 0 -8px; }
  .cats__tile { flex: 1 1 0; padding-inline: 8px; }
  .cats__tile img { max-width: 96px; }
  .cats__tile span { font-size: 13px; }
}
@media (min-width: 1024px) {
  .cats__tile { padding-inline: 10px; }
  .cats__tile img { max-width: 132px; }
  .cats__tile span { font-size: 14.5px; }
}

/* ── Product grid / swiper (native ProductGridCollection, TWO_CARD) ── */
.pgrid { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 12px) / 2.15); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; scrollbar-width: none; }
.pgrid::-webkit-scrollbar { display: none; }
@media (min-width: 640px) { .pgrid { grid-auto-columns: calc((100% - 32px) / 3.2); gap: 16px; } }
@media (min-width: 1024px) { .pgrid { grid-auto-columns: calc((100% - 72px) / 5); gap: 18px; } }
.pcard { scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: box-shadow .2s, transform .2s; }
.pcard:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.pcard__media { position: relative; aspect-ratio: 1; background: #fff; }
.pcard__media img { width: 100%; height: 100%; object-fit: contain; }
.pcard__badge { position: absolute; top: 8px; left: 8px; background: var(--deal); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 99px; }
.pcard__tag { position: absolute; bottom: 8px; left: 8px; background: rgba(255,255,255,.94); color: var(--secondary-main); border: 1px solid #E3D6EE; font-size: 10.5px; font-weight: 700; padding: 3px 8px; border-radius: 99px; display: inline-flex; gap: 4px; align-items: center; }
.pcard__body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
..product-card-name { font-size: 13.5px; font-weight: 500; line-height: 1.35; color: var(--ink-900); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
.pcard__price { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.pcard__price strong { font-family: var(--font-head); font-size: 16px; font-weight: 700; }
.pcard__price s { color: var(--ink-500); font-size: 12.5px; }
.pcard__cta { margin-top: auto; display: block; text-align: center; border: 1.5px solid var(--secondary-main); color: var(--secondary-main); background: #fff; font-weight: 700; font-size: 13.5px; padding: 8px 10px; border-radius: 10px; transition: background .15s, color .15s; }
.pcard__cta:hover { background: var(--secondary-main); color: #fff; }
@media (min-width: 1024px) { ..product-card-name { font-size: 14.5px; } .pcard__price strong { font-size: 18px; } .pcard__body { padding: 12px 14px 14px; } }

/* ── LargeCollectionCard row (native, 3-up desktop) ── */
.feature-row { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 640px) { .feature-row { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
@media (min-width: 1024px) { .feature-row { gap: 22px; } }
.mini-banner-collection a { display: block; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
.mini-banner-collection img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .35s; }
.mini-banner-collection a:hover img { transform: scale(1.03); }
@media (max-width: 639px) { .feature-row { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 82%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .mini-banner-collection { scroll-snap-align: start; } }

/* ── Footer (Tier C · 4_column_premium) ── */
.footer { background: #1F0F2E; color: #CDBFD9; margin-top: 8px; }
.footer__top { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 20px; padding-block: 36px 26px; }
.footer__brand { grid-column: 1 / -1; }
.footer__logo { display: inline-block; background: #fff; border-radius: 12px; padding: 8px 12px; }
.footer__logo img { height: 48px; width: auto; }
.footer__brand p { margin-top: 12px; font-size: 14px; max-width: 380px; }
.footer h3 { font-family: var(--font-head); color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 10px; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer li a, .footer li span { display: block; padding: 4px 0; font-size: 14px; color: #CDBFD9; }
.footer li a:hover { color: #fff; }
.footer__contact { grid-column: 1 / -1; }
.footer__contact li { display: flex; gap: 8px; align-items: flex-start; padding: 4px 0; font-size: 14px; }
.footer__contact svg { width: 17px; height: 17px; flex: none; margin-top: 2px; color: #F48FBF; }
.footer__bottom { border-top: 1px solid rgba(255,255,255,.1); padding-block: 16px 72px; font-size: 12.5px; display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; color: #A594B4; }
@media (min-width: 768px) {
  .footer__top { grid-template-columns: 1.5fr 1fr 1fr 1.4fr; padding-block: 52px 36px; }
  .footer__brand, .footer__contact { grid-column: auto; }
}

/* sticky mobile WhatsApp bulk-quote pill */
.wa-float { position: fixed; right: 14px; bottom: 16px; z-index: 60; display: inline-flex; align-items: center; gap: 8px; background: var(--success); color: #fff; font-weight: 700; font-size: 14px; padding: 11px 16px; border-radius: 99px; box-shadow: 0 8px 24px rgba(20, 90, 50, .35); }
.wa-float svg { width: 20px; height: 20px; }

/* MyGift4U — generated Tier-B CSS. Uploaded to the store's sx_css_location.
   Every selector is namespaced under .sx; brand comes from the theme's --secondary-main. */

/* BEGIN shoopy-gen:base */
.sx { --sx-pink: #E4307F; --sx-deal: #C2185B; --sx-wa: #178044; --sx-ink: #1D1526; --sx-muted: #6E6479; --sx-line: #ECE6F1; --sx-tint: #F7F1FB; --sx-radius: 18px; --sx-gutter: 16px; width: 100%; font-family: inherit; color: var(--sx-ink); }
@media (min-width: 768px) { .sx { --sx-gutter: 28px; } }
.sx .sx-wrap { max-width: 1280px; margin-inline: auto; padding-inline: var(--sx-gutter); }
.sx .sx-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sx-deal); }
.sx .sx-h2 { font-family: "Poppins", system-ui, sans-serif; font-size: 23px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: var(--sx-ink); margin: 6px 0 0; }
.sx .sx-h2 em { font-style: normal; color: var(--secondary-main, #4A1C6E); }
.sx .sx-lead { color: var(--sx-muted); font-size: 14.5px; line-height: 1.55; margin: 8px 0 0; }
@media (min-width: 1024px) { .sx .sx-h2 { font-size: 32px; } .sx .sx-lead { font-size: 16px; } }
.sx .sx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 12px 20px; border-radius: 12px; font-weight: 700; font-size: 15px; text-decoration: none; border: 1.5px solid transparent; transition: background .15s, color .15s, box-shadow .15s; }
.sx .sx-btn svg { width: 19px; height: 19px; flex: none; }
.sx .sx-btn--primary { background: var(--secondary-main, #4A1C6E); color: #fff; }
.sx .sx-btn--primary:hover { box-shadow: 0 8px 20px rgba(74, 28, 110, .28); }
.sx .sx-btn--wa { background: var(--sx-wa); color: #fff; }
.sx .sx-btn--wa:hover { box-shadow: 0 8px 20px rgba(23, 128, 68, .28); }
.sx .sx-btn--ghost { background: #fff; color: var(--secondary-main, #4A1C6E); border-color: var(--secondary-main, #4A1C6E); }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp { padding-block: 14px 4px; }
.sx-usp .sx-usp__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sx-usp .sx-usp__item { display: flex; align-items: center; gap: 10px; background: var(--sx-tint); border-radius: 14px; padding: 11px 12px; }
.sx-usp .sx-usp__icon { flex: none; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: #fff; color: var(--secondary-main, #4A1C6E); }
.sx-usp .sx-usp__icon svg { width: 20px; height: 20px; }
.sx-usp .sx-usp__title { font-weight: 700; font-size: 13px; line-height: 1.25; margin: 0; }
.sx-usp .sx-usp__sub { font-size: 12px; color: var(--sx-muted); line-height: 1.3; margin: 1px 0 0; }
@media (min-width: 1024px) {
  .sx-usp { padding-block: 24px 0; }
  .sx-usp .sx-usp__list { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .sx-usp .sx-usp__item { padding: 16px 18px; gap: 14px; }
  .sx-usp .sx-usp__icon { width: 44px; height: 44px; }
  .sx-usp .sx-usp__title { font-size: 15px; }
  .sx-usp .sx-usp__sub { font-size: 13px; }
}
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:customise-1 */
.sx-custom { padding-block: 32px; }
.sx-custom .sx-custom__card { display: grid; gap: 22px; background: linear-gradient(135deg, #F7F0FB 0%, #FDF2F7 100%); border: 1px solid var(--sx-line); border-radius: 24px; padding: 18px; overflow: hidden; }
.sx-custom .sx-custom__media { position: relative; border-radius: 18px; overflow: hidden; background: #fff; }
.sx-custom .sx-custom__media img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.sx-custom .sx-custom__chip { position: absolute; left: 12px; bottom: 12px; background: #fff; border-radius: 12px; padding: 8px 12px; box-shadow: 0 6px 18px rgba(40, 14, 60, .14); font-size: 12.5px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.sx-custom .sx-custom__chip i { font-style: italic; font-family: Georgia, serif; color: var(--secondary-main, #4A1C6E); font-size: 15px; }
.sx-custom .sx-custom__opts { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sx-custom .sx-custom__opt { background: #fff; border: 1px solid var(--sx-line); border-radius: 14px; padding: 12px; }
.sx-custom .sx-custom__opt svg { width: 24px; height: 24px; color: var(--sx-pink); }
.sx-custom .sx-custom__opt b { display: block; font-size: 13.5px; margin-top: 6px; line-height: 1.25; }
.sx-custom .sx-custom__opt span { display: block; font-size: 12px; color: var(--sx-muted); margin-top: 2px; line-height: 1.35; }
.sx-custom .sx-custom__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.sx-custom .sx-custom__actions .sx-btn { flex: 1 1 200px; }
.sx-custom .sx-custom__note { font-size: 12.5px; color: var(--sx-muted); margin: 10px 0 0; }
@media (min-width: 768px) {
  .sx-custom .sx-custom__card { grid-template-columns: 0.9fr 1.1fr; align-items: center; padding: 22px; gap: 32px; }
  .sx-custom .sx-custom__media img { aspect-ratio: 4 / 5; }
}
@media (min-width: 1024px) {
  .sx-custom { padding-block: 48px; }
  .sx-custom .sx-custom__card { padding: 28px 44px 28px 28px; gap: 52px; }
  .sx-custom .sx-custom__opts { grid-template-columns: repeat(4, 1fr); gap: 12px; }
  .sx-custom .sx-custom__opt { padding: 14px; }
  .sx-custom .sx-custom__actions .sx-btn { flex: 0 0 auto; }
}
/* END shoopy-gen:customise-1 */

/* BEGIN shoopy-gen:professions-1 */
.sx-prof { padding-block: 28px; }
.sx-prof .sx-prof__head { margin-bottom: 16px; }
.sx-prof .sx-prof__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sx-prof .sx-prof__tile a { display: block; position: relative; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid var(--sx-line); text-decoration: none; color: inherit; transition: box-shadow .2s, transform .2s; }
.sx-prof .sx-prof__tile a:hover { box-shadow: 0 10px 26px rgba(40, 14, 60, .12); transform: translateY(-2px); }
.sx-prof .sx-prof__tile img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.sx-prof .sx-prof__label { padding: 10px 12px 12px; }
.sx-prof .sx-prof__label b { display: block; font-size: 14.5px; line-height: 1.2; }
.sx-prof .sx-prof__label span { display: block; font-size: 12px; color: var(--sx-muted); margin-top: 2px; }
.sx-prof .sx-prof__label em { font-style: normal; font-weight: 700; color: var(--secondary-main, #4A1C6E); font-size: 12.5px; display: inline-block; margin-top: 6px; }
@media (min-width: 1024px) {
  .sx-prof { padding-block: 44px; }
  .sx-prof .sx-prof__head { margin-bottom: 22px; }
  .sx-prof .sx-prof__grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .sx-prof .sx-prof__label { padding: 14px 16px 16px; }
  .sx-prof .sx-prof__label b { font-size: 17px; }
  .sx-prof .sx-prof__label span { font-size: 13.5px; }
}
@media (min-width: 768px) and (max-width: 1023px) { .sx-prof .sx-prof__grid { grid-template-columns: repeat(4, 1fr); } }
/* END shoopy-gen:professions-1 */

/* BEGIN shoopy-gen:bulk-1 */
.sx-bulk { padding-block: 32px; background: var(--secondary-main, #4A1C6E); color: #fff; }
.sx-bulk .sx-h2, .sx-bulk .sx-h2 em { color: #fff; }
.sx-bulk .sx-h2 em { color: #FFC2DD; }
.sx-bulk .sx-eyebrow { color: #FFC2DD; }
.sx-bulk .sx-lead { color: #E3D6EE; }
.sx-bulk .sx-bulk__steps { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 10px; counter-reset: sxstep; }
.sx-bulk .sx-bulk__step { display: flex; gap: 12px; align-items: flex-start; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); border-radius: 16px; padding: 14px; }
.sx-bulk .sx-bulk__num { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: var(--secondary-main, #4A1C6E); font-weight: 800; display: grid; place-items: center; font-size: 14px; }
.sx-bulk .sx-bulk__step b { display: block; font-size: 15px; }
.sx-bulk .sx-bulk__step div > span { display: block; font-size: 13px; color: #D9C9E6; margin-top: 2px; line-height: 1.4; }
.sx-bulk .sx-bulk__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; align-items: center; }
.sx-bulk .sx-bulk__cta .sx-btn { flex: 1 1 220px; }
.sx-bulk .sx-btn--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .6); }
.sx-bulk .sx-bulk__facts { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: #E3D6EE; }
.sx-bulk .sx-bulk__facts li::before { content: "✓ "; color: #FFC2DD; font-weight: 700; }
@media (min-width: 768px) { .sx-bulk .sx-bulk__steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) {
  .sx-bulk { padding-block: 56px; }
  .sx-bulk .sx-bulk__steps { grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 30px; }
  .sx-bulk .sx-bulk__step { flex-direction: column; padding: 20px; }
  .sx-bulk .sx-bulk__cta .sx-btn { flex: 0 0 auto; }
}
/* END shoopy-gen:bulk-1 */
.cat-card-img
{
border-radius:18px !important;
}
.pr-title
{
font-size: 13.5px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--ink-900);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.7em;
}
.category-header,
.scroll-animate-fade-up.scroll-animate-visible,
.heading-title {
  font-family: var(--font-head);
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--ink-900);
    letter-spacing: -.01em;
}