/* Approved KOZAMAN wet wipes editorial design, isolated from the corporate shell.
   Shared header, footer, cart and account styles remain owned by site-wide CSS. */
.wipes-page{display:block;width:100%;min-width:0;font-weight:400;line-height:normal;letter-spacing:normal;text-align:left}
.wipes-page p{color:inherit}
.wipes-page h3{font-size:1.17em;font-weight:bold;letter-spacing:normal}
.wipes-page small{font-size:smaller}
.wipes-page .eyebrow{color:inherit;margin-bottom:0}
.wipes-page .button.full{margin-top:0}

/* app.css: preserved source cascade. */
.wipes-page{--paper: #f3f7fc; --cream: #ffffff; --ink: #142746; --muted: #576980; --ice: #d9e8fa; --line: #dce5ef; --blue: #233ccd; --pad: clamp(24px,5.5vw,92px);}
.wipes-page, .wipes-page *{box-sizing: border-box;}
.wipes-page{scroll-behavior: smooth; scroll-padding-top: 92px;}
.wipes-page{margin: 0; color: var(--ink); background: var(--cream); font-family: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased;}
.wipes-page button, .wipes-page a{-webkit-tap-highlight-color: transparent;}
.wipes-page a{color: inherit; text-decoration: none;}
.wipes-page button{font: inherit; color: inherit; cursor: pointer;}
.wipes-page button, .wipes-page a, .wipes-page input{-webkit-touch-callout: default;}
.wipes-page button{border: 0; background: none;}
.wipes-page button:focus-visible, .wipes-page a:focus-visible, .wipes-page summary:focus-visible{outline: 2px solid var(--blue); outline-offset: 5px;}
.wipes-page img{display: block; width: 100%; height: auto;}
.wipes-page h1, .wipes-page h2, .wipes-page h3, .wipes-page p{margin: 0;}
.wipes-page h1, .wipes-page h2{font-weight: 450; letter-spacing: -.065em; line-height: 1.05;}
.wipes-page h2{font-size: clamp(38px,4.7vw,72px);}
.wipes-page h2 span{color: #7186a5;}
.wipes-page p{line-height: 1.65;}
.wipes-page::selection, .wipes-page ::selection{background: #dceafd; color: var(--ink);}
.wipes-page [hidden]{display: none !important;}
.wipes-page .eyebrow{font-size: 10px; line-height: 1.4; letter-spacing: .18em; font-weight: 580; text-transform: uppercase;}
.wipes-page .tiny-line{display: inline-block; width: 22px; height: 1px; background: var(--ink); vertical-align: middle; margin-right: 12px;}
.wipes-page .hero{background: var(--paper); min-height: 690px; display: grid; grid-template-columns: 45% 55%; position: relative; overflow: hidden;}
.wipes-page .hero-copy{padding: 85px 0 88px var(--pad); position: relative; z-index: 2;}
.wipes-page .hero h1{font-size: clamp(50px,5.65vw,90px); margin-top: 30px; white-space: nowrap; letter-spacing: -.071em;}
.wipes-page .hero h1>span{color: #7186a5;}
.wipes-page .hero-description{font-size: 16px; line-height: 1.7; color: #546984; margin-top: 30px; letter-spacing: -.02em;}
.wipes-page .hero-actions{display: flex; align-items: center; gap: 26px; margin-top: 30px;}
.wipes-page .button{display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 50px; padding: 0 25px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 500; transition: background .2s,transform .2s;}
.wipes-page .button:hover{transform: translateY(-2px);}
.wipes-page .button.dark{background: var(--blue); color: var(--cream);}
.wipes-page .button.dark:hover{background: #152dab;}
.wipes-page .button.light{background: var(--cream); color: var(--ink);}
.wipes-page .button.small{min-height: 40px; padding: 0 20px; font-size: 11px;}
.wipes-page .button.full{width: 100%;}
.wipes-page .text-link{font-size: 11px; display: inline-flex; gap: 20px; align-items: center; padding: 10px 0; border-bottom: 1px solid #b9c9de;}
.wipes-page .hero-note{font-size: 10px; color: #526b8b; margin-top: 30px;}
.wipes-page .hero-note span{padding: 0 8px;}
.wipes-page .hero-art{position: relative; align-self: stretch; overflow: hidden; min-width: 0; background: #edf4fc;}
.wipes-page .hero-art>img{width: 100%; height: 100%; object-fit: cover; object-position: 55% center;}
.wipes-page .image-index{position: absolute; left: 30px; bottom: 38px; font-size: 9px; letter-spacing: .15em; color: #526a86;}
.wipes-page .image-expand{position: absolute; right: 28px; bottom: 26px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #bacce3; color: var(--ink); font-size: 21px; background: #ffffff55; backdrop-filter: blur(5px); transition: background .2s;}
.wipes-page .image-expand:hover{background: var(--cream);}
.wipes-page .hero-baseline{grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; margin: 0 var(--pad); border-top: 1px solid var(--line); height: 58px; font-size: 10px; color: #526886;}
.wipes-page .hero-baseline .scroll-caption{font-size: 9px; letter-spacing: .1em;}
.wipes-page .scroll-caption>span{margin-left: 22px;}
.wipes-page .product-nav{position: sticky; top: 0; z-index: 10; height: 72px; background: #ffffffee; backdrop-filter: blur(14px); padding: 0 var(--pad); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e6edf6;}
.wipes-page .product-title{font-size: 13px; font-weight: 560; display: flex; align-items: center; gap: 18px;}
.wipes-page .product-title>span{font-size: 10px; font-weight: 400; color: var(--muted);}
.wipes-page .product-nav>div{display: flex; gap: 32px; font-size: 11px; color: var(--muted);}
.wipes-page .section-space{padding: 110px var(--pad);}
.wipes-page .intro{text-align: center;}
.wipes-page .intro h2{font-size: clamp(34px,3.3vw,51px); line-height: 1.15; margin-top: 24px; letter-spacing: -.055em;}
.wipes-page .essentials{display: grid; grid-template-columns: repeat(3,1fr); max-width: 1120px; margin: 72px auto 0;}
.wipes-page .essentials>div{border-left: 1px solid var(--line); padding: 0 15px;}
.wipes-page .essentials>div:first-child{border: 0;}
.wipes-page .stat-value{display: block; font-size: clamp(60px,6.6vw,100px); letter-spacing: -.07em; font-weight: 380; line-height: 1.1;}
.wipes-page .stat-value small{font-size: .32em; margin-left: 6px; letter-spacing: -.04em;}
.wipes-page .essentials p{font-size: 13px; margin: 15px 0 4px; font-weight: 550;}
.wipes-page .essentials>div>span:last-child{font-size: 11px; color: var(--muted);}
.wipes-page .material-section{background: #eff5fc; padding: 35px var(--pad) 0; scroll-margin-top: 0; overflow: hidden;}
.wipes-page .section-head, .wipes-page .pack-story-top{display: flex; justify-content: space-between; align-items: center;}
.wipes-page .section-number{font-size: 10px; letter-spacing: .1em; color: #526b8b;}
.wipes-page .material-layout{display: grid; grid-template-columns: 37% 63%; align-items: center; min-height: 660px;}
.wipes-page .material-copy{padding: 66px 0 42px; position: relative; z-index: 1;}
.wipes-page .chapter-label{font-size: 9px; letter-spacing: .16em; display: flex; align-items: center; gap: 17px; margin-bottom: 29px;}
.wipes-page .chapter-label>span:first-child{width: 28px; height: 28px; border: 1px solid #bacce4; border-radius: 50%; display: grid; place-items: center; font-size: 9px; letter-spacing: 0;}
.wipes-page .material-copy h2{font-size: clamp(52px,6vw,90px); line-height: 1.03;}
.wipes-page .material-copy>p{font-size: 14px; line-height: 1.8; color: #506b8b; max-width: 300px; margin-top: 24px; min-height: 76px;}
.wipes-page .material-fact{margin: 25px 0 36px; display: flex; align-items: baseline; gap: 12px;}
.wipes-page .material-fact>strong{font-weight: 420; letter-spacing: -.04em; font-size: 30px;}
.wipes-page .material-fact>span{font-size: 11px; color: #576d89;}
.wipes-page .material-controls{display: flex; align-items: center; gap: 0; border-top: 1px solid #cfdded; max-width: 320px;}
.wipes-page .material-controls button{display: flex; gap: 7px; font-size: 11px; padding: 17px 10px 12px; flex: 1; justify-content: center; position: relative; color: #4d6480;}
.wipes-page .material-controls button>span{font-size: 9px; opacity: .7;}
.wipes-page .material-controls button[aria-selected=true]{color: var(--ink);}
.wipes-page .material-controls button[aria-selected=true]:before{content: ''; position: absolute; left: 0; top: -1px; height: 2px; width: 100%; background: var(--ink);}
.wipes-page .material-art{height: 570px; min-width: 0; position: relative; border-left: 1px solid #d7e3f0;}
.wipes-page .material-art img{width: 100%; height: 100%; display: block; object-fit: cover;}
.wipes-page .material-caption{position: absolute; bottom: 15px; left: 6%; right: 4%; display: flex; justify-content: space-between; gap: 20px; font-size: 8px; letter-spacing: .12em; color: #566f91; pointer-events: none;}
.wipes-page .motion-control{position: absolute; right: 4%; top: 10px; width: 35px; height: 35px; border: 1px solid #ccdcee; border-radius: 50%; font-size: 10px; color: #506b8b;}
.wipes-page .care-ribbon{border-top: 1px solid #cfdded; min-height: 79px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.wipes-page .care-ribbon>span{font-size: 11px; color: #4b6280; display: flex; align-items: center; gap: 12px;}
.wipes-page .care-ribbon i{font-style: normal; font-size: 10px; width: 23px; height: 23px; border: 1px solid #b8cde6; border-radius: 50%; display: inline-grid; place-items: center;}
.wipes-page .moment-section{display: grid; grid-template-columns: 56% 44%; align-items: center; gap: 0; padding-top: 130px; padding-bottom: 130px;}
.wipes-page .moment-photo{position: relative; overflow: hidden; height: 640px; background: #e7edf6;}
.wipes-page .moment-photo img{width: 100%; height: 100%; object-fit: cover; object-position: 50% center;}
.wipes-page .photo-caption{position: absolute; left: 30px; bottom: 25px; color: #ffffff; text-shadow: 0 1px 10px #0005; font-size: 9px; letter-spacing: .16em;}
.wipes-page .moment-copy{padding-left: 17%; padding-right: 2%;}
.wipes-page .moment-copy h2{font-size: clamp(38px,4.35vw,67px); margin-top: 26px;}
.wipes-page .moment-copy>p:not(.eyebrow){font-size: 14px; color: var(--muted); margin-top: 30px; line-height: 1.85;}
.wipes-page .daily-uses{margin-top: 40px;}
.wipes-page .daily-uses>div{padding: 15px 0; border-top: 1px solid var(--line); display: flex; gap: 20px; align-items: center;}
.wipes-page .daily-uses span{font-size: 9px; color: #576980;}
.wipes-page .daily-uses strong{font-weight: 450; font-size: 12px;}
.wipes-page .pack-story{background: #233dcc; color: var(--cream); padding: 36px var(--pad) 35px; position: relative; overflow: hidden;}
.wipes-page .pack-story-top .eyebrow{color: #dae7fa;}
.wipes-page .pack-story-top .section-number{color: #c3d6f1;}
.wipes-page .pack-story-body{display: grid; grid-template-columns: 55% 45%; padding: 65px 0 70px; align-items: center;}
.wipes-page .pack-story h2{font-size: clamp(52px,7.6vw,115px); font-weight: 380;}
.wipes-page .pack-story h2 span{color: #a8c8f5;}
.wipes-page .pack-story-body>div{max-width: 340px;}
.wipes-page .pack-story-body p{font-size: 16px; line-height: 1.8; color: #d6e6fc;}
.wipes-page .pack-story-body button{color: var(--cream); margin-top: 25px; border-color: #9fb8ef;}
.wipes-page .pack-design-strip{display: flex; align-items: center; gap: 14px; border-top: 1px solid #6888d7; padding-top: 25px; font-size: 8px; letter-spacing: .15em; color: #d0dffb;}
.wipes-page .swatch{width: 16px; height: 16px; border-radius: 50%; display: block;}
.wipes-page .swatch.cream{background: var(--paper); margin-left: 8px;}
.wipes-page .swatch.ice{background: #b8d6ff; margin-right: 8px;}
.wipes-page .strip-line{height: 1px; background: #6e8bd8; flex: 1; margin: 0 25px;}
.wipes-page .shop-section{display: grid; grid-template-columns: 53% 47%; align-items: center; gap: 0; background: #fafcff; padding-top: 135px; padding-bottom: 135px;}
.wipes-page .shop-art{height: 660px; position: relative; background: #eaf3fd; overflow: hidden;}
.wipes-page .shop-art img{width: 100%; height: 100%; object-fit: cover; object-position: 55% center;}
.wipes-page .shop-image-note{position: absolute; top: 28px; left: 28px; font-size: 9px; letter-spacing: .12em; color: #546e91;}
.wipes-page .shop-copy{padding-left: 16%;}
.wipes-page .shop-copy h2{margin-top: 23px; font-size: clamp(40px,4.45vw,66px);}
.wipes-page .shop-description{font-size: 13px; line-height: 1.75; color: var(--muted); margin-top: 22px;}
.wipes-page .pack-options{display: grid; gap: 8px; margin-top: 28px;}
.wipes-page .pack-option{width: 100%; border: 1px solid #d2dfef; border-radius: 3px; display: flex; align-items: center; gap: 13px; padding: 17px 18px; text-align: left; min-height: 76px; transition: border-color .2s,background .2s;}
.wipes-page .pack-option.selected{border-color: #416dd9; background: #eef5ff;}
.wipes-page .radio-dot{width: 14px; height: 14px; border: 1px solid #8ca9d0; border-radius: 50%; position: relative; flex-shrink: 0;}
.wipes-page .selected .radio-dot{border-color: #234ad0;}
.wipes-page .selected .radio-dot:after{content: ''; position: absolute; inset: 3px; border-radius: 50%; background: #234ad0;}
.wipes-page .pack-name{display: flex; flex-direction: column; gap: 5px;}
.wipes-page .pack-name strong{font-size: 12px; font-weight: 550;}
.wipes-page .pack-name small{font-size: 9px; color: #4d6480;}
.wipes-page .pack-price{margin-left: auto; font-size: 12px; white-space: nowrap;}
.wipes-page .price-summary{margin: 22px 0 19px; display: flex; align-items: center; justify-content: space-between;}
.wipes-page .price-summary>span{display: flex; flex-direction: column; gap: 5px;}
.wipes-page .price-summary>span>strong{font-size: 11px; font-weight: 500;}
.wipes-page .price-summary>span>span{font-size: 10px; color: var(--muted);}
.wipes-page .price-summary>strong{font-size: 24px; letter-spacing: -.04em; font-weight: 480;}
.wipes-page .shop-footnote{text-align: center; font-size: 9px; color: #4d6480; margin-top: 14px;}
.wipes-page .details-section{display: grid; grid-template-columns: 45% 55%; padding-top: 105px; padding-bottom: 120px; gap: 0;}
.wipes-page .details-intro h2{margin-top: 25px; font-size: clamp(37px,4vw,61px);}
.wipes-page .details-intro>p:last-child{font-size: 13px; color: var(--muted); margin-top: 25px; line-height: 1.8;}
.wipes-page .accordions{padding-top: 2px;}
.wipes-page details{border-bottom: 1px solid var(--line);}
.wipes-page details:first-child{border-top: 1px solid var(--line);}
.wipes-page summary{list-style: none; padding: 26px 0; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 14px; gap: 20px;}
.wipes-page summary::-webkit-details-marker{display: none;}
.wipes-page summary>span{font-size: 21px; font-weight: 300; transition: transform .2s;}
.wipes-page details[open] summary>span{transform: rotate(45deg);}
.wipes-page .detail-content{padding: 0 0 27px; font-size: 12px; color: var(--muted); line-height: 1.8;}
.wipes-page .detail-content p{margin: 15px 0 0; font-size: 11px;}
.wipes-page .detail-content dl{margin: 0;}
.wipes-page .detail-content dl>div{display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e7eef7; gap: 15px;}
.wipes-page .detail-content dd{margin: 0; color: var(--ink); text-align: right;}
.wipes-page .closing{padding: 80px var(--pad) 90px; text-align: center; background: #dfedff; position: relative; overflow: hidden;}
.wipes-page .closing h2{font-size: clamp(55px,7vw,106px); position: relative; z-index: 1; margin-top: 25px; line-height: 1;}
.wipes-page .closing h2 span{color: #4d73b7;}
.wipes-page .closing .button{position: relative; z-index: 1; margin-top: 30px;}
.wipes-page .closing-orbit{position: absolute; width: 680px; height: 680px; left: 50%; top: 15px; transform: translateX(-50%) rotate(30deg); border: 1px solid #bcd3f2; border-radius: 50%; pointer-events: none;}
.wipes-page .closing-orbit:after, .wipes-page .closing-orbit:before{content: ''; position: absolute; border: 1px solid #bcd3f2; border-radius: 50%; inset: 32px;}
.wipes-page .closing-orbit:after{inset: 66px;}
.wipes-page .mobile-shop{display: none;}
.wipes-page dialog{border: 0; color: var(--ink); background: var(--cream); padding: 0; max-width: calc(100vw - 32px); max-height: 90dvh; box-shadow: 0 30px 120px #10244630;}
.wipes-page dialog::backdrop{background: #11234d75; backdrop-filter: blur(7px);}
.wipes-page dialog[open]{animation: kozaman-wipes-dialog-in .25s ease-out;}
.wipes-page .dialog-close{position: absolute; right: 15px; top: 15px; z-index: 2; width: 38px; height: 38px; font-size: 27px; background: #ffffffab; backdrop-filter: blur(10px); border: 1px solid #d7e4f5; border-radius: 50%; line-height: 1;}
.wipes-page .pack-dialog{width: 1050px;}
.wipes-page .pack-dialog-image{height: min(65vh,650px); background: var(--paper);}
.wipes-page .pack-dialog-image img{width: 100%; height: 100%; object-fit: contain;}
.wipes-page .pack-dialog-copy{padding: 30px 40px;}
.wipes-page .pack-dialog-copy h2{font-size: 32px; margin: 13px 0;}
.wipes-page .pack-dialog-copy p{font-size: 13px; color: var(--muted);}
.wipes-page .pack-dialog-copy .eyebrow{font-size: 9px;}
.wipes-page .small-note{font-size: 10px !important; color: #506a8d !important; margin-top: 16px !important;}
.wipes-page .noscript{padding: 20px var(--pad); background: #e9f1fc; font-size: 12px;}
@keyframes kozaman-wipes-dialog-in { 
  from {opacity: 0; transform: translateY(15px);} 
  to {opacity: 1; transform: translateY(0);} 
}
@media (min-width:1700px){
.wipes-page .hero{min-height: 800px;}
.wipes-page .hero-copy{padding-top: 110px;}
.wipes-page .hero-description{font-size: 18px;}
.wipes-page .hero-art img{object-fit: cover;}
.wipes-page .hero h1{font-size: 100px;}
.wipes-page .material-layout{min-height: 770px;}
.wipes-page .material-art{height: 660px;}
}
@media (max-width:1100px){
.wipes-page .hero{min-height: 590px; grid-template-columns: 46% 54%;}
.wipes-page .hero-copy{padding-top: 64px; padding-bottom: 60px;}
.wipes-page .hero h1{font-size: 5.9vw;}
.wipes-page .hero-description{font-size: 14px;}
.wipes-page .hero-actions{gap: 20px;}
.wipes-page .button{gap: 22px; padding: 0 20px;}
.wipes-page .hero-note{font-size: 9px;}
.wipes-page .material-layout{min-height: 600px; grid-template-columns: 40% 60%;}
.wipes-page .material-art{height: 500px;}
.wipes-page .material-copy>p{font-size: 13px; max-width: 270px;}
.wipes-page .moment-photo{height: 540px;}
.wipes-page .moment-copy{padding-left: 13%;}
.wipes-page .shop-art{height: 620px;}
.wipes-page .shop-copy{padding-left: 12%;}
.wipes-page .pack-name small{font-size: 8px;}
.wipes-page .pack-option{padding: 15px 13px; gap: 10px;}
.wipes-page .section-space{padding-top: 90px; padding-bottom: 90px;}
}
@media (max-width:760px){
.wipes-page{--pad: 24px;}
.wipes-page{scroll-padding-top: 78px;}
.wipes-page .hero{display: flex; flex-direction: column; min-height: 0;}
.wipes-page .hero-copy{padding: 45px var(--pad) 34px;}
.wipes-page .hero h1{font-size: clamp(45px,10.1vw,68px); margin-top: 23px; letter-spacing: -.07em; white-space: normal; line-height: 1.04;}
.wipes-page .eyebrow{font-size: 9px;}
.wipes-page .hero-description{font-size: 13px; line-height: 1.7; margin-top: 20px;}
.wipes-page .hero-description br:first-child{display: none;}
.wipes-page .hero-actions{margin-top: 24px; gap: 24px;}
.wipes-page .hero-actions .button{min-height: 46px; font-size: 11px;}
.wipes-page .hero-note{margin-top: 22px; font-size: 9px;}
.wipes-page .hero-art{height: auto; aspect-ratio: 1.22; width: 100%; min-height: 0;}
.wipes-page .hero-art>img{object-fit: cover; object-position: center; max-height: none;}
.wipes-page .image-index{left: 24px; bottom: 26px; font-size: 7px;}
.wipes-page .image-expand{right: 22px; bottom: 18px; width: 36px; height: 36px;}
.wipes-page .hero-baseline{height: 52px; margin: 0 var(--pad); gap: 20px; font-size: 8px;}
.wipes-page .hero-baseline>span:nth-child(2){display: none;}
.wipes-page .hero-baseline .scroll-caption{font-size: 7px;}
.wipes-page .product-nav{height: 64px; padding: 0 var(--pad); gap: 10px;}
.wipes-page .product-nav>div{display: none;}
.wipes-page .product-title{font-size: 12px; gap: 12px;}
.wipes-page .product-title>span{font-size: 9px;}
.wipes-page .button.small{font-size: 10px; min-height: 36px; padding: 0 17px; gap: 20px;}
.wipes-page .section-space{padding: 68px var(--pad);}
.wipes-page .intro h2{font-size: clamp(27px,6.5vw,43px); line-height: 1.18; margin-top: 22px;}
.wipes-page .essentials{margin-top: 44px; gap: 0;}
.wipes-page .essentials>div{padding: 0 6px;}
.wipes-page .stat-value{font-size: clamp(39px,11vw,67px);}
.wipes-page .stat-value small{margin-left: 3px; font-size: .33em;}
.wipes-page .essentials p{font-size: 9px; margin-top: 10px;}
.wipes-page .essentials>div>span:last-child{display: none;}
.wipes-page .material-section{padding: 27px var(--pad) 0;}
.wipes-page .material-layout{display: flex; flex-direction: column; min-height: 0; align-items: stretch;}
.wipes-page .material-copy{padding: 40px 0 0;}
.wipes-page .chapter-label{margin-bottom: 22px; font-size: 8px;}
.wipes-page .material-copy h2{font-size: 57px;}
.wipes-page .material-copy h2 br{display: block;}
.wipes-page .material-copy h2 span{margin-left: 0;}
.wipes-page .material-copy>p{font-size: 13px; max-width: 90%; margin-top: 20px; min-height: 66px;}
.wipes-page .material-fact{margin: 20px 0 25px;}
.wipes-page .material-fact>strong{font-size: 27px;}
.wipes-page .material-fact>span{font-size: 10px;}
.wipes-page .material-controls{max-width: 100%; margin-top: 10px;}
.wipes-page .material-controls button{padding: 16px 10px; font-size: 11px;}
.wipes-page .material-art{height: 360px; border: 0; margin-left: -16px; margin-right: -16px;}
.wipes-page .material-caption{font-size: 6px; bottom: 12px; left: 16px; right: 16px;}
.wipes-page .motion-control{right: 14px; top: 8px; width: 29px; height: 29px; font-size: 8px;}
.wipes-page .care-ribbon{flex-wrap: wrap; justify-content: flex-start; gap: 10px 16px; padding: 20px 0; min-height: 0;}
.wipes-page .care-ribbon>span{font-size: 8px; gap: 6px;}
.wipes-page .care-ribbon i{width: 17px; height: 17px; font-size: 8px;}
.wipes-page .moment-section{display: flex; flex-direction: column; padding-top: 65px; padding-bottom: 65px; align-items: stretch;}
.wipes-page .moment-photo{height: auto; aspect-ratio: .94;}
.wipes-page .moment-photo img{object-position: 50% 50%;}
.wipes-page .photo-caption{left: 22px; bottom: 22px; font-size: 8px;}
.wipes-page .moment-copy{padding: 35px 0 0;}
.wipes-page .moment-copy h2{font-size: 51px; margin-top: 22px;}
.wipes-page .moment-copy>p:not(.eyebrow){margin-top: 24px; font-size: 13px;}
.wipes-page .daily-uses{margin-top: 28px;}
.wipes-page .daily-uses>div{padding: 14px 0;}
.wipes-page .pack-story{padding: 27px var(--pad) 28px;}
.wipes-page .pack-story-top .eyebrow{font-size: 8px;}
.wipes-page .pack-story-body{display: flex; flex-direction: column; align-items: flex-start; gap: 30px; padding: 45px 0;}
.wipes-page .pack-story h2{font-size: 69px;}
.wipes-page .pack-story-body p{font-size: 14px; line-height: 1.8;}
.wipes-page .pack-story-body button{margin-top: 18px; font-size: 10px;}
.wipes-page .pack-design-strip{gap: 9px; font-size: 6px; letter-spacing: .1em; padding-top: 23px;}
.wipes-page .swatch{width: 12px; height: 12px;}
.wipes-page .swatch.cream{margin-left: 2px;}
.wipes-page .swatch.ice{margin-right: 2px;}
.wipes-page .strip-line{margin: 0 2px; min-width: 10px;}
.wipes-page .shop-section{display: flex; flex-direction: column; padding-top: 65px; padding-bottom: 65px; align-items: stretch;}
.wipes-page .shop-art{height: auto; aspect-ratio: 1.12;}
.wipes-page .shop-image-note{left: 21px; top: 21px; font-size: 7px;}
.wipes-page .shop-copy{padding: 35px 0 0;}
.wipes-page .shop-copy h2{font-size: 51px; margin-top: 20px;}
.wipes-page .shop-description{font-size: 13px; margin-top: 20px;}
.wipes-page .pack-option{padding: 18px 16px; min-height: 79px; gap: 12px;}
.wipes-page .pack-name small{font-size: 9px;}
.wipes-page .pack-name strong, .wipes-page .pack-price{font-size: 13px;}
.wipes-page .price-summary{margin: 23px 0;}
.wipes-page .shop-footnote{font-size: 9px;}
.wipes-page .details-section{display: flex; flex-direction: column; gap: 35px; padding-top: 60px; padding-bottom: 70px;}
.wipes-page .details-intro h2{font-size: 48px;}
.wipes-page .details-intro>p:last-child{font-size: 12px; margin-top: 20px;}
.wipes-page .details-intro>p:last-child br{display: block;}
.wipes-page .accordions{padding: 0;}
.wipes-page summary{font-size: 13px; padding: 23px 0;}
.wipes-page .detail-content{font-size: 11px;}
.wipes-page .detail-content p{font-size: 11px;}
.wipes-page .closing{padding: 62px var(--pad) 68px;}
.wipes-page .closing h2{font-size: 59px; margin-top: 23px;}
.wipes-page .closing .button{margin-top: 28px; font-size: 11px;}
.wipes-page .closing-orbit{width: 470px; height: 470px; top: 0;}
.wipes-page .mobile-shop{display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 11; background: #fffffff0; backdrop-filter: blur(12px); padding: 13px var(--pad) max(13px,env(safe-area-inset-bottom)); align-items: center; justify-content: space-between; box-shadow: 0 -1px 0 #d3e2f4; transform: translateY(120%); transition: transform .3s;}
.wipes-page .mobile-shop.visible{transform: translateY(0);}
.wipes-page .mobile-shop>span{font-size: 11px; font-weight: 550;}
.wipes-page .mobile-shop small{display: block; font-size: 9px; color: var(--muted); margin-top: 4px; font-weight: 400;}
.wipes-page .pack-dialog-copy{padding: 25px;}
.wipes-page .pack-dialog-copy h2{font-size: 26px;}
.wipes-page .pack-dialog-copy p{font-size: 11px;}
.wipes-page .pack-dialog-image{height: auto; aspect-ratio: 1.1;}
}
@media (prefers-reduced-motion:reduce){
.wipes-page{scroll-behavior: auto;}
.wipes-page, .wipes-page *, .wipes-page *:before, .wipes-page *:after{animation: none !important; transition: none !important;}
}
.wipes-page .material-art{height: 570px; border: 0; overflow: hidden; background: #eaf3ff; border-radius: 2px;}
.wipes-page .material-render{position: absolute; inset: 0; overflow: hidden;}
.wipes-page .material-render img, .wipes-page .material-render video{height: 100%; width: 100%; object-fit: cover; object-position: center; animation: kozaman-wipes-material-study 18s ease-in-out infinite alternate; transform-origin: 55% 48%;}
.wipes-page .material-render.is-paused img, .wipes-page .material-render.is-paused video{animation-play-state: paused;}
.wipes-page .material-render[data-mode="size"] img{object-fit: contain; animation: none;}
.wipes-page .material-caption{bottom: 0; left: 0; right: 0; background: #ffffffed; padding: 17px 20px; color: #536c91; font-size: 8px; letter-spacing: .12em; z-index: 3;}
.wipes-page .material-caption>span:last-child{white-space: nowrap;}
.wipes-page .motion-control{z-index: 5; right: 16px; top: 16px; background: #ffffffdf; border-color: #cbd9ed; color: #233dcc;}
.wipes-page .render-callout{position: absolute; display: flex; align-items: center; gap: 9px; z-index: 2; font-size: 10px; color: #173765; background: #ffffffec; backdrop-filter: blur(10px); padding: 10px 13px; border: 1px solid #cfdeef; border-radius: 2px; pointer-events: none; box-shadow: 0 6px 20px #1438750a;}
.wipes-page .callout-dot{width: 5px; height: 5px; flex-shrink: 0; border-radius: 50%; background: #2b52d7;}
.wipes-page .callout-one{top: 19%; left: 6%;}
.wipes-page .callout-two{right: 5%; bottom: 24%;}
.wipes-page .render-callout:after{content: ""; position: absolute; width: 1px; height: 53px; top: 100%; left: 24px; background: linear-gradient(#6e94cd,#6e94cd11);}
.wipes-page .callout-two:after{top: auto; bottom: 100%; left: auto; right: 23px; background: linear-gradient(#6e94cd11,#6e94cd);}
.wipes-page .material-legend{position: absolute; left: 20px; bottom: 71px; display: flex; align-items: center; gap: 8px; font-size: 9px; color: #375885; background: #ffffffbd; padding: 7px 10px; border-radius: 20px; z-index: 2;}
.wipes-page .legend-blue{width: 7px; height: 7px; background: #5073db; border-radius: 50%;}
.wipes-page .material-render[data-mode="size"] .render-callout{display: none;}
.wipes-page .material-render[data-mode="size"] .material-legend{bottom: 64px;}
.wipes-page .material-copy{padding-right: 20px;}
.wipes-page .material-layout{grid-template-columns: 38% 62%; gap: 0; min-height: 690px;}
.wipes-page .pack-story .text-link{border-color: #b8cdf0;}
.wipes-page .hero-art, .wipes-page .shop-art{background: #ecf4ff;}
@keyframes kozaman-wipes-material-study { 
  from {transform: scale(1);} 
  to {transform: scale(1.075);} 
}
@media (max-width:760px){
.wipes-page .material-art{height: 390px; margin: 22px -10px 0;}
.wipes-page .material-copy{padding-right: 0;}
.wipes-page .material-layout{min-height: 0;}
.wipes-page .render-callout{font-size: 8px; padding: 8px 10px; gap: 7px;}
.wipes-page .callout-one{left: 5%; top: 14%;}
.wipes-page .callout-two{right: 5%; bottom: 30%;}
.wipes-page .render-callout:after{height: 35px;}
.wipes-page .material-caption{font-size: 6px; padding: 14px;}
.wipes-page .material-legend{font-size: 8px; bottom: 63px; left: 13px;}
.wipes-page .material-copy h2{font-size: clamp(43px,11vw,57px);}
.wipes-page .material-copy>p{min-height: 80px;}
}
@media (prefers-reduced-motion:reduce){
.wipes-page .material-render img, .wipes-page .material-render video{animation: none !important;}
}
.wipes-page .dimension-overlay{position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; display: none; pointer-events: none;}
.wipes-page .material-render[data-mode="size"] .dimension-overlay{display: block;}

/* editorial.css: preserved source cascade. */
.wipes-page{--paper: #f8f8f7; --cream: #fff; --ink: #161c32; --muted: #656b7a; --ice: #e9eaf5; --line: #e1e2e9; --blue: #1828bc;}
.wipes-page::selection, .wipes-page ::selection{background: #dfe2ff; color: #151f72;}
.wipes-page .button.dark{background: #1828bc; color: #fff;}
.wipes-page .button.dark:hover{background: #101d91;}
.wipes-page .hero{background: #fff; min-height: 0; grid-template-columns: 42% 58%; align-items: center;}
.wipes-page .hero-copy{padding: 84px 0 88px var(--pad);}
.wipes-page .hero h1{font-size: clamp(48px,5.1vw,82px); color: #1828bc;}
.wipes-page .hero h1>span{color: #1b2134;}
.wipes-page .hero-description, .wipes-page .hero-note, .wipes-page .hero-baseline{color: #626775;}
.wipes-page .hero-art{background: #fff; align-self: stretch; display: flex; align-items: center; min-height: 0;}
.wipes-page .hero-art>img{width: 100%; height: auto; object-fit: contain; object-position: center;}
.wipes-page .hero-baseline{grid-column: 1/-1; width: calc(100% - 2 * var(--pad)); margin: 0 var(--pad); border-color: #e3e3e8;}
.wipes-page .image-index{font-size: 8px; color: #41475d; bottom: 26px;}
.wipes-page .image-expand{border-color: #d3d5e1; color: #1828bc; background: #ffffffe0;}
.wipes-page .hero .image-index{left: 22px;}
.wipes-page .hero .image-expand{right: 22px; bottom: 18px;}
.wipes-page .product-nav{border-color: #e1e2e9;}
.wipes-page .product-title{color: #1828bc;}
.wipes-page .product-nav>div{color: #656b7a;}
.wipes-page .intro{padding-top: 100px; padding-bottom: 100px;}
.wipes-page .intro h2{color: #161c32;}
.wipes-page .intro h2 span, .wipes-page h2 span{color: #787c8a;}
.wipes-page .essentials{margin-top: 62px;}
.wipes-page .stat-value{color: #1828bc;}
.wipes-page .essentials p{color: #292e41;}
.wipes-page .essentials>div>span:last-child{color: #767a87;}
.wipes-page .essentials>div{border-color: #dedfe8;}
.wipes-page .softness-film-section{position: relative; isolation: isolate; background: #f7f7f5; scroll-margin-top: 72px;}
.wipes-page .film-frame{position: relative; width: 100%; aspect-ratio: 2.2; overflow: hidden; background: #f7f7f5;}
.wipes-page .film-frame video{display: block; width: 100%; height: 100%; object-fit: cover; background: #f7f7f5;}
.wipes-page .film-shade{position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg,transparent 40%,rgba(252,252,250,0) 55%,rgba(252,252,250,.24) 100%);}
.wipes-page .film-eyebrow{position: absolute; left: var(--pad); top: 38px; font-size: 9px; letter-spacing: .16em; color: #505361;}
.wipes-page .film-copy{position: absolute; right: 8%; bottom: 14%; width: min(29%,430px); z-index: 2; pointer-events: none;}
.wipes-page .film-copy h2{font-size: clamp(32px,3.55vw,58px); line-height: 1.08; letter-spacing: -.055em; color: #181b27;}
.wipes-page .film-copy p{font-size: clamp(11px,.95vw,15px); line-height: 1.65; margin-top: 23px; color: #545761;}
.wipes-page .film-toggle{position: absolute; left: var(--pad); bottom: 30px; z-index: 4; display: flex; align-items: center; gap: 10px; min-width: 110px; min-height: 42px; padding: 0 17px; background: #ffffffad; border: 1px solid #fff9; border-radius: 999px; backdrop-filter: blur(8px); color: #303747; font-size: 10px;}
.wipes-page #film-toggle-icon{display: grid; place-items: center; width: 12px; font-size: 13px;}
.wipes-page #film-toggle-icon svg{width: 12px; height: 12px; display: block;}
.wipes-page #film-status{position: absolute; bottom: 82px; left: var(--pad); max-width: 290px; font-size: 11px; color: #4e5260; background: #ffffffe6; padding: 12px 16px; border-radius: 4px;}
.wipes-page .care-assurance{display: flex; justify-content: center; gap: 62px; align-items: center; padding: 25px var(--pad); min-height: 82px; background: #fff; border-bottom: 1px solid #eeeef1; font-size: 11px; color: #555b6a;}
.wipes-page .care-assurance>span{display: flex; align-items: center; gap: 9px;}
.wipes-page .care-assurance>span:before{content: '✓'; font-size: 10px; color: #1828bc;}
.wipes-page .softness-story{display: grid; grid-template-columns: 56% 44%; align-items: center; padding: 100px 0; background: #fbfaf8; overflow: hidden;}
.wipes-page .softness-photo{width: 100%; aspect-ratio: 1.18; overflow: hidden;}
.wipes-page .softness-photo img{width: 100%; height: 100%; object-fit: cover; object-position: 43% center; mix-blend-mode: multiply;}
.wipes-page .softness-copy{padding: 30px var(--pad) 30px 6vw;}
.wipes-page .softness-copy>.eyebrow{font-size: 9px; color: #636773;}
.wipes-page .softness-copy h2{font-size: clamp(36px,3.8vw,62px); margin-top: 27px; line-height: 1.08;}
.wipes-page .softness-copy h2 span{color: #1828bc;}
.wipes-page .softness-copy>p:not(.eyebrow){font-size: 14px; line-height: 1.85; margin-top: 28px; color: #676c78;}
.wipes-page .softness-detail{display: flex; align-items: center; gap: 25px; border-top: 1px solid #dfe0e5; padding-top: 28px; margin-top: 38px;}
.wipes-page .softness-detail>span{font-size: 40px; line-height: 1; letter-spacing: -.06em; color: #1828bc; font-weight: 450; white-space: nowrap;}
.wipes-page .softness-detail p{font-size: 10px; line-height: 1.7; color: #656b7a;}
.wipes-page .moment-section{background: #fff;}
.wipes-page .moment-copy h2 span{color: #1828bc;}
.wipes-page .moment-copy>p:not(.eyebrow), .wipes-page .daily-uses{color: #626775;}
.wipes-page .daily-uses>div{border-color: #e1e2e9;}
.wipes-page .daily-uses>div>span{color: #858997;}
.wipes-page .pack-story{background: #1828bc; color: #fff; padding-top: 38px; padding-bottom: 35px;}
.wipes-page .pack-story h2 span{color: #b9c1ff;}
.wipes-page .pack-story .text-link{border-color: #7d87da; color: #fff;}
.wipes-page .pack-story-body p{color: #e4e7ff;}
.wipes-page .pack-story-top .section-number{color: #ccd2ff;}
.wipes-page .pack-design-strip{border-color: #6876d2; color: #e1e4ff;}
.wipes-page .pack-design-strip .strip-line{background: #7380d9;}
.wipes-page .swatch.cream{background: #fff; border-color: #fff;}
.wipes-page .swatch.ice{background: #1828bc; border: 1px solid #adb6ff;}
.wipes-page .shop-art{background: #fafafa; aspect-ratio: 1.2; height: auto; display: flex; align-items: center;}
.wipes-page .shop-art>img{object-fit: contain; width: 100%; height: auto;}
.wipes-page .shop-copy h2 span{color: #1828bc;}
.wipes-page .shop-description, .wipes-page .shop-footnote, .wipes-page .shop-image-note{color: #656b7a;}
.wipes-page .pack-option{border-color: #dfe1eb;}
.wipes-page .pack-option.selected{background: #f4f5ff; border-color: #1828bc;}
.wipes-page .pack-option.selected .radio-dot{border-color: #1828bc;}
.wipes-page .pack-option.selected .radio-dot:after{background: #1828bc;}
.wipes-page .pack-name small, .wipes-page .price-summary>span>span{color: #737887;}
.wipes-page .price-summary{border-color: #e1e2e9;}
.wipes-page .details-section{background: #fafafa;}
.wipes-page .details-intro h2 span{color: #1828bc;}
.wipes-page .details-intro>p, .wipes-page .detail-content{color: #656b7a;}
.wipes-page .closing{background: #1828bc; color: #fff;}
.wipes-page .closing h2{color: #fff;}
.wipes-page .closing h2 span{color: #bec5ff;}
.wipes-page .closing .eyebrow{color: #e2e5ff;}
.wipes-page .closing .button.light{color: #1828bc; background: #fff;}
.wipes-page .closing-orbit{display: none;}
.wipes-page .mobile-shop{box-shadow: 0 -1px 0 #e1e2e9;}
.wipes-page.film-in-view .mobile-shop{transform: translateY(150%) !important; pointer-events: none;}
.wipes-page .pack-dialog-image{background: #fafafa; aspect-ratio: 1.5; height: auto;}
.wipes-page .pack-dialog-image img{object-fit: contain; width: 100%; height: auto;}
.wipes-page .pack-dialog-copy p{color: #656b7a;}
.wipes-page .pack-dialog-copy .small-note{font-size: 10px;}
@media (min-width:1800px){
.wipes-page .hero-copy{padding-top: 120px; padding-bottom: 125px;}
.wipes-page .hero h1{font-size: 92px;}
.wipes-page .hero-description{font-size: 17px;}
.wipes-page .film-copy h2{font-size: 66px;}
}
@media (min-width:761px) and (max-width:1100px){
.wipes-page .hero-copy{padding-top: 58px; padding-bottom: 66px;}
.wipes-page .hero h1{font-size: 49px;}
.wipes-page .hero-description{font-size: 13px;}
.wipes-page .hero-actions{gap: 17px;}
.wipes-page .hero-actions .button{padding: 0 19px; gap: 20px;}
.wipes-page .hero-actions .text-link{gap: 12px;}
.wipes-page .film-copy{width: 32%; right: 6%; bottom: 12%;}
.wipes-page .film-copy h2{font-size: 34px;}
.wipes-page .film-copy p{margin-top: 16px; font-size: 11px;}
.wipes-page .softness-copy{padding-left: 5vw; padding-right: var(--pad);}
.wipes-page .softness-copy h2{font-size: 37px;}
.wipes-page .softness-detail{gap: 16px;}
.wipes-page .softness-detail>span{font-size: 33px;}
}
@media (max-width:760px){
.wipes-page .hero{display: flex; flex-direction: column; align-items: stretch;}
.wipes-page .hero-copy{padding: 42px var(--pad) 28px;}
.wipes-page .hero h1{font-size: clamp(47px,11.8vw,68px); margin-top: 23px; line-height: 1.04; white-space: normal;}
.wipes-page .hero-description{font-size: 13px; line-height: 1.75; margin-top: 20px;}
.wipes-page .hero-note{font-size: 9px; margin-top: 24px;}
.wipes-page .hero-art{display: block; width: 100%; height: auto; aspect-ratio: 1.5;}
.wipes-page .hero-art>img{height: auto; width: 100%; object-fit: contain;}
.wipes-page .hero .image-index{left: 24px; bottom: 15px; font-size: 6px;}
.wipes-page .hero .image-expand{right: 21px; bottom: 12px; width: 31px; height: 31px; font-size: 16px;}
.wipes-page .hero-baseline{width: calc(100% - 2 * var(--pad)); height: 52px;}
.wipes-page .intro{padding-top: 64px; padding-bottom: 64px;}
.wipes-page .essentials{margin-top: 40px;}
.wipes-page .essentials p{font-size: 9px;}
.wipes-page .softness-film-section{scroll-margin-top: 64px;}
.wipes-page .film-frame{aspect-ratio: 4/5; max-height: none;}
.wipes-page .film-frame video{object-position: center;}
.wipes-page .film-shade{display: none;}
.wipes-page .film-eyebrow{left: 24px; top: 25px; font-size: 7px; letter-spacing: .15em;}
.wipes-page .film-toggle{left: 24px; bottom: 22px; min-height: 44px; min-width: 100px; font-size: 9px; padding: 0 14px; gap: 9px;}
.wipes-page .film-copy{position: relative; right: auto; bottom: auto; width: auto; padding: 33px 24px 39px; background: #fbfaf8;}
.wipes-page .film-copy h2{font-size: 42px; line-height: 1.06; letter-spacing: -.06em;}
.wipes-page .film-copy p{font-size: 12px; margin-top: 19px; line-height: 1.75;}
.wipes-page .film-copy br{display: block;}
.wipes-page #film-status{left: 24px; bottom: 68px; max-width: calc(100% - 48px); font-size: 10px;}
.wipes-page .care-assurance{gap: 12px 22px; flex-wrap: wrap; justify-content: flex-start; padding: 21px 24px; min-height: 80px; font-size: 9px;}
.wipes-page .care-assurance>span{gap: 7px;}
.wipes-page .softness-story{display: flex; flex-direction: column; padding: 30px 0 58px; align-items: stretch;}
.wipes-page .softness-photo{aspect-ratio: 1.16;}
.wipes-page .softness-photo img{object-position: 44% center;}
.wipes-page .softness-copy{padding: 25px 24px 0;}
.wipes-page .softness-copy>.eyebrow{font-size: 8px;}
.wipes-page .softness-copy h2{font-size: 44px; margin-top: 22px;}
.wipes-page .softness-copy>p:not(.eyebrow){font-size: 13px; margin-top: 22px;}
.wipes-page .softness-detail{padding-top: 23px; margin-top: 28px; gap: 25px;}
.wipes-page .softness-detail>span{font-size: 36px;}
.wipes-page .softness-detail p{font-size: 10px;}
.wipes-page .pack-story{padding-top: 28px; padding-bottom: 28px;}
.wipes-page .pack-story h2{font-size: 65px;}
.wipes-page .pack-story-body p{font-size: 14px;}
.wipes-page .pack-design-strip{font-size: 6px; gap: 8px;}
.wipes-page .shop-art{aspect-ratio: 1.5; height: auto; display: block;}
.wipes-page .shop-art>img{width: 100%; height: auto;}
.wipes-page .shop-image-note{top: 12px; font-size: 6px; left: 20px;}
.wipes-page .shop-art .image-expand{right: 18px; bottom: 12px; width: 32px; height: 32px; font-size: 16px;}
.wipes-page .shop-copy{padding-top: 31px;}
.wipes-page .pack-dialog-image{aspect-ratio: 1.5; height: auto;}
.wipes-page .pack-dialog-image img{width: 100%; height: auto;}
.wipes-page .pack-dialog-copy .small-note{font-size: 9px;}
}
@media (prefers-reduced-motion:reduce){
.wipes-page{scroll-behavior: auto;}
.wipes-page .button, .wipes-page .mobile-shop{transition: none;}
}
.wipes-page .hero h1, .wipes-page .intro h2, .wipes-page .softness-copy h2, .wipes-page .moment-copy h2, .wipes-page .shop-copy h2, .wipes-page .details-intro h2, .wipes-page .closing h2{margin-top: 0;}
.wipes-page .hero-copy{padding-top: 72px; padding-bottom: 72px;}
.wipes-page .hero-description{font-size: 17px; line-height: 1.7;}
.wipes-page .hero-actions{flex-wrap: wrap; gap: 20px 28px;}
.wipes-page .button, .wipes-page .mobile-shop .button, .wipes-page dialog .button{font-size: 14px; min-height: 48px;}
.wipes-page .text-link{font-size: 14px; line-height: 1.5;}
.wipes-page .hero .image-expand, .wipes-page .shop-art .image-expand{width: 44px; height: 44px; font-size: 20px;}
.wipes-page .product-title{font-size: 16px;}
.wipes-page .product-nav .button{font-size: 14px; min-height: 48px;}
.wipes-page .intro{padding-top: 76px; padding-bottom: 76px; background: #fff;}
.wipes-page .essentials{margin-top: 48px;}
.wipes-page .essentials p{font-size: 16px; line-height: 1.45; margin: 14px 0 0; font-weight: 450;}
.wipes-page .softness-film-section, .wipes-page .film-frame, .wipes-page .film-frame video{background: #fbfaf8;}
.wipes-page .film-frame::after{content: ""; position: absolute; inset: auto 0 0; height: 80px; background: linear-gradient(transparent,#fbfaf8); pointer-events: none; z-index: 1;}
.wipes-page .film-copy{right: 7%; width: 33%; bottom: 15%;}
.wipes-page .film-copy p{font-size: 16px; line-height: 1.7; margin-top: 22px;}
.wipes-page .film-toggle{font-size: 14px; min-height: 44px; min-width: 124px;}
.wipes-page #film-status{font-size: 14px; line-height: 1.5; max-width: 340px;}
.wipes-page .softness-story{padding: 0;}
.wipes-page .softness-photo{position: relative;}
.wipes-page .softness-photo::before{content: ""; position: absolute; inset: 0 0 auto; height: 60px; background: linear-gradient(#fbfaf8,transparent); pointer-events: none; z-index: 1;}
.wipes-page .softness-copy{padding: 56px var(--pad) 56px 6vw;}
.wipes-page .softness-copy>p:not(.eyebrow){font-size: 16px; line-height: 1.75; margin-top: 26px;}
.wipes-page .moment-section{padding-top: 64px; padding-bottom: 80px; background: #fbfaf8;}
.wipes-page .moment-photo{height: auto; aspect-ratio: 1.05;}
.wipes-page .moment-copy{padding-left: 13%; padding-right: 0;}
.wipes-page .moment-copy>p:not(.eyebrow){font-size: 17px; line-height: 1.75; margin-top: 28px;}
.wipes-page .pack-story{padding-top: 0; padding-bottom: 0;}
.wipes-page .pack-story-body{padding-top: 76px; padding-bottom: 76px;}
.wipes-page .pack-story-body>div{max-width: 380px;}
.wipes-page .pack-story-body p{font-size: 17px; line-height: 1.75;}
.wipes-page .pack-story-body button{font-size: 14px;}
.wipes-page .shop-section{padding-top: 80px; padding-bottom: 80px; background: #fff;}
.wipes-page .shop-art{background: #fff; aspect-ratio: 1.5;}
.wipes-page .shop-copy{padding-left: 12%;}
.wipes-page .shop-description{font-size: 16px; line-height: 1.7;}
.wipes-page .pack-option{padding: 16px; gap: 12px; min-height: 82px;}
.wipes-page .pack-name{min-width: 0; gap: 6px;}
.wipes-page .pack-name strong, .wipes-page .pack-price{font-size: 16px;}
.wipes-page .pack-name small{font-size: 14px; line-height: 1.4;}
.wipes-page .price-summary>span>strong, .wipes-page .price-summary>span>span{font-size: 14px; line-height: 1.5;}
.wipes-page .price-summary>strong{font-size: 28px;}
.wipes-page .shop-footnote{font-size: 14px; line-height: 1.6;}
.wipes-page .details-section{padding-top: 80px; padding-bottom: 80px;}
.wipes-page .details-intro>p:last-child{font-size: 16px; line-height: 1.75;}
.wipes-page .accordions summary{font-size: 17px; line-height: 1.5;}
.wipes-page .detail-content, .wipes-page .detail-content p{font-size: 15px; line-height: 1.75;}
.wipes-page .detail-content dl>div{padding: 12px 0;}
.wipes-page .closing{padding-top: 72px; padding-bottom: 80px;}
.wipes-page .mobile-shop>span{font-size: 15px;}
.wipes-page .mobile-shop small{font-size: 13px; line-height: 1.4;}
.wipes-page .pack-dialog-copy p{font-size: 15px; line-height: 1.75;}
.wipes-page .pack-dialog-copy .small-note{font-size: 14px !important;}
.wipes-page .pack-dialog-copy .eyebrow{font-size: 12px; letter-spacing: .08em;}
@media (min-width:761px) and (max-width:1100px){
.wipes-page .hero-copy{padding-top: 56px; padding-bottom: 56px;}
.wipes-page .hero-description{font-size: 16px;}
.wipes-page .film-copy{width: 36%; right: 5%; bottom: 13%;}
.wipes-page .film-copy h2{font-size: 34px;}
.wipes-page .softness-copy{padding: 38px var(--pad) 38px 5vw;}
.wipes-page .softness-copy>p:not(.eyebrow) br{display: none;}
.wipes-page .moment-copy{padding-left: 10%;}
.wipes-page .moment-copy h2{font-size: 40px;}
.wipes-page .moment-copy>p:not(.eyebrow){font-size: 16px;}
.wipes-page .shop-copy{padding-left: 9%;}
.wipes-page .pack-option{padding: 14px 12px; gap: 10px;}
.wipes-page .pack-name strong, .wipes-page .pack-price{font-size: 15px;}
}
@media (max-width:760px){
.wipes-page .hero-copy{padding: 38px var(--pad) 28px;}
.wipes-page .hero-description{font-size: 16px; margin-top: 22px;}
.wipes-page .hero-actions{gap: 16px 24px;}
.wipes-page .hero-actions .button{font-size: 14px; min-height: 48px;}
.wipes-page .hero .image-expand{right: 20px; bottom: 16px;}
.wipes-page .product-nav{display: none;}
.wipes-page .intro{padding-top: 52px; padding-bottom: 56px;}
.wipes-page .intro h2{font-size: clamp(27px,6.5vw,43px);}
.wipes-page .essentials{margin-top: 36px;}
.wipes-page .essentials>div{padding: 0 6px;}
.wipes-page .essentials p{font-size: 14px; line-height: 1.4; margin-top: 12px;}
.wipes-page .softness-film-section{scroll-margin-top: 20px;}
.wipes-page .film-copy{width: auto; right: auto; bottom: auto; padding: 28px var(--pad) 40px;}
.wipes-page .film-copy h2{font-size: 42px;}
.wipes-page .film-copy p{font-size: 16px; margin-top: 20px;}
.wipes-page .film-toggle{font-size: 14px; min-width: 124px; left: 24px; bottom: 24px;}
.wipes-page #film-status{font-size: 14px; bottom: 78px;}
.wipes-page .film-frame::after{height: 56px;}
.wipes-page .softness-story{padding: 0 0 48px;}
.wipes-page .softness-photo{aspect-ratio: 1.2;}
.wipes-page .softness-copy{padding: 28px var(--pad) 0;}
.wipes-page .softness-copy h2{font-size: 44px;}
.wipes-page .softness-copy>p:not(.eyebrow){font-size: 16px; margin-top: 22px;}
.wipes-page .softness-copy>p:not(.eyebrow) br{display: none;}
.wipes-page .moment-section{padding-top: 0; padding-bottom: 56px;}
.wipes-page .moment-photo{aspect-ratio: 1.02;}
.wipes-page .moment-copy{padding: 32px 0 0;}
.wipes-page .moment-copy h2{font-size: 51px;}
.wipes-page .moment-copy>p:not(.eyebrow){font-size: 16px; margin-top: 24px;}
.wipes-page .pack-story{padding-top: 0; padding-bottom: 0;}
.wipes-page .pack-story-body{padding: 56px 0; gap: 28px;}
.wipes-page .pack-story-body p{font-size: 16px;}
.wipes-page .pack-story-body button{font-size: 14px;}
.wipes-page .shop-section{padding-top: 32px; padding-bottom: 56px;}
.wipes-page .shop-copy{padding: 24px 0 0;}
.wipes-page .shop-description{font-size: 16px;}
.wipes-page .shop-art .image-expand{right: 12px; bottom: 12px;}
.wipes-page .pack-option{padding: 16px; min-height: 82px;}
.wipes-page .details-section{padding-top: 56px; padding-bottom: 56px;}
.wipes-page .details-intro>p:last-child{font-size: 16px;}
.wipes-page .accordions summary{font-size: 16px; padding: 23px 0;}
.wipes-page .detail-content, .wipes-page .detail-content p{font-size: 14px;}
.wipes-page .closing{padding-top: 56px; padding-bottom: 64px;}
.wipes-page .closing .button{font-size: 14px; min-height: 48px;}
.wipes-page .mobile-shop{gap: 12px;}
.wipes-page .mobile-shop .button{font-size: 14px; min-height: 44px; padding: 0 17px;}
}
.wipes-page .hero.product-opening{display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: clamp(36px,4.5vw,80px); align-items: start; min-height: 0; overflow: visible; padding: 40px var(--pad) 64px; background: #fff; scroll-margin-top: 20px;}
.wipes-page .product-gallery{display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 20px; min-width: 0; position: sticky; top: 28px;}
.wipes-page .gallery-thumbnails{display: flex; flex-direction: column; gap: 16px; align-items: stretch;}
.wipes-page .gallery-thumbnail{display: block; aspect-ratio: 1; overflow: hidden; border: 1px solid transparent; border-radius: 8px; padding: 2px; background: #fff; transition: border-color .2s;}
.wipes-page .gallery-thumbnail img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.wipes-page .gallery-thumbnail[aria-pressed="true"]{border-color: #1828bc;}
.wipes-page .gallery-thumbnail:hover{border-color: #9098dc;}
.wipes-page .gallery-thumbnail:focus-visible{outline: 2px solid #1828bc; outline-offset: 4px;}
.wipes-page .gallery-stage{position: relative; aspect-ratio: 1; min-width: 0; overflow: hidden; border-radius: 10px; background: #f8f8f7;}
.wipes-page #product-gallery-image{display: block; width: 100%; height: 100%; object-fit: contain; transition: opacity .18s ease; opacity: 1;}
.wipes-page #product-gallery-image[data-fit="cover"]{object-fit: cover;}
.wipes-page #product-gallery-image.is-changing{opacity: 0;}
.wipes-page .gallery-stage .image-expand{right: 18px; bottom: 18px; width: 44px; height: 44px; font-size: 21px; z-index: 1;}
.wipes-page .gallery-stage .image-expand[hidden]{display: none;}
.wipes-page .visually-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
.wipes-page .opening-purchase{min-width: 0; padding: 0;}
.wipes-page .product-opening h1{font-size: clamp(42px,4vw,64px); font-weight: 450; line-height: 1.08; letter-spacing: -.055em; margin: 0; text-align: center; color: #161c32; white-space: normal;}
.wipes-page .opening-description{font-size: 17px; line-height: 1.7; color: #626775; text-align: center; margin: 24px auto 0; max-width: 40ch;}
.wipes-page .opening-purchase .pack-options{gap: 10px; margin-top: 32px;}
.wipes-page .opening-purchase .pack-option{min-height: 82px; padding: 18px 20px; border-radius: 9px; background: #fff;}
.wipes-page .opening-purchase .pack-option.selected{border-color: #1828bc; background: #f7f8ff;}
.wipes-page .opening-purchase .pack-name strong, .wipes-page .opening-purchase .pack-price{font-size: 17px;}
.wipes-page .opening-purchase .pack-name small{font-size: 14px;}
.wipes-page .opening-purchase .price-summary{margin: 24px 0 18px;}
.wipes-page .opening-purchase .button.full{min-height: 52px; font-size: 15px;}
.wipes-page .opening-purchase .shop-footnote{margin-top: 18px;}
.wipes-page .pack-dialog-image{width: 100%; aspect-ratio: auto; height: auto; background: #f8f8f7;}
.wipes-page .pack-dialog-image img{display: block; width: 100%; height: auto; max-height: 68dvh; object-fit: contain;}
@media (min-width:1800px){
.wipes-page .hero.product-opening{gap: 80px; padding-top: 52px; padding-bottom: 72px;}
.wipes-page .product-gallery{grid-template-columns: 80px minmax(0,1fr); gap: 28px;}
.wipes-page .gallery-thumbnails{gap: 20px;}
.wipes-page .product-opening h1{font-size: 68px;}
.wipes-page .opening-description{font-size: 19px; margin-top: 28px;}
.wipes-page .opening-purchase .pack-options{margin-top: 42px; gap: 12px;}
.wipes-page .opening-purchase .pack-option{min-height: 98px; padding: 22px 24px;}
.wipes-page .opening-purchase .pack-name strong, .wipes-page .opening-purchase .pack-price{font-size: 20px;}
.wipes-page .opening-purchase .pack-name small{font-size: 16px;}
}
@media (min-width:901px) and (max-width:1100px){
.wipes-page .hero.product-opening{gap: 32px; padding-top: 32px;}
.wipes-page .product-gallery{grid-template-columns: 52px minmax(0,1fr); gap: 14px;}
.wipes-page .gallery-thumbnails{gap: 12px;}
.wipes-page .product-opening h1{font-size: 42px;}
.wipes-page .opening-description{font-size: 16px; margin-top: 20px;}
.wipes-page .opening-purchase .pack-option{padding: 16px; min-height: 78px;}
.wipes-page .opening-purchase .pack-name strong, .wipes-page .opening-purchase .pack-price{font-size: 16px;}
}
@media (max-width:900px){
.wipes-page .hero.product-opening{display: flex; flex-direction: column; align-items: stretch; gap: 32px; padding: 24px var(--pad) 48px;}
.wipes-page .product-gallery{position: relative; top: auto; display: flex; flex-direction: column; gap: 12px;}
.wipes-page .gallery-stage{order: 0; aspect-ratio: 1.16;}
.wipes-page .gallery-thumbnails{order: 1; flex-direction: row; gap: 12px;}
.wipes-page .gallery-thumbnail{width: 64px; flex: 0 0 64px;}
.wipes-page .opening-purchase{width: 100%; max-width: 620px; margin: 0 auto;}
.wipes-page .product-opening h1{font-size: 48px;}
.wipes-page .opening-description{font-size: 16px; margin-top: 20px;}
.wipes-page .opening-purchase .pack-options{margin-top: 28px;}
}
@media (max-width:480px){
.wipes-page .hero.product-opening{padding: 16px var(--pad) 40px; gap: 28px;}
.wipes-page .gallery-stage{aspect-ratio: 1;}
.wipes-page .gallery-thumbnail{width: 56px; flex-basis: 56px;}
.wipes-page .gallery-stage .image-expand{right: 12px; bottom: 12px;}
.wipes-page .product-opening h1{font-size: 42px;}
.wipes-page .opening-description br{display: none;}
.wipes-page .opening-purchase .pack-option{padding: 16px; gap: 12px;}
.wipes-page .opening-purchase .pack-name strong, .wipes-page .opening-purchase .pack-price{font-size: 16px;}
}
@media (prefers-reduced-motion:reduce){
.wipes-page #product-gallery-image, .wipes-page .gallery-thumbnail{transition: none;}
}
.wipes-page .intro{padding-top: 60px; padding-bottom: 64px;}
.wipes-page .product-stats{padding: 64px var(--pad) 72px; background: #fff; overflow: hidden; scroll-margin-top: 88px;}
.wipes-page .stats-heading{display: flex; justify-content: space-between; align-items: flex-start; gap: 32px;}
.wipes-page .stats-heading h2{font-size: clamp(30px,3vw,46px); line-height: 1.15; letter-spacing: -.05em; font-weight: 450; color: #161c32;}
.wipes-page .stats-controls{display: flex; gap: 12px; flex-shrink: 0; padding-top: 4px;}
.wipes-page .stats-controls button{display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #d8dbe5; border-radius: 50%; font-size: 24px; line-height: 1; color: #1828bc; background: #fff; transition: background .2s,border-color .2s;}
.wipes-page .stats-controls button:hover:not(:disabled){background: #f4f5ff; border-color: #1828bc;}
.wipes-page .stats-controls button:disabled{opacity: .3; cursor: default;}
.wipes-page .stats-track{display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 64px)/3); gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; margin-top: 54px; padding: 4px 0 12px;}
.wipes-page .stats-track::-webkit-scrollbar{display: none;}
.wipes-page .stats-track:focus-visible{outline: 2px solid #1828bc; outline-offset: 7px;}
.wipes-page .stat-card{min-width: 0; text-align: center; scroll-snap-align: start;}
.wipes-page .metric-number{font-size: clamp(120px,14.5vw,260px); font-weight: 380; line-height: 1.05; letter-spacing: -.075em; color: #161c32; white-space: nowrap; margin: 0;}
.wipes-page .metric-number small{font-size: .36em; letter-spacing: -.05em; margin-left: 5px;}
.wipes-page .stat-card h3{font-size: clamp(16px,1.4vw,22px); font-weight: 450; line-height: 1.45; color: #525968; margin: 20px 0 0;}
.wipes-page .cotton-story{display: grid; grid-template-columns: 54% 46%; align-items: center; background: #faf9f6; overflow: hidden; scroll-margin-top: 72px;}
.wipes-page .cotton-photo{aspect-ratio: 1.12; min-width: 0; overflow: hidden;}
.wipes-page .cotton-photo img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: 42% 50%;}
.wipes-page .cotton-copy{padding: 56px var(--pad) 56px 6vw;}
.wipes-page .cotton-copy h2{font-size: clamp(36px,4.15vw,68px); line-height: 1.07; letter-spacing: -.06em; font-weight: 450;}
.wipes-page .cotton-copy h2 span{color: #1828bc;}
.wipes-page .cotton-copy p{font-size: 17px; line-height: 1.8; color: #626775; margin-top: 28px;}
.wipes-page .cotton-copy .text-link{margin-top: 24px; color: #1828bc;}
@media (min-width:761px) and (max-width:1100px){
.wipes-page .stats-track{grid-auto-columns: calc((100% - 24px)/2); gap: 24px;}
.wipes-page .metric-number{font-size: clamp(150px,20vw,210px);}
.wipes-page .cotton-copy{padding: 40px var(--pad) 40px 5vw;}
.wipes-page .cotton-copy h2{font-size: 39px;}
.wipes-page .cotton-copy p{font-size: 16px;}
.wipes-page .cotton-copy p br{display: none;}
}
@media (max-width:900px){
.wipes-page .gallery-thumbnails{max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; padding: 4px; scrollbar-width: thin; scrollbar-color: #d9dcef transparent;}
}
@media (max-width:760px){
.wipes-page .intro{padding-top: 40px; padding-bottom: 48px;}
.wipes-page .product-stats{padding: 44px var(--pad) 48px; scroll-margin-top: 20px;}
.wipes-page .stats-heading{gap: 20px; align-items: flex-start;}
.wipes-page .stats-heading h2{font-size: 31px;}
.wipes-page .stats-controls{gap: 8px; padding-top: 0;}
.wipes-page .stats-controls button{width: 44px; height: 44px; font-size: 21px;}
.wipes-page .stats-track{grid-auto-columns: 86%; gap: 24px; margin-top: 32px; padding-bottom: 8px;}
.wipes-page .metric-number{font-size: clamp(132px,39vw,240px);}
.wipes-page .stat-card h3{font-size: 18px; margin-top: 16px;}
.wipes-page .cotton-story{display: flex; flex-direction: column; align-items: stretch; scroll-margin-top: 20px;}
.wipes-page .cotton-photo{aspect-ratio: 1.18;}
.wipes-page .cotton-copy{padding: 34px var(--pad) 48px;}
.wipes-page .cotton-copy h2{font-size: clamp(39px,10.5vw,56px);}
.wipes-page .cotton-copy p{font-size: 16px; margin-top: 24px;}
.wipes-page .cotton-copy p br{display: none;}
.wipes-page .cotton-copy .text-link{margin-top: 20px;}
}
@media (max-width:420px){
.wipes-page .stats-heading{flex-wrap: wrap; gap: 20px;}
.wipes-page .stats-controls{margin-left: auto;}
.wipes-page .stats-track{margin-top: 24px; grid-auto-columns: 92%;}
}
@media (prefers-reduced-motion:reduce){
.wipes-page .stats-controls button{transition: none;}
}

/* Accommodate the live corporate header without changing its layout. */
.wipes-page .hero.product-opening{min-height:0;scroll-margin-top:calc(var(--site-header-height,64px) + 20px)}
.wipes-page .product-nav{top:var(--site-header-height,64px)}
@media (min-width:901px){.wipes-page .product-gallery{top:calc(var(--site-header-height,64px) + 28px)}}
.wipes-page .softness-film-section,.wipes-page .product-stats,.wipes-page .cotton-story,.wipes-page .details-section{scroll-margin-top:calc(var(--site-header-height,64px) + 88px)}
.wipes-page .text-link:hover{text-decoration:none}
@media(max-width:760px){.wipes-page .softness-film-section,.wipes-page .product-stats,.wipes-page .cotton-story,.wipes-page .details-section{scroll-margin-top:calc(var(--site-header-height,60px) + 20px)}}

/* Keep the expanded image rail within the square product stage. */
@media (min-width:901px){
.wipes-page .gallery-thumbnails{position:absolute;inset:0 auto 0 0;width:64px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d9dcef transparent}
.wipes-page .gallery-thumbnail{flex-shrink:0}
.wipes-page .gallery-stage{grid-column:2}
}
@media (min-width:901px) and (max-width:1100px){.wipes-page .gallery-thumbnails{width:52px}}
@media (min-width:1800px){.wipes-page .gallery-thumbnails{width:80px}}

/* Exact packaging ingredient and purpose information. */
.wipes-page .wipes-ingredients{width:100%;border-collapse:collapse;margin:18px 0;font-size:inherit;table-layout:fixed}
.wipes-page .wipes-ingredients th,.wipes-page .wipes-ingredients td{padding:12px 8px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid #e7eef7;overflow-wrap:anywhere}
.wipes-page .wipes-ingredients th{font-weight:500;color:var(--ink)}
.wipes-page .wipes-ingredients thead th{font-weight:650}