@import url("offers-ivory-seasonal-20261029.css");
/* Offers-only mini-app. Campaign and Woo authorities supply every tile/product. */
.oh-app{color:#2e2e2e}
.oh-hero{display:grid;grid-template-columns:1fr 1.2fr;max-width:1440px;margin:0 auto;background:#f8efe4}
/* Reframe the existing right-side artwork; live HTML keeps copy crisp at every size. */
.oh-hero-art{grid-column:2;grid-row:1;position:relative;overflow:hidden;height:280px}
.oh-hero-art>img{position:absolute;display:block;max-width:none;width:185.324232%;height:auto;top:50%;left:-85.324232%;transform:translateY(-50%)}

.oh-hero-copy{grid-column:1;grid-row:1;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:24px 7% 24px 30%;overflow:hidden}
.oh-hero-copy::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 420' preserveAspectRatio='none'%3E%3Cpath fill='%23ff9485' d='M0 0H80C112 145 224 286 420 420H0Z'/%3E%3Cpath fill='none' stroke='%23fff8f0' stroke-width='2' d='M0 120C170 188 270 276 252 420'/%3E%3Cpath fill='none' stroke='%23ffa494' stroke-width='2' d='M644 420C727 337 813 287 900 284'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.oh-hero h1{font-family:ElevanceSans,sans-serif;font-size:clamp(40px,4.5vw,64px);font-weight:300;line-height:1.02;margin:0 0 12px;max-width:11ch;text-wrap:balance}
.oh-hero p{font-size:18px;line-height:1.5;margin:0}
.oh-app .shell{width:calc(100% - 64px);max-width:1280px}
.oh-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:16px}
.oh-heading h2{font-size:27px;font-weight:500;margin:0}.oh-heading p{font-size:15px;margin:0}
.oh-services{display:flex;flex-wrap:wrap;gap:8px 28px;border-bottom:1px solid #ddd;margin-bottom:20px;overflow-x:auto;scrollbar-width:thin}
.oh-services[hidden],.oh-choice[hidden]{display:none}
.oh-services button{flex-shrink:0;max-width:100%;text-align:left;padding:12px 2px;min-height:48px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:17px;cursor:pointer}
.oh-services button[aria-pressed="true"]{border-bottom-color:#2e2e2e;font-weight:600}
.oh-services button:hover{color:#595959}
.oh-services button{display:inline-flex;align-items:center}
.oh-services .med-brand{gap:3px}
.oh-services .med-brand img{width:1.79em}
.oh-services .med-brand-text{padding-bottom:.1em}
.oh-selectors{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin;scrollbar-color:#2e2e2e #f7e0be;scroll-snap-type:x proximity}
.oh-choice{flex:1 0 180px;max-width:280px;min-width:0;border:2px solid #ddd;border-radius:8px;overflow:hidden;color:inherit;text-decoration:none;background:#fff;scroll-snap-align:start}
.oh-choice img{display:block;width:100%;aspect-ratio:1;height:auto;object-fit:contain;background:#f7e0be}
.oh-choice[data-offer-tab="retoques-septiembre"] img{object-fit:cover;object-position:center}
.oh-choice[data-offer-combo] img{object-fit:cover;object-position:94% center}
.oh-choice>span{display:block;padding:12px}.oh-choice strong{display:block;font-size:17px;line-height:1.2}.oh-choice small{display:block;margin-top:6px;font-size:13px}
.oh-choice[data-selected]{border-color:#2e2e2e;background:#00d6fa}.oh-choice:hover{border-color:#2e2e2e}.oh-choice:active{background:#f7e0be}
.oh-details{padding-top:12px;padding-bottom:40px}
.oh-panel{padding:24px;border:1px solid #d9d9d9;border-radius:8px;scroll-margin-top:130px}
.oh-panel[hidden],.oh-product[hidden],.oh-more[hidden]{display:none}
.oh-detail-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px}
.oh-detail-heading h2{font-size:36px;font-weight:400;line-height:1.1;margin:0 0 10px}.oh-detail-heading p{font-size:16px;margin:0;max-width:65ch}.oh-detail-heading>p{flex-shrink:0;font-size:14px;font-weight:600}
.oh-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.oh-product{display:flex;flex-direction:column;min-width:0;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}
.oh-product>img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:contain;background:#faf9f6}
.oh-product-copy{display:flex;flex:1;flex-direction:column;padding:16px}.oh-product h3{font-size:18px;font-weight:500;line-height:1.25;margin:0 0 8px}.oh-product-copy>p{font-size:13px;margin:0 0 12px}
.oh-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto;padding:8px 0 12px;font-variant-numeric:tabular-nums}.oh-price strong{font-size:23px}.oh-price del{color:#595959;font-size:15px}
.oh-product [data-qb-add]{min-height:48px;width:100%;padding:10px 8px;border-radius:4px;color:#2e2e2e;background:#00d6fa;font-size:15px}
.oh-product [data-qb-add]:hover:not(:disabled){background:#00c2e3;color:#2e2e2e}
.oh-product [data-qb-add]:focus-visible{outline:2px solid #2e2e2e;outline-offset:3px}
.oh-product [data-qb-add]:active:not(:disabled){background:#00aecb;color:#2e2e2e}
.oh-product [data-qb-add]:disabled{background:#e4e4e4;color:#686868;opacity:1;cursor:not-allowed}
.oh-product-copy .oh-add-status{margin:6px 0 0;font-size:13px}.oh-add-status:empty{display:none}
.oh-panel .ac-terms{margin-top:36px}.oh-panel .ac-terms summary{min-height:48px;padding:22px 4px}.oh-panel .ac-terms>div{max-width:75ch;padding:0 4px 32px}.oh-panel .ac-terms p{margin:0;line-height:1.8}.oh-panel .ac-guided{display:block;padding:0;max-width:72ch}.oh-panel .ac-guided h3{font-size:25px}.oh-panel .ac-service-note{font-size:14px;margin-top:20px}
.oh-more{margin-top:20px;min-height:48px}.oh-empty{padding:40px 0 60px}
.oh-app :focus-visible{outline:3px solid #2e2e2e;outline-offset:3px}.oh-app ::selection{background:#2e2e2e;color:#fff}
@media(max-width:1000px){.oh-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.oh-choice{flex-basis:170px}}
@media(max-width:700px){
.oh-app .shell{width:calc(100% - 32px)}
/* A single compact band replaces the former copy/art stack. */
.oh-hero{grid-template-columns:56% 44%}
.oh-hero-copy{padding:24px 12px 24px 20px;min-height:208px}
.oh-hero-copy::before{background-size:100% 100%;background-position:center;opacity:.55}
.oh-hero h1{font-size:40px;max-width:none;margin-bottom:12px}
.oh-hero p{font-size:14px;line-height:1.5}
.oh-hero p br{display:initial}
.oh-hero-art{height:auto;min-height:208px}
.oh-hero-art>img{width:auto;height:176px;top:auto;bottom:0;left:auto;right:0;transform:none}
.oh-heading{display:block;padding-top:20px}.oh-heading h2{font-size:25px}.oh-heading p{margin-top:6px;font-size:14px}.oh-selectors{gap:10px}.oh-choice{flex:0 0 160px}.oh-choice strong{font-size:15px}.oh-choice small{font-size:12px}
.oh-services{gap:4px 20px;margin-bottom:16px}.oh-services button{font-size:15px}
.oh-panel{padding:16px 12px}.oh-detail-heading{display:block;margin-bottom:18px}.oh-detail-heading h2{font-size:30px}.oh-detail-heading>p{margin-top:10px}.oh-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oh-product-copy{padding:10px}.oh-product h3{font-size:16px}.oh-price strong{font-size:20px}.oh-product [data-qb-add]{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.oh-app *{scroll-behavior:auto;transition:none;animation:none}}
.oh-products .oh-area-products{display:block;min-width:0;margin:0}
.oh-area-products>div,.oh-area-products .aba-area-card{height:100%}

/* Preserve existing card media geometry with accessible detail anchors. */
.oh-product>.oh-product-image{display:block;width:100%}
.oh-product>.oh-product-image img,.oh-product>noscript img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:contain;background:#faf9f6}
.oh-product h3 a{color:inherit;text-decoration:none}
.oh-product h3 a:hover{text-decoration:underline}
.oh-product>.oh-product-image:focus-visible,.oh-product h3 a:focus-visible{outline:2px solid #111;outline-offset:3px}