/* CECIL Official v1.0.90 — flow page base */
/* ========================================================================== 
   v1.0.11 — /first/flow/ layout fixes
   ========================================================================== */
.flow-page{background:#FAF7EF;color:#4B4238}.flow-page .container{width:min(calc(100% - 30px),1220px)}
.flow-hero{position:relative;min-height:595px;color:#FAF7EF;background:#665D52;overflow:hidden}.flow-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(102,93,82,.98) 0%,rgba(102,93,82,.9) 46%,rgba(102,93,82,.2) 71%,rgba(102,93,82,.05) 100%),url('../images/cecil-bodycare-woman-v134.webp');background-size:cover;background-position:center right 12%}.flow-hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 22%,rgba(201,216,166,.11),transparent 33%),linear-gradient(180deg,rgba(75,66,56,.04),rgba(75,66,56,.26))}.flow-hero-inner{position:relative;z-index:2;padding:22px 0 54px}.flow-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.67rem;color:rgba(250,247,239,.56);margin:0 0 45px}.flow-breadcrumb a:hover{color:#FAF7EF}.flow-hero-copy{max-width:650px}.flow-eyebrow{display:block;color:#C9D8A6;font-family:Georgia,serif;letter-spacing:.17em;font-size:.78rem;margin-bottom:8px}.flow-hero h1{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,3.35vw,3.05rem);font-weight:500;letter-spacing:.07em;line-height:1.35;margin:0 0 19px}.flow-hero-catch{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.48;letter-spacing:.05em;margin:0 0 16px}.flow-hero-lead{max-width:620px;font-size:.86rem;line-height:1.9;color:rgba(250,247,239,.82);margin:0 0 19px}.flow-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.flow-hero-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(201,216,166,.46);background:rgba(102,93,82,.65);font-size:.72rem;color:#EAE2D3}.flow-hero-badges svg{width:18px;height:18px;color:#C9D8A6}.flow-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.flow-hero-actions .btn{min-width:205px}
.flow-intro{position:relative;padding:38px 0 34px;background:#FAF7EF;border-bottom:1px solid #EAE2D3}.flow-narrow{position:relative;max-width:880px;text-align:center}.flow-narrow h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;letter-spacing:.06em;font-size:clamp(1.45rem,2.3vw,2rem);color:#756A5D;margin:0 0 12px}.flow-narrow p{font-size:.79rem;line-height:1.9;color:#4B4238;margin:4px auto;max-width:780px}.flow-narrow strong{color:#4B4238;font-weight:600}.flow-leaf{position:absolute;top:50%;transform:translateY(-50%);font-family:Georgia,serif;font-size:5rem;color:rgba(201,216,166,.2)}.flow-leaf--left{left:-85px}.flow-leaf--right{right:-85px;transform:translateY(-50%) scaleX(-1)}
.flow-section-head{text-align:center;margin:0 0 24px}.flow-section-head>span,.flow-kicker{display:block;font-family:Georgia,serif;color:#C9D8A6;letter-spacing:.16em;font-size:.66rem;margin-bottom:6px}.flow-section-head h2{font-family:Georgia,"Yu Mincho",serif;color:#756A5D;font-weight:500;letter-spacing:.055em;font-size:clamp(1.45rem,2.4vw,2rem);margin:0}.flow-section-head--left{text-align:left;margin-bottom:18px}
.flow-before{padding:30px 0 34px;background:#FAF7EF}.flow-before-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow-before-grid article{position:relative;background:#FAF7EF;border:1px solid #EAE2D3;padding:24px 20px 20px;min-height:158px;box-shadow:0 5px 18px rgba(75,66,56,.045)}.flow-before-grid article>b{position:absolute;top:13px;left:14px;color:#C9D8A6;font-family:Georgia,serif;font-size:1.42rem;font-weight:400}.flow-before-icon svg{width:35px;height:35px;color:#C9D8A6;margin:0 auto 8px}.flow-before-grid h3{text-align:center;font-family:Georgia,"Yu Mincho",serif;color:#756A5D;font-weight:500;font-size:1rem;margin:0 0 7px}.flow-before-grid p{text-align:center;color:#736C62;font-size:.71rem;line-height:1.72;margin:0}
.flow-steps-section{padding:34px 0 40px;background:#FAF7EF;border-top:1px solid #EAE2D3}.flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative}.flow-steps:before{display:none}.flow-step{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;background:#FAF7EF;border:1px solid #EAE2D3;min-height:250px;overflow:hidden;box-shadow:0 5px 18px rgba(75,66,56,.035)}.flow-step--image-right{grid-template-columns:1.1fr .9fr}.flow-step--image-right .flow-step-image{order:2}.flow-step-image{min-height:250px;overflow:hidden;background:#F7F3EA}.flow-step-image img{width:100%;height:100%;object-fit:cover}.flow-step-body{position:relative;padding:68px 24px 22px;display:flex;flex-direction:column;justify-content:flex-start}.flow-step-label{position:absolute;top:14px;left:17px;color:#C9D8A6;letter-spacing:.13em;font-family:Georgia,serif;font-size:.57rem}.flow-step-no{position:absolute;top:30px;left:16px;font-family:Georgia,serif;font-size:2.05rem;font-weight:400;color:#C9D8A6;line-height:1}.flow-step-body h3{font-family:Georgia,"Yu Mincho",serif;font-weight:500;color:#756A5D;font-size:1.26rem;line-height:1.45;margin:0 0 8px}.flow-step-body p{font-size:.7rem;color:#736C62;line-height:1.8;margin:0 0 9px}.flow-note{background:#F7F3EA;border-left:3px solid #C9D8A6;padding:7px 9px;color:#4B4238!important;font-size:.65rem!important}.flow-emphasis{background:#F7F3EA;border:1px solid #C9D8A6;padding:9px 10px;color:#4B4238!important;font-weight:600;text-align:center}.flow-mini-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 0 10px}.flow-mini-actions a{border:1px solid #C9D8A6;padding:7px 5px;text-align:center;font-size:.63rem;color:#4B4238;background:#FAF7EF}.flow-inline-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:#756A5D;color:#FAF7EF;padding:9px 13px;font-size:.68rem;margin-top:3px;max-width:100%}.flow-inline-btn--gold{background:linear-gradient(135deg,#C9D8A6,#C9D8A6);color:#4B4238}.flow-check-list{list-style:none;padding:0;margin:3px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.flow-check-list li{font-size:.65rem;color:#4B4238}.flow-check-list li:before{content:"✓";color:#C9D8A6;margin-right:5px}.flow-payment-visual{display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#F7F3EA,#FAF7EF)}.flow-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.flow-payment-grid span{min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;background:#FAF7EF;border:1px solid #EAE2D3;color:#4B4238;font-size:.58rem;padding:6px}.flow-payment-grid img{display:block;max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain}.flow-entrance-visual{display:flex;align-items:center;padding:18px;background:linear-gradient(135deg,#F7F3EA,#FAF7EF)}.flow-entrance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%}.flow-entrance-grid div{position:relative;background:#FAF7EF;border:1px solid #C9D8A6;min-height:118px;padding:25px 7px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow-entrance-grid div>span{position:absolute;top:7px;left:8px;color:#C9D8A6;font-family:Georgia,serif}.flow-entrance-grid svg{width:27px;height:27px;color:#C9D8A6;margin-bottom:7px}.flow-entrance-grid small{font-size:.55rem;color:#4B4238;line-height:1.45}.flow-tea img{filter:sepia(.08) saturate(.85) brightness(.92)}
.flow-step--full{grid-column:1/-1;grid-template-columns:1.15fr .85fr;min-height:310px}.flow-step--dark{background:linear-gradient(135deg,#756A5D,#665D52);border-color:rgba(201,216,166,.55);color:#FAF7EF}.flow-step--dark .flow-step-body h3{color:#EAE2D3}.flow-step--dark .flow-step-body p{color:rgba(250,247,239,.76)}.flow-step--dark .flow-step-label,.flow-step--dark .flow-step-no{color:#C9D8A6}.flow-formula{display:flex;align-items:center;gap:8px;margin:9px 0 12px}.flow-formula>div{width:120px;min-height:92px;border:1px solid rgba(201,216,166,.48);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:9px}.flow-formula strong{font-family:Georgia,"Yu Mincho",serif;font-size:.78rem;font-weight:500}.flow-formula small{font-size:.54rem;color:rgba(250,247,239,.68);line-height:1.45;margin-top:4px}.flow-formula>b{color:#C9D8A6}.flow-formula .is-gold{background:rgba(201,216,166,.12);color:#C9D8A6}.flow-aroma-options{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.6fr .45fr;gap:18px;align-items:center;background:#FAF7EF;border:1px solid #EAE2D3;padding:20px 22px}.flow-aroma-copy h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.1rem;font-weight:500;color:#756A5D;margin:0 0 5px}.flow-aroma-copy p{font-size:.65rem;color:#736C62;line-height:1.7;margin:0}.flow-aroma-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.flow-aroma-grid div{border:1px solid #EAE2D3;background:#FAF7EF;padding:8px;text-align:center}.flow-aroma-grid strong{display:block;font-family:Georgia,serif;color:#4B4238;font-size:.73rem}.flow-aroma-grid small{font-size:.52rem;color:#736C62}.flow-shower-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:6px 0}.flow-shower-choice>div{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;border:1px solid #EAE2D3;background:#FAF7EF;padding:7px 8px}.flow-shower-choice svg{grid-row:1/3;width:20px;height:20px;color:#C9D8A6;align-self:center}.flow-shower-choice strong{font-family:Georgia,"Yu Mincho",serif;font-size:.67rem;color:#4B4238}.flow-shower-choice small{font-size:.52rem;color:#736C62}.flow-request-chips{display:flex;flex-wrap:wrap;gap:5px;margin:3px 0 8px}.flow-request-chips span,.flow-drinks span{border:1px solid #EAE2D3;background:#FAF7EF;padding:5px 8px;font-size:.58rem;color:#4B4238}.flow-drinks{display:flex;flex-wrap:wrap;gap:5px}.flow-styles{grid-column:1/-1;border-top:1px solid #EAE2D3;border-bottom:1px solid #EAE2D3;padding:18px 0 5px}.flow-styles>h3{text-align:center;font-family:Georgia,"Yu Mincho",serif;font-size:1rem;font-weight:500;color:#756A5D;margin:0 0 12px}.flow-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flow-style-grid a{position:relative;min-height:150px;overflow:hidden;border:1px solid rgba(201,216,166,.42);background:#665D52;color:#FAF7EF}.flow-style-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.flow-style-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(102,93,82,.94))}.flow-style-grid strong,.flow-style-grid small{position:relative;z-index:2;display:block;padding-left:15px;padding-right:15px}.flow-style-grid strong{font-family:Georgia,"Yu Mincho",serif;color:#EAE2D3;font-size:.9rem;padding-top:91px}.flow-style-grid small{font-size:.58rem;color:rgba(250,247,239,.78);padding-top:3px;padding-bottom:12px}
.flow-overview-section{padding:32px 0 38px;background:#F7F3EA;border-top:1px solid #EAE2D3}.flow-overview-layout{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch;max-width:980px;margin:0 auto}.flow-overview-box,.flow-faq-box,.flow-dispatch-box{background:#FAF7EF;border:1px solid #EAE2D3;padding:22px;box-shadow:0 4px 16px rgba(75,66,56,.035)}.flow-overview-box ol{counter-reset:flowitem;list-style:none;padding:0;margin:0}.flow-overview-box li{counter-increment:flowitem;position:relative;border-bottom:1px solid #EAE2D3;padding:6px 5px 6px 28px;font-size:.67rem;color:#4B4238}.flow-overview-box li:before{content:counter(flowitem,decimal-leading-zero);position:absolute;left:0;color:#C9D8A6;font-family:Georgia,serif}.flow-faq-box details{border-bottom:1px solid #EAE2D3}.flow-faq-box summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:.66rem;color:#4B4238;cursor:pointer}.flow-faq-box summary::-webkit-details-marker{display:none}.flow-faq-box summary svg{width:17px;height:17px;color:#C9D8A6;transition:.2s}.flow-faq-box details[open] summary svg{transform:rotate(180deg)}.flow-faq-box details p{font-size:.61rem;line-height:1.7;color:#736C62;padding:0 0 10px;margin:0}.flow-dispatch-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.flow-dispatch-steps span{min-height:58px;border:1px solid #EAE2D3;background:#FAF7EF;display:flex;align-items:center;gap:8px;padding:7px;font-size:.59rem;color:#4B4238}.flow-dispatch-steps b{font-family:Georgia,serif;color:#C9D8A6;font-size:.84rem}.flow-dispatch-box>p{font-size:.57rem;color:#736C62;line-height:1.6;margin:10px 0}
.flow-next-section{padding:30px 0 34px;background:#FAF7EF;border-top:1px solid #EAE2D3}.flow-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-next-grid a{position:relative;min-height:185px;overflow:hidden;background:#665D52;color:#FAF7EF;border:1px solid rgba(201,216,166,.42);padding:14px;display:flex;flex-direction:column;justify-content:flex-end}.flow-next-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46}.flow-next-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(102,93,82,.08),rgba(102,93,82,.92))}.flow-next-grid span,.flow-next-grid strong,.flow-next-grid small,.flow-next-grid b{position:relative;z-index:2}.flow-next-grid span{font-family:Georgia,serif;color:#C9D8A6;font-size:1.45rem}.flow-next-grid strong{font-family:Georgia,"Yu Mincho",serif;font-size:.95rem;font-weight:500;color:#FAF7EF}.flow-next-grid small{font-size:.59rem;color:rgba(250,247,239,.72);margin-top:3px}.flow-next-grid b{position:absolute;right:13px;bottom:12px;color:#C9D8A6}
.flow-final-cta{position:relative;padding:47px 0 38px;background:#665D52;color:#FAF7EF;overflow:hidden}.flow-final-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(102,93,82,.95),rgba(102,93,82,.76)),url('../images/cecil-bodycare-woman-v134.webp');background-size:cover;background-position:center;opacity:.88}.flow-final-inner{position:relative;z-index:2;text-align:center}.flow-final-inner h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500;letter-spacing:.055em;color:#EAE2D3;margin:0 0 8px}.flow-final-inner>p{font-size:.75rem;color:rgba(250,247,239,.77);margin:0 auto 22px;max-width:720px}.flow-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.flow-final-actions .btn{min-width:210px}.flow-final-features{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:20px}.flow-final-features span{display:inline-flex;align-items:center;gap:6px;font-size:.66rem;color:#EAE2D3}.flow-final-features svg{width:17px;height:17px;color:#C9D8A6}.flow-final-inner small{display:block;margin-top:16px;font-size:.58rem;line-height:1.6;color:rgba(250,247,239,.57)}
@media (max-width:1050px){.flow-steps{grid-template-columns:1fr}.flow-steps:before{display:none}.flow-step--full,.flow-aroma-options,.flow-styles{grid-column:auto}.flow-overview-layout{grid-template-columns:1fr}.flow-dispatch-box{grid-column:auto}.flow-dispatch-steps{grid-template-columns:1fr 1fr}.flow-next-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.flow-page .container{width:calc(100% - 24px)}.flow-hero{min-height:660px}.flow-hero-bg{background-image:linear-gradient(180deg,rgba(102,93,82,.65) 0%,rgba(102,93,82,.85) 45%,rgba(102,93,82,.98) 74%),url('../images/cecil-bodycare-woman-v134.webp');background-position:68% top}.flow-hero-inner{padding-top:18px}.flow-breadcrumb{margin-bottom:230px;font-size:.61rem}.flow-hero h1{font-size:1.95rem}.flow-hero-catch{font-size:1.9rem}.flow-hero-lead{font-size:.78rem}.flow-hero-badges{display:grid;grid-template-columns:1fr 1fr}.flow-hero-badges span{justify-content:center;font-size:.65rem}.flow-hero-actions{flex-direction:column}.flow-hero-actions .btn{width:100%;min-width:0}.flow-intro{padding:31px 0}.flow-leaf{display:none}.flow-before-grid{grid-template-columns:1fr}.flow-step,.flow-step--image-right,.flow-step--full{grid-template-columns:1fr;min-height:0}.flow-step--image-right .flow-step-image{order:0}.flow-step-image{height:210px;min-height:0}.flow-step-body{padding:62px 19px 20px}.flow-step-no{font-size:1.8rem}.flow-step-body h3{font-size:1.18rem}.flow-step-body p{font-size:.68rem}.flow-entrance-grid{grid-template-columns:1fr 1fr}.flow-entrance-grid div{min-height:100px}.flow-payment-grid{grid-template-columns:1fr 1fr}.flow-formula{justify-content:center}.flow-formula>div{width:90px;min-height:82px}.flow-formula strong{font-size:.68rem}.flow-formula small{font-size:.48rem}.flow-aroma-options{grid-template-columns:1fr;padding:18px}.flow-aroma-grid{grid-template-columns:1fr 1fr}.flow-aroma-options .flow-inline-btn{width:100%}.flow-style-grid{grid-template-columns:1fr}.flow-style-grid a{min-height:135px}.flow-style-grid strong{padding-top:78px}.flow-overview-layout{grid-template-columns:1fr}.flow-dispatch-box{grid-column:auto}.flow-dispatch-steps{grid-template-columns:1fr}.flow-next-grid{grid-template-columns:1fr 1fr}.flow-next-grid a{min-height:160px}.flow-final-actions{flex-direction:column}.flow-final-actions .btn{width:100%;min-width:0}.flow-final-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.flow-final-features span{justify-content:center}}
@media (max-width:430px){.flow-next-grid{grid-template-columns:1fr}.flow-next-grid a{min-height:150px}.flow-check-list{grid-template-columns:1fr}.flow-dispatch-steps{grid-template-columns:1fr}.flow-shower-choice{grid-template-columns:1fr}.flow-formula{gap:5px}.flow-formula>div{width:82px}.flow-formula>b{font-size:.9rem}}