/* One purchase composition, shared by the landing and the dedicated refill page. */
.refill-commerce.v7-integrated-refills{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-rows:auto 1fr;gap:20px 42px;padding:38px 0;margin:0 12px 24px;align-items:start;scroll-margin-top:24px}
.refill-commerce-heading{grid-column:2;grid-row:1;min-width:0}.refill-commerce-heading>span{font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--seven-text-muted)}
.refill-commerce-heading :is(h1,h2){font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.045em;font-weight:600;margin:10px 0 13px}.refill-commerce-heading :is(h1,h2)>span{color:var(--seven-red)}
.refill-commerce-heading>p{font-size:13px;line-height:1.65;color:var(--seven-text-muted);margin:0}
.refill-commerce-photo{grid-column:1;grid-row:1/3;align-self:center;min-width:0;margin:0;text-align:center;border-radius:18px;background:var(--seven-bg);overflow:hidden}
.refill-commerce-photo img{display:block;width:100%;height:auto;aspect-ratio:1;max-height:415px;object-fit:contain;mix-blend-mode:multiply}
.refill-commerce-photo figcaption{font-size:12px;line-height:1.6;color:var(--seven-ink);padding:10px 8px 12px}.refill-commerce-photo figcaption small{display:block;font-size:10px;color:var(--seven-text-muted);margin-top:3px}.refill-caption-mobile{display:none}
.refill-commerce-purchase{grid-column:2;grid-row:2;min-width:0}.refill-commerce .purchase{display:block;margin:0}.refill-commerce .pack-selector{margin:0;padding:0;border:0;min-width:0}.refill-commerce .pack-selector legend{font-size:12px;line-height:1.5;margin:0 0 10px}
.refill-commerce .pack-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.refill-commerce .pack-option{min-width:0}.refill-commerce .pack-body{display:flex;flex-wrap:wrap;align-content:start;gap:9px 8px;min-height:112px;padding:13px 12px;border-radius:14px;transition:border-color .15s,background .15s,box-shadow .15s}
.refill-commerce .radio-dot{width:14px;height:14px;flex:0 0 14px}.refill-commerce .pack-description{min-width:0;flex:1}.refill-commerce .pack-description>strong{font-size:13px;line-height:1.4}.refill-commerce .pack-description>span:not(.pack-best){font-size:10px;line-height:1.5}.refill-commerce .pack-best{display:none}
.refill-commerce .pack-price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding-left:22px}.refill-commerce .pack-price>strong{font-size:19px;line-height:1.3}.refill-commerce .pack-price>small{font-size:9px;line-height:1.5;white-space:normal}
.refill-commerce .pack-detail{min-height:35px;font-size:11px;line-height:1.5;margin:10px 0 12px}.refill-commerce .pack-detail>*{font-size:inherit}.refill-commerce .order-line{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;gap:14px}.refill-commerce .order-line>label{display:flex;align-items:center;gap:10px;font-size:12px}.refill-commerce .order-subtotal{font-size:11px}.refill-commerce .order-subtotal strong{font-size:22px}.refill-commerce .quantity{margin:0}.refill-commerce .add-button{width:100%;min-height:49px;font-size:14px}
.refill-commerce .demo-note{display:none}.refill-commerce-excludes{font-size:10px;line-height:1.65;color:var(--seven-text-muted);margin:12px 0 0}.refill-commerce .pack-option:focus-within .pack-body{outline:3px solid var(--seven-red);outline-offset:3px}.refill-commerce .quantity input:focus-visible{outline:3px solid var(--seven-red);outline-offset:2px}
.v5-refill-page .refill-commerce{margin:18px 0 30px}
@media(min-width:701px) and (max-width:1050px){.refill-commerce.v7-integrated-refills{gap:20px 24px;grid-template-columns:minmax(0,38fr) minmax(0,62fr)}.refill-commerce .pack-options{gap:7px}.refill-commerce .pack-body{padding:12px 8px}.refill-commerce .pack-description>strong{font-size:12px}.refill-commerce .pack-price{padding-left:0}.refill-commerce-heading :is(h1,h2){font-size:30px}}
@media(max-width:700px){.refill-commerce.v7-integrated-refills{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px;margin:0 4px 18px;padding:24px 0;scroll-margin-top:14px}.refill-commerce-heading{grid-column:1;grid-row:1}.refill-commerce-heading :is(h1,h2){font-size:29px;margin:8px 0 10px}.refill-commerce-heading>p{font-size:12px;line-height:1.6}.refill-commerce-photo{grid-column:1;grid-row:2;width:100%;max-width:360px;justify-self:center}.refill-commerce-photo img{height:210px;max-height:210px;width:100%;aspect-ratio:auto}.refill-commerce-photo figcaption{padding:5px 8px 8px;font-size:11px}.refill-commerce-photo figcaption small{font-size:9px;margin-top:2px}.refill-caption-desktop{display:none}.refill-caption-mobile{display:inline}.refill-commerce-purchase{grid-column:1;grid-row:3}.refill-commerce .pack-options{grid-template-columns:1fr;gap:8px}.refill-commerce .pack-body{min-height:62px;padding:10px 13px;flex-wrap:nowrap;align-items:center;align-content:center;gap:10px}.refill-commerce .pack-description>strong{font-size:13px}.refill-commerce .pack-description>span:not(.pack-best){font-size:10px}.refill-commerce .pack-price{width:auto;align-items:flex-end;padding-left:0;flex-shrink:0}.refill-commerce .pack-price>strong{font-size:18px}.refill-commerce .pack-price>small{font-size:9px}.refill-commerce .pack-detail{min-height:33px;margin:9px 0 10px}.refill-commerce .order-line{margin-bottom:12px}.refill-commerce .order-subtotal strong{font-size:20px}.refill-commerce .add-button{min-height:48px;font-size:13px}.refill-commerce-excludes{font-size:10px;margin-top:10px}.v5-refill-page .refill-commerce{margin:15px 0 22px}}
@media(prefers-reduced-motion:reduce){.refill-commerce .pack-body{transition:none}}
.refill-commerce .pack-detail{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:normal;display:flex;flex-wrap:wrap;gap:3px 8px;min-height:30px;align-content:center}.refill-commerce .pack-detail small{font-size:10px}

/* Focused copy and conditional, explicitly accepted price suggestions. */
.refill-commerce .pack-body{min-height:88px}.refill-commerce .pack-price{gap:0}.refill-commerce .pack-detail{min-height:19px;margin:8px 0 12px;font-size:11px;justify-content:flex-start}.refill-commerce-photo figcaption{font-size:10px;color:var(--seven-text-muted)}
.refill-kit-link,.refill-delivery{font-size:11px;line-height:1.6;margin:9px 0 0;color:var(--seven-text-muted)}.refill-kit-link a{text-decoration:underline;text-underline-offset:3px}.refill-delivery{padding-top:9px;border-top:1px solid #ded8d2}
.refill-offer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:11px;line-height:1.6;margin:0 0 12px;padding:10px 12px;background:#ffffff85;border-left:2px solid var(--seven-red);border-radius:0 8px 8px 0}.refill-offer[hidden]{display:none}.refill-offer button{font:inherit;color:var(--seven-ink);border:0;background:none;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer}.refill-offer button:focus-visible{outline:3px solid var(--seven-red);outline-offset:2px}.cart-line .refill-offer{margin:12px 0 0}.cart-feedback{font-size:12px;line-height:1.6;padding:10px 12px;background:#fff;border-left:2px solid var(--seven-red);margin:12px 0}.cart-feedback[hidden]{display:none}.kit-purpose{max-width:310px;font-size:13px;line-height:1.6;color:var(--seven-text-muted);margin-top:14px}.cart-bottom [data-cart-shipping]{font-size:11px;line-height:1.65}
@media(max-width:700px){.refill-commerce .pack-body{min-height:60px}.refill-commerce-heading>p{max-width:330px}.refill-offer{padding:8px 10px}.kit-purpose{font-size:12px;max-width:280px;margin-top:10px}}

/* REFILL aprobado 30-10-2026: módulo visible entre hero y contenido del KIT. */
.refill-visual.refill-commerce.v7-integrated-refills{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:auto;gap:42px;padding:30px 0 34px;margin:0 0 12px;border-top:1px solid #d8d2cb;align-items:center;scroll-margin-top:82px}
.refill-visual-identity{min-width:0}.refill-visual .refill-commerce-heading{display:block}.refill-visual .refill-commerce-heading :is(h1,h2){font-size:clamp(29px,3vw,43px);margin:12px 0;line-height:1.08}.refill-visual .refill-commerce-photo{margin:20px 0 0;width:100%;max-width:460px;background:transparent;overflow:visible}.refill-visual .refill-commerce-photo img{width:100%;height:200px;max-height:none;aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal}.refill-visual .refill-commerce-photo figcaption{font-size:10px;line-height:1.6;padding:8px 0 0}
.refill-visual .refill-commerce-purchase{grid-column:2;grid-row:1;min-width:0}.refill-visual .pack-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.refill-visual .pack-option{position:relative;display:block;min-width:0;cursor:pointer}.refill-visual .pack-option input{position:absolute;width:16px;height:16px;top:12px;left:12px;z-index:1;opacity:1;clip:auto;clip-path:none;accent-color:var(--seven-red);margin:0}.refill-visual .pack-body{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:32px 12px 16px;border:1px solid #ddd7d0;border-radius:16px;background:#fff;box-shadow:0 5px 14px #29242108}.refill-visual .radio-dot{display:none}.refill-visual .refill-card-photo{width:100%;height:82px;object-fit:contain;display:block;border-radius:6px}.refill-visual .pack-description{display:flex;flex-direction:column;gap:5px;flex:none}.refill-visual .pack-description>strong{font-size:15px;line-height:1.3}.refill-visual .pack-description>span:not(.pack-best){font-size:11px;line-height:1.5}.refill-visual .pack-price{width:auto;padding:0;margin:0}.refill-visual .pack-price>strong{color:var(--seven-red);font-size:23px;line-height:1.3}.refill-visual .pack-option input:checked+.pack-body{border-color:var(--seven-red);background:#fff;box-shadow:0 5px 14px #29242108}.refill-visual input:focus-visible+.pack-body{outline:3px solid var(--seven-red);outline-offset:3px}
.refill-visual .order-line{margin:16px 0}.refill-visual .quantity button{min-width:44px;min-height:44px}.refill-visual .demo-note{display:block;font-size:10px;line-height:1.5;margin:12px 0}.refill-photo-note{font-size:11px;line-height:1.6;color:var(--seven-text-muted);margin:12px 0}.refill-visual .refill-delivery{font-size:11px}.refill-visual .pack-detail{margin:10px 0;font-size:11px;min-height:0}
@media(max-width:700px){.refill-visual.refill-commerce.v7-integrated-refills{grid-template-columns:1fr;gap:20px;padding:24px 0;margin:0 0 4px}.refill-visual .refill-commerce-heading :is(h1,h2){font-size:30px;margin:9px 0}.refill-visual .refill-commerce-heading>p{font-size:13px}.refill-visual .refill-commerce-photo{margin:14px 0 0;max-width:none}.refill-visual .refill-commerce-photo img{height:135px}.refill-visual .refill-commerce-photo figcaption{font-size:10px;padding-top:3px}.refill-visual .refill-commerce-purchase{grid-column:1;grid-row:2}.refill-visual .pack-options{grid-template-columns:1fr;gap:8px}.refill-visual .pack-body{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:10px 12px 10px 31px}.refill-visual .pack-option input{width:14px;height:14px;left:9px;top:calc(50% - 7px)}.refill-visual .refill-card-photo{height:48px;width:62px}.refill-visual .pack-description>strong{font-size:14px}.refill-visual .pack-description>span:not(.pack-best){font-size:11px}.refill-visual .pack-price>strong{font-size:20px}.refill-visual .pack-detail{margin:8px 0}.refill-visual .order-line{margin:12px 0}.refill-visual .refill-photo-note{font-size:10px;margin:10px 0}.refill-visual .refill-delivery{font-size:10px}.refill-visual .demo-note{font-size:10px}}

.refill-visual.refill-commerce.v7-integrated-refills{padding:30px;border:1px solid #fff;border-radius:20px;background:#ffffff40;box-shadow:0 8px 24px #29242109;gap:36px;margin:0 0 28px}
.refill-visual .refill-commerce-purchase .purchase{display:grid;grid-template-columns:144px minmax(0,1fr);column-gap:18px;align-items:center}.refill-visual .pack-selector{grid-column:1/-1}.refill-visual .order-line{display:contents}.refill-visual .order-line>label{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:6px}.refill-visual .order-subtotal{grid-column:1/-1;grid-row:2;text-align:right;margin:0 0 12px}.refill-visual .order-subtotal strong{font-size:18px}.refill-visual .add-button{grid-column:2;grid-row:3}.refill-visual .demo-note{grid-column:1/-1}
@media(max-width:700px){
.refill-visual.refill-commerce.v7-integrated-refills{padding:18px 12px;margin:0 0 22px;gap:16px;border-radius:16px}.refill-visual-identity{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:6px}.refill-visual .refill-commerce-heading :is(h1,h2){font-size:23px;letter-spacing:-.045em}.refill-visual .refill-commerce-heading>p{font-size:11px}.refill-visual .refill-commerce-photo{margin:0;align-self:center}.refill-visual .refill-commerce-photo img{height:86px}.refill-visual .refill-commerce-photo figcaption{font-size:9px;line-height:1.4}.refill-visual .pack-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.refill-visual .pack-body{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-height:0;padding:23px 7px 10px;border-radius:10px}.refill-visual .pack-option input{left:auto;right:7px;top:7px;width:14px;height:14px}.refill-visual .refill-card-photo{width:100%;height:48px}.refill-visual .pack-description{gap:4px}.refill-visual .pack-description>strong{font-size:12px;line-height:1.3}.refill-visual .pack-description>span:not(.pack-best){font-size:10px;line-height:1.4}.refill-visual .pack-price{align-items:flex-start}.refill-visual .pack-price>strong{font-size:17px}.refill-visual .refill-commerce-purchase .purchase{grid-template-columns:124px minmax(0,1fr);column-gap:10px}.refill-visual .order-line>label{font-size:0}.refill-visual .quantity{font-size:13px}.refill-visual .quantity input{width:32px}.refill-visual .quantity button{min-width:44px;width:44px}.refill-visual .add-button{font-size:11px;padding:10px;min-height:48px}.refill-visual .order-subtotal{margin-bottom:10px}.refill-visual .order-subtotal strong{font-size:17px}
}

@media(max-width:700px){.refill-visual-identity>.refill-commerce-heading{grid-column:1;grid-row:1}.refill-visual-identity>.refill-commerce-photo{grid-column:2;grid-row:1;min-width:0;width:98px;justify-self:end}.refill-visual .refill-commerce-photo img{width:98px;height:80px}.refill-visual .refill-commerce-photo figcaption{font-size:9px}.refill-visual .refill-commerce-purchase .purchase{row-gap:0}.refill-visual .demo-note{margin:10px 0}.refill-visual .pack-description>span:not(.pack-best){font-size:11px}}

/* Ronda 2: controles de cantidad y CTA sin solapamiento en móvil. */
@media(max-width:700px){.refill-visual .refill-commerce-purchase .purchase{grid-template-columns:142px minmax(0,1fr);column-gap:10px}.refill-visual .order-line>label{min-width:0;max-width:142px}.refill-visual .quantity{display:grid;grid-template-columns:44px 40px 44px;gap:7px;width:142px;min-width:142px;max-width:142px;box-sizing:border-box;padding:0;border:0}.refill-visual .quantity button{width:44px;min-width:44px;max-width:44px;min-height:44px;padding:0;box-sizing:border-box}.refill-visual .quantity input{width:40px;min-width:0;max-width:40px;padding:0;box-sizing:border-box}.refill-visual .add-button{min-width:0}}