.bundles-page{background:#fffdfc;color:#1f1a1a}.bundles-page .header,.bundles-page .header.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(14px)}
.bundles-page nav a{display:block;width:100%;padding:14px 20px;color:inherit;text-decoration:none;font:300 1rem 'Assistant',sans-serif;text-align:right}
.bundles-main{padding:150px 24px 90px}.bundles-intro{max-width:720px;margin:0 auto 70px;text-align:center}.bundles-intro p{margin:0 0 12px;color:#a17b35;font:400 .7rem 'Jost',sans-serif;letter-spacing:.25em}.bundles-intro h1{margin:0 0 12px;font:300 clamp(2.8rem,6vw,5.8rem)/1 'Frank Ruhl Libre',serif}.bundles-intro span{font:300 1.05rem 'Assistant',sans-serif;color:#695d5e}
.bundle-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bundle-card{overflow:hidden;background:#fbf1f3;border:1px solid rgba(183,154,97,.14)}.bundle-complete{grid-column:1/-1;display:grid;grid-template-columns:1.45fr .75fr;min-height:590px}.bundle-visual{position:relative;height:430px;overflow:hidden;background:linear-gradient(145deg,#fffafa,#f5dfe4);isolation:isolate}.bundle-visual img{display:block;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(81,42,53,.13))}.bundle-visual-complete{height:100%;min-height:590px}.bundle-visual-complete>img{position:absolute}.bundle-powder{width:30%;height:45%;left:4%;bottom:10%}.bundle-purple{width:29%;height:64%;left:23%;bottom:7%}.bundle-led{width:34%;height:57%;right:24%;top:6%}.bundle-serum{width:28%;height:61%;right:3%;bottom:7%}.bundle-pens{position:absolute;z-index:4;left:43%;bottom:8%;width:23%;height:42%;display:flex;justify-content:center;gap:0}.bundle-pens img{width:34%;height:100%;object-fit:contain}.bundle-pens img:nth-child(1){transform:rotate(-7deg) translateY(8px)}.bundle-pens img:nth-child(3){transform:rotate(7deg) translateY(8px)}
.bundle-copy{padding:34px 36px 38px;text-align:center;align-self:center}.bundle-copy p{margin:0 0 10px;color:#a17b35;font:400 .62rem 'Jost',sans-serif;letter-spacing:.2em}.bundle-copy h2{margin:0 0 12px;font:300 clamp(1.8rem,3vw,3rem) 'Frank Ruhl Libre',serif}.bundle-copy span{display:block;max-width:430px;margin:0 auto 22px;font:300 .92rem/1.75 'Assistant',sans-serif;color:#5c5152}.bundle-copy button{min-width:96px;height:34px;border:1px solid rgba(178,142,65,.3);border-radius:999px;background:#fff9f7;color:#987333;font:400 .8rem 'Assistant',sans-serif;cursor:pointer}.bundle-copy button:hover{background:#f7e3e8}.bundle-visual-care,.bundle-visual-essential{display:flex;align-items:center;justify-content:center;gap:0;padding:30px}.bundle-visual-care img{width:31%;height:88%}.bundle-visual-care img:nth-child(2){scale:1.15}.bundle-visual-essential img{width:44%;height:90%}.bundle-visual-essential img:first-child{scale:1.12}
@media(max-width:760px){.bundles-main{padding:112px 12px 55px}.bundles-intro{margin-bottom:42px}.bundles-intro h1{font-size:3.2rem}.bundle-grid{grid-template-columns:1fr;gap:14px}.bundle-complete{grid-column:auto;display:block;min-height:0}.bundle-visual,.bundle-visual-complete{height:365px;min-height:0}.bundle-copy{padding:25px 22px 29px}.bundle-copy h2{font-size:2rem}.bundle-copy span{font-size:.82rem}.bundle-powder{width:34%}.bundle-purple{width:34%;left:20%}.bundle-led{width:38%;right:20%}.bundle-serum{width:31%;right:0}.bundle-pens{left:40%;width:26%}}

/* One-screen, four-tile bundle gallery. */
.bundles-main{height:100svh;min-height:650px;padding:94px 14px 14px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.bundles-intro{margin:0 auto 12px}.bundles-intro p,.bundles-intro span{display:none}.bundles-intro h1{margin:0;font-size:clamp(2rem,4vw,3.4rem)}
.bundle-grid{width:min(100%,1080px);height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
.bundle-card,.bundle-complete{grid-column:auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;background:#fbf1f3}
.bundle-visual,.bundle-visual-complete{height:auto;min-height:0}
.bundle-copy{padding:9px 14px 11px}.bundle-copy p{display:none}.bundle-copy h2{margin:0 0 3px;font-size:clamp(1.15rem,2vw,1.65rem)}.bundle-copy span{margin-bottom:7px;font-size:clamp(.58rem,.8vw,.72rem);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-copy button{height:25px;min-width:72px;font-size:.66rem}
.bundle-visual-care,.bundle-visual-essential{height:auto;padding:10px}.bundle-visual-care img{height:94%}.bundle-visual-essential img{height:96%}
.bundle-visual-led-set{display:flex;align-items:center;justify-content:center;padding:8px}.led-set-device{width:52%;height:96%;object-fit:contain}.led-set-pens{width:38%;height:78%;display:flex;align-items:center;justify-content:center}.led-set-pens img{width:34%;height:100%;object-fit:contain}.led-set-pens img:first-child{transform:rotate(-7deg)}.led-set-pens img:last-child{transform:rotate(7deg)}
.bundle-visual-complete .bundle-powder{width:28%;height:48%;left:2%;bottom:5%}.bundle-visual-complete .bundle-purple{width:28%;height:67%;left:20%;bottom:3%}.bundle-visual-complete .bundle-led{width:35%;height:62%;right:19%;top:2%}.bundle-visual-complete .bundle-serum{width:27%;height:65%;right:0;bottom:2%}.bundle-visual-complete .bundle-pens{left:40%;bottom:3%;width:25%;height:44%}
@media(max-width:760px){.bundles-main{height:100svh;min-height:570px;padding:78px 6px 6px}.bundles-intro{margin-bottom:6px}.bundles-intro h1{font-size:1.65rem}.bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.bundle-card,.bundle-complete{display:grid}.bundle-visual,.bundle-visual-complete{height:auto;min-height:0}.bundle-copy{padding:6px 5px 7px}.bundle-copy h2{font-size:1rem}.bundle-copy span{font-size:.52rem;margin-bottom:5px}.bundle-copy button{height:23px;min-width:64px;font-size:.6rem}.bundle-visual-care,.bundle-visual-essential{height:auto;padding:4px}.led-set-device{width:55%}.led-set-pens{width:40%}}
.bundle-layout-editor{top:74px;right:8px;width:min(228px,43vw);max-height:calc(100svh - 84px);z-index:120}
.bundle-layout-editor label{display:grid;gap:5px;margin-top:10px}.bundle-layout-editor input,.bundle-layout-editor select{width:100%}.bundle-layout-editor>div{display:flex;gap:6px;margin-top:13px}.bundle-layout-editor>div button{flex:1;padding:7px 5px}.bundle-edit-selected{outline:1px dashed #b28e41;outline-offset:-3px}.layout-editing .bundle-card{touch-action:none;cursor:move;user-select:none}
.bundle-visual-complete{background:#f2bdc7}
.bundle-visual-complete>.bundle-full-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.bundle-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.bundle-copy h2{font-family:'Assistant',sans-serif;font-weight:300;letter-spacing:-.01em;color:#342d2e}
.bundle-copy span{font-family:'Assistant',sans-serif;font-weight:300;color:#75696a;text-align:center}
.bundle-copy button{display:flex;align-items:center;justify-content:center;margin-inline:auto;font-weight:300;letter-spacing:.01em}
.bundle-complete .bundle-copy{width:100%;justify-self:center;align-self:center;padding-inline:8px;text-align:center}.bundle-complete .bundle-copy h2,.bundle-complete .bundle-copy span{width:100%;margin-inline:auto;text-align:center}.bundle-complete .bundle-copy button{align-self:center;margin-inline:auto}
.bundle-grid>.bundle-complete{grid-column:auto!important;grid-row:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;justify-self:stretch!important}.bundle-complete .bundle-visual-complete{width:100%!important;justify-self:stretch!important}.bundle-complete .bundle-copy{grid-column:1!important}
@media(max-width:760px){.bundle-copy h2{font-size:.92rem}.bundle-copy span{font-size:.49rem;line-height:1.4}.bundle-copy button{font-size:.58rem}}

/* Triple bundle — supplied product composition */
.bundle-care .bundle-visual-care {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  background: #fff;
}

.bundle-care .bundle-visual-care > .bundle-triple-photo {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: none;
  transform: none;
}

/* Visually center the product group inside its square source image. */
.bundle-care .bundle-visual-care > .bundle-triple-photo {
  inset: 50% auto auto 50%;
  width: 96% !important;
  height: 96% !important;
  object-fit: contain;
  object-position: center;
  transform: translate(-38%, -50%) !important;
}

/* Additional rightward alignment requested for the triple bundle. */
.bundle-care .bundle-visual-care > .bundle-triple-photo {
  transform: translate(-37%, -50%) !important;
}

/* Precise centering for the triple bundle copy and purchase action. */
.bundle-care .bundle-copy {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.bundle-care .bundle-copy h2,
.bundle-care .bundle-copy span {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}
.bundle-care .bundle-copy button {
  align-self: center;
  margin-inline: auto;
}
.bundle-text{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transform-origin:center}
.layout-editing .bundle-text,.layout-editing .bundle-copy button{touch-action:none;cursor:move;user-select:none}
.bundle-care .bundle-text span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}
.bundle-complete .bundle-text span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}

/* Base bundle — center the product group within the supplied square image. */
.bundle-essential .bundle-visual-essential{
  position:relative;
  display:block;
  padding:0;
  overflow:hidden;
  background:#fff;
}
.bundle-essential .bundle-visual-essential>.bundle-basic-photo{
  position:absolute;
  inset:50% auto auto 50%;
  width:96%!important;
  height:96%!important;
  max-width:none;
  object-fit:contain;
  object-position:center;
  filter:none;
  scale:1;
  transform:translate(-29%,-50%)!important;
}

/* LED bundle and synchronized four-card proportions. */
.bundle-led-set .bundle-visual-led-set{
  position:relative;
  display:block;
  padding:0;
  overflow:hidden;
  background:#fff;
}
.bundle-led-set .bundle-visual-led-set>.bundle-led-photo{
  position:absolute;
  inset:50% auto auto 50%;
  width:92%!important;
  height:92%!important;
  max-width:none;
  object-fit:contain;
  object-position:center;
  filter:none;
  transform:translate(-50%,-50%)!important;
}
.bundle-grid>.bundle-card{
  grid-template-rows:minmax(0,1fr) 78px;
  cursor:pointer;
}
.bundle-grid>.bundle-card:focus-visible{outline:2px solid var(--muted-gold);outline-offset:3px}
.bundle-grid>.bundle-card>.bundle-copy{
  width:100%;
  height:78px;
  min-height:78px;
  box-sizing:border-box;
  padding:7px 10px 8px;
  justify-content:center;
  gap:0;
}
.bundle-grid>.bundle-card .bundle-text{
  min-height:38px;
  justify-content:center;
}
.bundle-grid>.bundle-card .bundle-copy h2{margin:0 0 2px}
.bundle-grid>.bundle-card .bundle-copy span{margin:0;line-height:1.3}
.bundle-grid>.bundle-card .bundle-copy button{flex:0 0 25px;margin-top:4px}
.bundle-price{display:block;margin:0 0 1px;color:#9b7633;font:400 .74rem/1 'Assistant',sans-serif}
.bundle-complete .bundle-copy button{margin-top:2px}
.bundle-grid>.bundle-complete{grid-template-rows:minmax(0,1fr) 82px!important}
.bundle-grid>.bundle-complete>.bundle-copy{height:82px;min-height:82px;padding:7px;gap:3px}
.bundle-complete .bundle-text{min-height:0!important}
.bundle-complete .bundle-text span{display:none}
.bundle-complete .bundle-copy h2{margin-bottom:1px}
.bundle-care .bundle-text{min-height:0!important}
.bundle-care .bundle-text span{display:none}
.bundle-care .bundle-copy button{margin-top:2px}
.bundle-essential .bundle-text{min-height:0!important}
.bundle-essential .bundle-text span{display:none}
.bundle-essential .bundle-copy button{margin-top:2px}
.bundle-led-set .bundle-text{min-height:0!important}
.bundle-led-set .bundle-text span{display:none}
.bundle-led-set .bundle-copy button{margin-top:2px}
@media(max-width:760px){.bundle-grid>.bundle-complete{grid-template-rows:minmax(0,1fr) 78px!important}.bundle-grid>.bundle-complete>.bundle-copy{height:78px;min-height:78px;padding:6px 5px}.bundle-price{font-size:.68rem}}
@media(max-width:760px){
  .bundle-grid>.bundle-card{grid-template-rows:minmax(0,1fr) 76px}
  .bundle-grid>.bundle-card>.bundle-copy{height:76px;min-height:76px;padding:5px 4px 6px}
  .bundle-grid>.bundle-card .bundle-text{min-height:37px}
}

/* Promotion ribbon between the two bundle rows. */
.bundle-grid{
  grid-template-rows:minmax(0,1fr) 40px minmax(0,1fr);
}
.bundles-promo{
  grid-column:1/-1;
  grid-row:2;
  direction:ltr;
  width:100%;
  align-self:center;
  overflow:hidden;
  border-block:1px solid rgba(183,154,97,.3);
  background:#fbf0f2;
  color:#705a42;
}
.bundles-promo-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:200%;
  height:36px;
  white-space:nowrap;
  animation:bundles-promo-run 26s linear infinite;
  will-change:transform;
}
.bundles-promo span{
  direction:rtl;
  display:inline-block;
  padding-inline:clamp(28px,4vw,70px);
  font:300 .78rem 'Assistant',sans-serif;
}
.bundles-promo b{font:400 .74rem 'Jost',sans-serif;letter-spacing:.08em;color:#9b7633}
.bundles-promo i{font-style:normal;font-size:.56rem;color:#b79a61}
@keyframes bundles-promo-run{to{transform:translateX(-50%)}}
@media(max-width:760px){
  .bundle-grid{grid-template-rows:minmax(0,1fr) 35px minmax(0,1fr)}
  .bundles-promo-track{height:31px;animation-duration:22s}
  .bundles-promo span{padding-inline:22px;font-size:.68rem}
  .bundles-promo b{font-size:.65rem}
}
@media(prefers-reduced-motion:reduce){.bundles-promo-track{animation:none}}

/* Keep both upper bundle tiles visibly closed on every side. */
.bundle-complete,.bundle-care{
  border:1px solid rgba(183,154,97,.2)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
  position:relative;
  z-index:1;
}
.bundle-complete .bundle-copy button{align-self:center;margin-inline:auto;min-width:66px;height:23px;flex-basis:23px;font-size:.61rem}
.header-edit-launcher{left:auto;right:12px;bottom:12px}
.header-layout-editor{top:76px;bottom:auto;left:auto;right:12px;width:min(250px,calc(100vw - 24px));height:auto;max-height:calc(100svh - 88px)}
.header-layout-editor>div{display:flex;gap:6px;margin-top:12px}.header-layout-editor>div button{flex:1;margin:0}
.header-edit-selected{outline:1px dashed #b28e41;outline-offset:4px}
.header-layout-editing .header-inner,.header-layout-editing .logo,.header-layout-editing .header-actions,.header-layout-editing .menu-toggle{touch-action:none;cursor:move;user-select:none}

/* Lower the complete bundle composition slightly and close the upper cards. */
.bundle-grid{transform:translateY(10px)}
.bundle-grid>.bundle-complete,.bundle-grid>.bundle-care{
  border-top:1px solid rgba(183,154,97,.14)!important;
}
.bundle-grid>.bundle-complete::before,.bundle-grid>.bundle-care::before{
  content:none;
}

/* Home-page header behavior, with the page title hidden but its spacing retained. */
.bundles-page .header{background:transparent;box-shadow:none;backdrop-filter:none}
.bundles-page .header.scrolled{background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(92,67,72,.08);backdrop-filter:blur(14px)}
.bundle-visual .bundle-profile-slide{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important}
.bundle-visual .bundle-profile-slide{transition:none}
.bundle-visual .bundle-profile-primary{opacity:1}
.bundle-visual .bundle-profile-secondary{object-fit:contain!important;background:#fff;opacity:0}
.bundle-visual .bundle-profile-triple{transform:translateX(12%)!important;box-shadow:0 0 0 100vmax #fff}
.bundle-visual .bundle-profile-basic{transform:translateX(25%)!important;box-shadow:0 0 0 100vmax #fff}
@media(prefers-reduced-motion:reduce){.bundle-visual .bundle-profile-slide{transition:none}}
.bundles-page .menu-toggle svg{stroke:var(--brand-gold)}
.bundles-page .bundles-intro{visibility:hidden}

/* Breathing room between the bundle gallery and the site ending. */
.bundles-page .site-footer{margin-top:32px}
@media(max-width:760px){.bundles-page .site-footer{margin-top:20px}}

/* Match the lower separation with clear space below the top bar. */
.bundles-page .bundles-main{padding-top:118px}
@media(max-width:760px){.bundles-page .bundles-main{padding-top:92px}}

/* Keep every complete bundle composition visible above its pink information bar. */
.bundle-visual .bundle-profile-slide{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  transform:scale(1.12)!important;
}
@media(max-width:760px){
  .bundle-visual .bundle-profile-slide{inset:0!important;width:100%!important;height:100%!important;transform:scale(1.1)!important}
}
