.cfg-hero{position:relative;overflow:hidden;padding:145px clamp(24px,7vw,110px) 70px;background:#0b1714;color:#fff}.cfg-hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(212,183,128,.2);border-radius:50%;right:-150px;top:-230px;box-shadow:0 0 0 85px rgba(212,183,128,.035),0 0 0 170px rgba(212,183,128,.02)}.cfg-hero:after{content:"";position:absolute;inset:auto 7vw 0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.4),transparent)}.cfg-hero .eyebrow{position:relative;color:#d4b780}.cfg-hero h1{position:relative;max-width:960px;margin:18px 0 22px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,98px);font-weight:400;line-height:.96;letter-spacing:-.055em}.cfg-hero p{position:relative;max-width:760px;margin:0;color:#bdc8c3;font-size:18px;line-height:1.75}.cfg-shell{padding:34px clamp(18px,5vw,78px) 110px;background:#f2f0e9}.cfg-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;max-width:1440px;margin:0 auto 18px}.cfg-progress button{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 15px;border:1px solid #d8d9d3;border-radius:999px;background:rgba(255,255,255,.62);color:#7b837f;text-align:left;cursor:pointer}.cfg-progress button span{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:50%;background:#e6e7e1;font-size:11px;font-weight:900}.cfg-progress button b{overflow:hidden;font-size:11px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.cfg-progress button.is-active{border-color:#14241f;background:#14241f;color:#fff;box-shadow:0 12px 28px rgba(20,36,31,.14)}.cfg-progress button.is-active span{background:#d4b780;color:#14241f}.cfg-progress button.is-done{border-color:#bed2c8;color:#176649;background:#edf5f1}.cfg-progress button.is-done span{background:#176649;color:#fff}.cfg-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;max-width:1440px;margin:auto}.cfg-main,.cfg-price{border:1px solid rgba(21,37,32,.1);border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 25px 70px rgba(20,36,31,.065)}.cfg-main{min-height:690px;padding:clamp(24px,4vw,54px)}.cfg-step{animation:cfg-enter .32s ease}.cfg-step-head{display:flex;justify-content:space-between;gap:30px;margin-bottom:28px}.cfg-step-head>div>span{display:block;margin-bottom:12px;color:#9a743f;font-size:10px;font-weight:900;letter-spacing:.18em}.cfg-step-head h2{max-width:760px;margin:0 0 12px;color:#14241f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4.1vw,57px);font-weight:400;line-height:1.04;letter-spacing:-.045em}.cfg-step-head p{max-width:720px;margin:0;color:#66706c;font-size:15px;line-height:1.7}.cfg-optional-badge{align-self:flex-start;padding:8px 11px;border:1px solid #ded7c7;border-radius:999px;color:#94703c;background:#fbf8f0;font-size:9px;letter-spacing:.13em;white-space:nowrap}.cfg-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.cfg-category{display:grid;gap:8px;padding:22px;border:1px solid #dbddd7;border-radius:18px;background:#f8f8f5;text-align:left;cursor:pointer;transition:.2s}.cfg-category>span{color:#9a743f;font-size:9px;font-weight:900;letter-spacing:.16em}.cfg-category b{color:#14241f;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:400}.cfg-category small{color:#75807b;line-height:1.5}.cfg-category:hover,.cfg-category.is-selected{border-color:#14241f;background:#14241f;color:#fff;transform:translateY(-2px);box-shadow:0 16px 35px rgba(20,36,31,.13)}.cfg-category.is-selected b,.cfg-category.is-selected small{color:#fff}.cfg-category.is-selected small{opacity:.7}.cfg-choice-grid,.cfg-quantity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cfg-choice{position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;min-height:102px;padding:17px;border:1px solid #dcdfda;border-radius:17px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s}.cfg-choice:hover{border-color:#8ea199;transform:translateY(-2px);box-shadow:0 14px 35px rgba(20,36,31,.08)}.cfg-choice.is-selected{border-color:#14241f;background:#f1f5f2;box-shadow:inset 0 0 0 1px #14241f}.cfg-choice-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#eef0eb;color:#14241f;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:700}.cfg-choice-copy{display:grid;gap:5px}.cfg-choice-copy b{color:#14241f;font-size:14px}.cfg-choice-copy small{color:#747d79;font-size:12px;line-height:1.45}.cfg-choice em{color:#94703c;font-size:10px;font-style:normal}.cfg-choice i{display:grid;width:24px;height:24px;place-items:center;border:1px solid #ccd1cd;border-radius:50%;color:transparent;font-size:11px;font-style:normal}.cfg-choice.is-selected i{border-color:#176649;background:#176649;color:#fff}.cfg-choice-skip{border-style:dashed;background:#faf9f5}.cfg-choice-skip .cfg-choice-icon{background:#f3ece0;color:#9a743f}.cfg-choice-skip.is-selected{border-color:#9a743f;background:#fbf6eb;box-shadow:inset 0 0 0 1px #9a743f}.cfg-quantity-grid .cfg-choice-icon{background:#14241f;color:#fff;font-size:12px;letter-spacing:.02em}.cfg-prompt{grid-column:1/-1;padding:35px;border:1px dashed #cfd4cf;border-radius:18px;color:#77807c;text-align:center}.cfg-actions{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e6e1}.cfg-action-right{display:flex;gap:10px;align-items:center}.cfg-actions button,.cfg-submit{border:0;border-radius:13px;padding:14px 19px;font:800 12px/1.2 inherit;cursor:pointer;transition:.2s}.cfg-back{background:#ebece7;color:#34413b}.cfg-next,.cfg-submit{background:#14241f;color:#fff;box-shadow:0 12px 28px rgba(20,36,31,.18)}.cfg-next:hover,.cfg-submit:hover{transform:translateY(-2px);background:#20352e}.cfg-skip-inline{border:1px solid #ded7c7!important;background:#fbf8f0;color:#876838}.cfg-validation{margin:20px 0 -10px;padding:12px 15px;border-radius:11px;background:#fff2dd;color:#825a1f;font-size:12px;font-weight:700}.cfg-price{position:sticky;top:105px;height:max-content;overflow:hidden}.cfg-price-top{padding:28px 28px 22px;background:#14241f;color:#fff}.cfg-price-top small{display:block;color:#d4b780;font-size:9px;font-weight:900;letter-spacing:.18em}.cfg-total{margin:13px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;letter-spacing:-.035em}.cfg-unit{color:#aebbb5;font-size:12px}.cfg-price-body{padding:22px 28px 28px}.cfg-summary{display:grid;gap:0;margin-bottom:20px;border:1px solid #e4e5e0;border-radius:14px;overflow:hidden}.cfg-summary div{display:grid;grid-template-columns:85px 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid #ecece8}.cfg-summary div:last-child{border-bottom:0}.cfg-summary span{color:#929995;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.cfg-summary b{color:#324039;font-size:11px;font-weight:700;line-height:1.4}.cfg-lines{border-top:1px solid #e4e5e0}.cfg-line{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #ecece8;font-size:11px}.cfg-line span{color:#69736e}.cfg-line b{color:#26352e;text-align:right}.cfg-empty-price{padding:18px 0;color:#9a9f9c;font-size:11px}.cfg-vat{display:grid;gap:8px;margin:15px 0}.cfg-vat div{display:flex;justify-content:space-between;color:#67716c;font-size:11px}.cfg-vat b{color:#26352e}.cfg-price-note{margin:16px 0 0;padding-top:15px;border-top:1px solid #e7e8e3;color:#89908d;font-size:10px;line-height:1.55}.cfg-final-highlight{display:grid;gap:6px;margin:5px 0 25px;padding:20px;border:1px solid #d9e3de;border-radius:16px;background:#eff5f2}.cfg-final-highlight span{color:#176649;font-size:9px;font-weight:900;letter-spacing:.14em}.cfg-final-highlight b{color:#14241f;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:400}.cfg-final-highlight small{color:#6d7772}.cfg-contact{display:grid;gap:13px}.cfg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cfg-contact label{display:grid;gap:7px}.cfg-contact label>span{color:#4a5751;font-size:10px;font-weight:900;letter-spacing:.04em}.cfg-contact input,.cfg-contact textarea{width:100%;border:1px solid #d8dcd8;border-radius:12px;background:#fff;padding:14px 15px;color:#14241f;font:inherit;outline:none}.cfg-contact input:focus,.cfg-contact textarea:focus{border-color:#176649;box-shadow:0 0 0 3px rgba(23,102,73,.08)}.cfg-consent{grid-template-columns:18px 1fr!important;align-items:start}.cfg-consent input{width:16px;height:16px;margin:1px 0 0;padding:0}.cfg-consent span{font-size:10px!important;font-weight:600!important;line-height:1.5}.cfg-submit{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:16px 19px;font-size:12px}.cfg-submit:disabled{cursor:wait;opacity:.7}.cfg-status{min-height:20px;margin:0;font-size:11px;font-weight:700}.cfg-status.error{color:#b52b42}.cfg-status.success{color:#08704a}@keyframes cfg-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1120px){.cfg-layout{grid-template-columns:minmax(0,1fr) 330px}.cfg-progress button b{display:none}.cfg-progress button{justify-content:center}}@media(max-width:900px){.cfg-layout{grid-template-columns:1fr}.cfg-price{position:static;display:grid;grid-template-columns:.8fr 1.2fr}.cfg-price-top{display:grid;align-content:center}.cfg-progress{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.cfg-progress button{padding:9px}.cfg-progress button span{width:25px;height:25px;flex-basis:25px}}@media(max-width:650px){.cfg-hero{padding:105px 20px 50px}.cfg-hero h1{font-size:49px}.cfg-hero p{font-size:15px}.cfg-shell{padding:18px 12px 75px}.cfg-progress{overflow-x:auto;display:flex;padding-bottom:4px}.cfg-progress button{flex:0 0 48px}.cfg-main{min-height:0;padding:22px 16px;border-radius:20px}.cfg-step-head{display:grid;gap:12px}.cfg-step-head h2{font-size:37px}.cfg-optional-badge{justify-self:start}.cfg-category-grid,.cfg-choice-grid,.cfg-quantity-grid,.cfg-form-grid{grid-template-columns:1fr}.cfg-choice{grid-template-columns:44px 1fr auto;padding:14px}.cfg-choice-icon{width:44px;height:44px}.cfg-actions{align-items:stretch}.cfg-action-right{flex:1;display:grid}.cfg-actions button{padding:13px 12px}.cfg-skip-inline{order:1}.cfg-next{order:2}.cfg-price{grid-template-columns:1fr;border-radius:20px}.cfg-price-top,.cfg-price-body{padding:22px}.cfg-summary div{grid-template-columns:72px 1fr}}
.cfg-tech-block,.cfg-formula-board{padding:20px;border:1px solid #dfe3de;border-radius:18px;background:#fafaf7}.cfg-tech-block h3,.cfg-subtitle h3,.cfg-custom-add h3{margin:0;color:#14241f;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400}.cfg-mg-pills,.cfg-filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.cfg-mg-pills button,.cfg-filter-chips button{border:1px solid #d7dbd6;border-radius:999px;background:#fff;padding:10px 14px;color:#4f5c56;font:800 11px/1 inherit;cursor:pointer}.cfg-mg-pills button.is-selected,.cfg-filter-chips button.is-selected{border-color:#14241f;background:#14241f;color:#fff}.cfg-number-field{display:flex;align-items:center;gap:10px;max-width:450px}.cfg-number-field input{width:125px;border:1px solid #d7dbd6;border-radius:11px;padding:12px;font:inherit}.cfg-number-field span,.cfg-number-field b,.cfg-subtitle p{color:#66706c;font-size:12px}.cfg-subtitle{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 12px}.cfg-tech-warning{margin-top:16px;padding:13px 15px;border:1px solid #edc9a4;border-radius:12px;background:#fff5e8;color:#8a5524;font-size:12px;font-weight:700;line-height:1.55}.cfg-ingredient-toolbar{display:grid;gap:10px;margin-bottom:16px}.cfg-ingredient-toolbar label{display:grid;gap:7px}.cfg-ingredient-toolbar label span{color:#59655f;font-size:10px;font-weight:900}.cfg-ingredient-toolbar input{width:100%;border:1px solid #d8ddd8;border-radius:13px;padding:15px 16px;font:inherit}.cfg-filter-chips{overflow:auto;flex-wrap:nowrap;margin:0}.cfg-ingredient-browser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:410px;overflow:auto}.cfg-ingredient-card{display:grid;gap:7px;min-height:130px;padding:16px;border:1px solid #dde1dc;border-radius:16px;background:#fff;text-align:left;cursor:pointer}.cfg-ingredient-card>span{color:#9a743f;font-size:9px;font-weight:900;letter-spacing:.12em}.cfg-ingredient-card>b{color:#14241f;font-size:13px}.cfg-ingredient-card>small{color:#7a837f;font-size:10px}.cfg-ingredient-card>i{color:#176649;font-size:10px;font-style:normal;font-weight:900}.cfg-ingredient-card.is-selected{border-color:#176649;background:#eef6f2;box-shadow:inset 0 0 0 1px #176649}.cfg-formula-board{display:grid;gap:10px;margin-top:24px}.cfg-formula-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.cfg-formula-head span{display:block;color:#9a743f;font-size:9px;font-weight:900;letter-spacing:.13em}.cfg-formula-head b{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400}.cfg-formula-board>small{color:#7c8581;font-size:10px}.cfg-selected-ingredient,.cfg-custom-row{display:grid;grid-template-columns:1fr 125px 32px;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e4e6e2;border-radius:12px;background:#fff}.cfg-selected-ingredient>div,.cfg-custom-row>div{display:grid;gap:3px}.cfg-selected-ingredient span,.cfg-custom-row b{font-size:12px}.cfg-selected-ingredient small,.cfg-custom-row small{color:#7d8681;font-size:9px}.cfg-selected-ingredient label{display:flex;align-items:center;border:1px solid #d8ddd8;border-radius:10px;overflow:hidden}.cfg-selected-ingredient input{min-width:0;width:100%;border:0;padding:10px;font:inherit}.cfg-selected-ingredient label b{padding-right:10px;color:#7b847f;font-size:10px}.cfg-selected-ingredient>button,.cfg-custom-row>button{width:30px;height:30px;border:0;border-radius:50%;background:#f4e7e8;color:#aa2b3d;cursor:pointer}.cfg-custom-row>span{text-align:right;font-size:11px;font-weight:800}.cfg-formula-empty{padding:15px;border:1px dashed #d7dbd7;border-radius:12px;color:#89918d;text-align:center;font-size:11px}.cfg-custom-add{margin-top:8px;padding-top:18px;border-top:1px solid #e2e4df}.cfg-custom-grid{display:grid;grid-template-columns:1.1fr .55fr 1.4fr 1fr auto;gap:8px;margin-top:12px}.cfg-custom-grid input,.cfg-custom-grid select{min-width:0;border:1px solid #d8ddd8;border-radius:10px;background:#fff;padding:11px;font:inherit}.cfg-custom-grid button{border:0;border-radius:10px;background:#14241f;color:#fff;padding:11px 14px;font-weight:800;cursor:pointer}.cfg-custom-add p{margin:9px 0 0;color:#8a6b3d;font-size:10px;line-height:1.5}.cfg-unpriced{margin-top:4px;padding-top:10px;border-top:1px solid #eed8b8;color:#8a5c25!important}.cfg-unpriced b{color:#8a5c25!important}@media(max-width:1050px){.cfg-ingredient-browser{grid-template-columns:repeat(2,1fr)}.cfg-custom-grid{grid-template-columns:1fr 1fr}.cfg-custom-grid button{grid-column:1/-1}}@media(max-width:650px){.cfg-subtitle{display:grid}.cfg-ingredient-browser{grid-template-columns:1fr;max-height:none}.cfg-selected-ingredient,.cfg-custom-row{grid-template-columns:1fr 105px 30px}.cfg-custom-grid{grid-template-columns:1fr}.cfg-custom-grid button{grid-column:auto}.cfg-number-field{flex-wrap:wrap}}

.cfg-loading-state{min-height:480px}.cfg-loading-bars{display:grid;gap:13px;max-width:680px;margin-top:30px}.cfg-loading-bars i{display:block;height:78px;border-radius:18px;background:linear-gradient(90deg,#f1f2ee 20%,#fafaf8 50%,#f1f2ee 80%);background-size:240% 100%;animation:cfg-shimmer 1.4s infinite}.cfg-load-error{padding:24px;border:1px solid #ead3ad;border-radius:18px;background:#fffaf0}.cfg-load-error h2{font-size:38px}.cfg-load-error p{color:#7b6543}@keyframes cfg-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* ========================================================================== 
   ERSHA PRODUCT BUILDER MODERN UI v1.58
   ========================================================================== */
.cfg-hero{position:relative;isolation:isolate;min-height:0;padding:clamp(64px,7vw,104px) clamp(20px,6vw,96px) clamp(48px,6vw,84px);overflow:hidden;background:
 radial-gradient(circle at 12% 15%,rgba(127,86,217,.18),transparent 28%),
 radial-gradient(circle at 90% 20%,rgba(11,165,164,.16),transparent 26%),
 linear-gradient(180deg,#fff,#f7f8fc);color:#101828}
.cfg-hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(16,24,40,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent)}
.cfg-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ddd6fe;border-radius:999px;background:rgba(255,255,255,.82)}
.cfg-hero .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#0ba5a4;box-shadow:0 0 0 5px rgba(11,165,164,.10)}
.cfg-hero h1{max-width:980px;margin:18px 0 18px;font-family:inherit;font-size:clamp(44px,6vw,82px);font-weight:760;line-height:1.02;letter-spacing:-.055em}
.cfg-hero p{max-width:760px;margin:0;color:#667085;font-size:17px;line-height:1.72}
.cfg-shell{padding:28px clamp(14px,4vw,64px) clamp(80px,8vw,130px);background:#f6f7fb}
.cfg-progress{position:sticky;top:92px;z-index:40;display:flex;gap:8px;width:min(1180px,100%);margin:0 auto 18px;padding:9px;border:1px solid rgba(228,231,236,.92);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 10px 35px rgba(16,24,40,.07);backdrop-filter:blur(16px);overflow-x:auto}
.preview-ribbon~.site-header~main .cfg-progress{top:125px}
.cfg-progress button{flex:1;min-width:74px;min-height:44px;padding:7px 10px;border:0;border-radius:12px;background:transparent;color:#98a2b3;justify-content:center;gap:8px;font-size:10px;font-weight:800}
.cfg-progress button span{width:28px;height:28px;flex:0 0 28px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#667085}
.cfg-progress button.is-current{background:#f0ebff;color:#4a2e9b}.cfg-progress button.is-current span{border-color:#6941c6;background:#6941c6;color:#fff}.cfg-progress button.is-complete{color:#344054}.cfg-progress button.is-complete span{border-color:#0ba5a4;background:#e8f8f5;color:#087f73}
.cfg-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;width:min(1180px,100%);margin:0 auto;align-items:start}
.cfg-main,.cfg-price{border:1px solid #e4e7ec;border-radius:26px;background:#fff;box-shadow:0 12px 40px rgba(16,24,40,.07)}
.cfg-main{min-height:650px;padding:clamp(24px,3.5vw,48px)}
.cfg-step{animation:cfg-enter .28s ease}
.cfg-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #eaecf0}
.cfg-step-head>div>span{color:#6941c6;font-size:10px;font-weight:900;letter-spacing:.14em}
.cfg-step-head h2{margin:9px 0 9px;font-family:inherit;font-size:clamp(30px,3.5vw,48px);font-weight:720;line-height:1.08;letter-spacing:-.045em}
.cfg-step-head p{max-width:720px;color:#667085;font-size:13px;line-height:1.65}
.cfg-optional-badge{border:1px solid #d0d5dd;border-radius:999px;background:#f9fafb;color:#667085}
.cfg-category-grid,.cfg-choice-grid,.cfg-quantity-grid{gap:12px;margin-top:24px}
.cfg-category,.cfg-choice{border:1px solid #e4e7ec;border-radius:18px;background:#fff;box-shadow:0 3px 10px rgba(16,24,40,.03)}
.cfg-category{min-height:150px;padding:22px}
.cfg-category:hover,.cfg-choice:hover{transform:translateY(-3px);border-color:#c7b8ef;box-shadow:0 14px 30px rgba(16,24,40,.09)}
.cfg-category.is-selected,.cfg-choice.is-selected{border-color:#6941c6;background:linear-gradient(145deg,#f7f4ff,#fff);box-shadow:0 0 0 2px rgba(105,65,198,.10),0 14px 30px rgba(105,65,198,.10)}
.cfg-category span,.cfg-choice-icon{border-radius:14px;background:linear-gradient(145deg,#f0ebff,#e8f8f5);color:#6941c6}
.cfg-category h3,.cfg-choice-copy b{color:#101828;font-weight:750;letter-spacing:-.02em}
.cfg-category p,.cfg-choice-copy span{color:#667085}
.cfg-choice{grid-template-columns:52px 1fr auto;min-height:92px;padding:16px}
.cfg-choice-icon{width:52px;height:52px}
.cfg-choice>i{border-color:#d0d5dd;background:#fff}.cfg-choice.is-selected>i{border-color:#6941c6;background:#6941c6;box-shadow:inset 0 0 0 4px #fff}
.cfg-quantity-grid{grid-template-columns:repeat(3,1fr)}
.cfg-quantity-grid .cfg-choice{grid-template-columns:1fr;min-height:105px;text-align:center}.cfg-quantity-grid .cfg-choice>i{position:absolute;right:13px;top:13px}
.cfg-prompt{border:1px dashed #cfd4dc;border-radius:16px;background:#f9fafb;color:#667085}
.cfg-actions{margin-top:28px;padding-top:20px;border-top:1px solid #eaecf0}
.cfg-actions button{min-height:46px;border-radius:12px;font-weight:800}
.cfg-back,.cfg-skip-inline{border:1px solid #d0d5dd;background:#fff;color:#344054}.cfg-back:hover,.cfg-skip-inline:hover{background:#f9fafb;border-color:#98a2b3}
.cfg-next,.cfg-submit{border:0;background:linear-gradient(135deg,#6941c6,#7f56d9);box-shadow:0 10px 22px rgba(105,65,198,.24);color:#fff}.cfg-next:hover,.cfg-submit:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(105,65,198,.30)}
.cfg-price{position:sticky;top:164px;overflow:hidden}
.cfg-price-top{padding:26px;background:
 radial-gradient(circle at 100% 0,rgba(94,234,212,.25),transparent 36%),
 linear-gradient(145deg,#101828,#2d1d62);color:#fff}
.cfg-price-top small{color:#c4b5fd;font-size:10px;letter-spacing:.14em}
.cfg-total{margin:12px 0 6px;font-family:inherit;font-size:clamp(28px,3vw,36px);font-weight:730;letter-spacing:-.045em}
.cfg-unit{color:#d0d5dd}
.cfg-price-body{padding:22px}
.cfg-summary{border-color:#e4e7ec;border-radius:16px;background:#f9fafb}
.cfg-summary div{grid-template-columns:84px 1fr;border-color:#eaecf0}.cfg-summary span{color:#98a2b3}.cfg-summary b{color:#344054}
.cfg-line{border-color:#eaecf0}.cfg-line span{color:#667085}.cfg-line b{color:#101828}
.cfg-vat b{color:#101828}.cfg-price-note{color:#98a2b3;border-color:#eaecf0}
.cfg-tech-block,.cfg-formula-board{border:1px solid #e4e7ec;border-radius:20px;background:#f9fafb}
.cfg-tech-block h3,.cfg-subtitle h3,.cfg-custom-add h3{font-family:inherit;font-weight:720;letter-spacing:-.025em}
.cfg-mg-pills button,.cfg-filter-chips button{border-color:#d0d5dd;border-radius:999px;background:#fff;color:#475467}.cfg-mg-pills button:hover,.cfg-filter-chips button:hover{border-color:#b9a8ef}.cfg-mg-pills button.is-selected,.cfg-filter-chips button.is-selected{border-color:#6941c6;background:#6941c6;color:#fff}
.cfg-number-field input,.cfg-ingredient-toolbar input,.cfg-selected-ingredient label,.cfg-custom-grid input,.cfg-custom-grid select,.cfg-contact input,.cfg-contact textarea{border-color:#d0d5dd;border-radius:12px;background:#fff}
.cfg-number-field input:focus,.cfg-ingredient-toolbar input:focus,.cfg-custom-grid input:focus,.cfg-custom-grid select:focus,.cfg-contact input:focus,.cfg-contact textarea:focus{border-color:#6941c6;box-shadow:0 0 0 4px rgba(105,65,198,.10);outline:0}
.cfg-tech-warning{border-color:#fedf89;border-radius:14px;background:#fffaeb;color:#93370d}
.cfg-ingredient-browser{gap:10px}
.cfg-ingredient-card{min-height:138px;border-color:#e4e7ec;border-radius:16px;box-shadow:0 3px 10px rgba(16,24,40,.03)}
.cfg-ingredient-card:hover{transform:translateY(-2px);border-color:#c7b8ef;box-shadow:0 12px 24px rgba(16,24,40,.08)}
.cfg-ingredient-card>span{color:#6941c6}.cfg-ingredient-card>i{color:#087f73}.cfg-ingredient-card.is-selected{border-color:#0ba5a4;background:#eefcf9;box-shadow:inset 0 0 0 1px #0ba5a4}
.cfg-formula-board{background:#fff}.cfg-formula-head span{color:#6941c6}.cfg-formula-head b{font-family:inherit;font-weight:720}
.cfg-selected-ingredient,.cfg-custom-row{border-color:#e4e7ec;border-radius:14px}.cfg-custom-grid button{border-radius:12px;background:#101828}
.cfg-final-highlight{border-color:#b7e4dc;border-radius:18px;background:linear-gradient(145deg,#eefcf9,#f7f4ff)}
.cfg-final-highlight span{color:#087f73}.cfg-final-highlight b{font-family:inherit;font-weight:720}
.cfg-load-error{border-color:#fecdca;border-radius:20px;background:#fff6f5}.cfg-load-error h2{font-family:inherit;color:#912018}.cfg-load-error p{color:#b42318}
.cfg-loading-bars i{border-radius:16px;background:linear-gradient(90deg,#f2f4f7 20%,#fff 50%,#f2f4f7 80%);background-size:240% 100%}
.cfg-validation{border-radius:12px;background:#fffaeb;color:#93370d}
.cfg-status.error{color:#b42318}.cfg-status.success{color:#087f73}
@media(max-width:980px){
  .cfg-layout{grid-template-columns:1fr}.cfg-price{position:static;display:grid;grid-template-columns:.9fr 1.1fr}.cfg-progress{top:84px}.preview-ribbon~.site-header~main .cfg-progress{top:116px}
}
@media(max-width:650px){
  .cfg-hero{padding:54px 16px 38px}.cfg-hero h1{font-size:43px}.cfg-hero p{font-size:15px}
  .cfg-shell{padding:16px 10px 70px}.cfg-progress{top:74px;margin-bottom:12px;padding:7px;border-radius:14px}.preview-ribbon~.site-header~main .cfg-progress{top:106px}.cfg-progress button{flex:0 0 46px;min-width:46px}.cfg-progress button b{display:none}
  .cfg-main{min-height:0;padding:22px 16px;border-radius:20px}.cfg-step-head{display:grid}.cfg-step-head h2{font-size:34px}.cfg-category-grid,.cfg-choice-grid,.cfg-quantity-grid,.cfg-form-grid{grid-template-columns:1fr}
  .cfg-price{display:block;border-radius:20px}.cfg-price-top,.cfg-price-body{padding:20px}.cfg-total{font-size:30px}
  .cfg-actions{gap:8px}.cfg-action-right{width:100%}.cfg-action-right button{flex:1}
  .cfg-ingredient-browser{grid-template-columns:1fr}.cfg-custom-grid{grid-template-columns:1fr}.cfg-selected-ingredient,.cfg-custom-row{grid-template-columns:1fr 96px 30px}
}

/* v1.59 interactive product studio */
.cfg-shell{background:
  radial-gradient(circle at 12% 8%,rgba(127,86,217,.10),transparent 28%),
  radial-gradient(circle at 88% 18%,rgba(11,165,164,.08),transparent 24%),#f7f8fc}
.cfg-progress{position:sticky;isolation:isolate;padding:12px 14px;border-radius:22px;border:1px solid rgba(208,213,221,.82);box-shadow:0 18px 50px rgba(16,24,40,.09)}
.cfg-progress:before{content:"";position:absolute;z-index:-1;left:36px;right:36px;top:34px;height:2px;background:linear-gradient(90deg,#d7cdf7,#c7f0ea);opacity:.7}
.cfg-progress button{position:relative;display:flex;align-items:center;min-width:92px;border:1px solid transparent;border-radius:15px;background:rgba(255,255,255,.74);transition:.24s ease}
.cfg-progress button span{display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 4px 12px rgba(16,24,40,.06)}
.cfg-progress button.is-active{border-color:#c9b8f3;background:linear-gradient(145deg,#f5f1ff,#fff);color:#4b2ca0;box-shadow:0 8px 20px rgba(105,65,198,.12)}
.cfg-progress button.is-active span{border-color:#6941c6;background:linear-gradient(135deg,#6941c6,#8a66df);color:#fff;box-shadow:0 7px 18px rgba(105,65,198,.26)}
.cfg-progress button.is-done{color:#155f57}.cfg-progress button.is-done span{border-color:#6fd0c5;background:#e7fbf7;color:#087f73}
.cfg-main{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fcfcfe)}
.cfg-main:before{content:"";position:absolute;right:-160px;top:-180px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(127,86,217,.09),transparent 68%);pointer-events:none}
.cfg-step{position:relative;z-index:1}
.cfg-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cfg-category{position:relative;display:grid;align-content:end;min-height:180px;padding:24px;overflow:hidden;text-align:left}
.cfg-category:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(127,86,217,.48),rgba(11,165,164,.28),transparent 68%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.42}
.cfg-category:after{content:"";position:absolute;width:150px;height:150px;right:-52px;top:-58px;border-radius:50%;background:radial-gradient(circle,rgba(127,86,217,.18),transparent 68%)}
.cfg-category>span,.cfg-category>b,.cfg-category>small,.cfg-category>i{position:relative;z-index:2}
.cfg-category>span{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:#f0ebff;color:#6941c6;font-size:9px;font-weight:900;letter-spacing:.16em}
.cfg-category>b{margin-top:28px;font-size:25px;letter-spacing:-.035em}.cfg-category>small{margin-top:7px;color:#667085;font-size:13px}.cfg-category>i{position:absolute;right:22px;bottom:20px;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#101828;color:#fff;font-style:normal}
.cfg-category.is-selected{background:linear-gradient(145deg,#f0ebff 0%,#fff 58%,#edfdf9 100%)}
.cfg-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cfg-choice{position:relative;isolation:isolate;overflow:hidden;min-height:108px;border:1px solid #e4e7ec;background:linear-gradient(180deg,#fff,#fbfcfe);transition:.24s ease}
.cfg-choice:before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#6941c6,#0ba5a4);opacity:.18;transition:.24s}
.cfg-choice:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 100% 0,rgba(127,86,217,.12),transparent 38%);opacity:0;transition:.24s}
.cfg-choice:hover:before,.cfg-choice.is-selected:before{width:8px;opacity:1}.cfg-choice:hover:after,.cfg-choice.is-selected:after{opacity:1}
.cfg-choice.is-selected{border-color:#a98fe8;background:linear-gradient(145deg,#f8f5ff,#fff 62%,#effcf9);box-shadow:0 0 0 3px rgba(105,65,198,.08),0 18px 38px rgba(80,55,150,.12)}
.cfg-choice-icon{display:grid;place-items:center;font-size:15px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(105,65,198,.08)}
.cfg-choice-copy{display:grid;gap:5px;text-align:left}.cfg-choice-copy b{font-size:16px}.cfg-choice-copy small{color:#667085;line-height:1.45}
.cfg-choice em{align-self:end;color:#6941c6;font-size:10px;font-style:normal;font-weight:800}
.cfg-choice>i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:transparent;font-style:normal}.cfg-choice.is-selected>i{color:#fff}
.cfg-quantity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-quantity-grid .cfg-choice{min-height:126px;border-radius:20px}.cfg-quantity-grid .cfg-choice-icon{width:58px;height:58px;margin:auto;font-size:17px}
.cfg-next{display:inline-flex;align-items:center;gap:12px;padding:0 18px}.cfg-next b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.16)}
.cfg-price{border-radius:28px;box-shadow:0 24px 65px rgba(16,24,40,.12)}
.cfg-price-top{position:relative;overflow:hidden;padding:28px;background:radial-gradient(circle at 88% 0,rgba(94,234,212,.32),transparent 34%),radial-gradient(circle at 0 100%,rgba(167,139,250,.30),transparent 42%),linear-gradient(145deg,#0d1628,#2b1b5b)}
.cfg-price-top:after{content:"";position:absolute;right:-40px;bottom:-70px;width:180px;height:180px;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.cfg-price-body{background:linear-gradient(180deg,#fff,#fafbfc)}
.cfg-summary{padding:5px 14px}.cfg-summary div{padding:11px 0}
.cfg-tech-block,.cfg-formula-board{box-shadow:inset 0 1px 0 #fff}
.cfg-ingredient-toolbar{padding:18px;border:1px solid #e4e7ec;border-radius:18px;background:linear-gradient(145deg,#fafbff,#f4fbfa)}
.cfg-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.cfg-filter-chips button{padding:9px 13px;font-weight:800;transition:.18s}
.cfg-ingredient-browser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.cfg-ingredient-card{position:relative;text-align:left;padding:18px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcfe)}
.cfg-ingredient-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#6941c6,#0ba5a4);opacity:.18}
.cfg-ingredient-card.is-selected:before{opacity:1}.cfg-ingredient-card>b{display:block;margin:16px 0 8px;font-size:16px}.cfg-ingredient-card>small{color:#667085}.cfg-ingredient-card>i{display:block;margin-top:18px;font-style:normal;font-weight:900}
.cfg-formula-board{margin-top:20px;padding:22px;border-radius:22px}.cfg-formula-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #eaecf0}.cfg-formula-head>div{display:grid;gap:5px}.cfg-formula-head b{font-size:22px}
.cfg-selected-ingredient,.cfg-custom-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 34px;gap:12px;align-items:center;margin-top:10px;padding:13px 14px;background:#fff}.cfg-selected-ingredient label{display:flex;align-items:center}.cfg-selected-ingredient input{width:100%;border:0;background:transparent;font-weight:800;outline:0}.cfg-selected-ingredient button,.cfg-custom-row button{width:32px;height:32px;border:0;border-radius:10px;background:#f2f4f7;color:#667085;font-size:20px}
.cfg-custom-add{margin-top:18px;padding:20px;border:1px dashed #c5b5ed;border-radius:18px;background:#faf8ff}.cfg-custom-grid{display:grid;grid-template-columns:1.1fr .65fr 1.3fr 1fr auto;gap:8px}.cfg-custom-grid button{min-height:44px;padding:0 15px;border:0;color:#fff;font-weight:800}
.cfg-idea-box{display:grid;gap:8px;margin-top:18px;padding:20px;border:1px solid #b7e4dc;border-radius:18px;background:linear-gradient(145deg,#effcf9,#fff)}.cfg-idea-box>span{color:#087f73;font-size:12px;font-weight:900;letter-spacing:.05em}.cfg-idea-box textarea{width:100%;resize:vertical;border:1px solid #cfd8d6;border-radius:13px;padding:14px;background:#fff;color:#101828;font:inherit;outline:0}.cfg-idea-box textarea:focus{border-color:#0ba5a4;box-shadow:0 0 0 4px rgba(11,165,164,.10)}.cfg-idea-box small{color:#667085}.cfg-idea-box.compact{margin-top:22px}
.cfg-info-warning{margin-top:16px;padding:13px 15px;border:1px solid #b7e4dc;border-radius:14px;background:#effcf9;color:#087f73;font-size:12px;font-weight:700}
.cfg-oil-card>span{color:#9a6700}.cfg-oil-card.is-selected{border-color:#d6a741;background:#fffaf0;box-shadow:inset 0 0 0 1px #e7bd62}.cfg-oil-card.is-selected:before{background:linear-gradient(90deg,#d6a741,#0ba5a4)}
.cfg-bottle-filters{margin-top:22px}.cfg-bottle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.cfg-bottle-card{position:relative;display:grid;grid-template-columns:66px 1fr 28px;gap:14px;align-items:center;min-height:104px;padding:17px;border:1px solid #e4e7ec;border-radius:19px;background:linear-gradient(145deg,#fff,#f8f9fc);text-align:left;transition:.22s}.cfg-bottle-card:hover{transform:translateY(-3px);border-color:#c7b8ef;box-shadow:0 16px 30px rgba(16,24,40,.08)}.cfg-bottle-card>span{display:grid;place-items:center;width:66px;height:66px;border-radius:19px;background:linear-gradient(145deg,#edf1f6,#fff);color:#475467;font-size:11px;font-weight:900;letter-spacing:.08em}.cfg-bottle-card>b{font-size:16px}.cfg-bottle-card small{display:block;margin-top:5px;color:#667085}.cfg-bottle-card>i{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d0d5dd;border-radius:8px;color:transparent;font-style:normal}.cfg-bottle-card.is-selected{border-color:#6941c6;background:linear-gradient(145deg,#f7f4ff,#fff,#effcf9);box-shadow:0 0 0 3px rgba(105,65,198,.08),0 17px 34px rgba(105,65,198,.11)}.cfg-bottle-card.is-selected>i{border-color:#6941c6;background:#6941c6;color:#fff}
.cfg-final-highlight{position:relative;overflow:hidden;padding:24px}.cfg-final-highlight:after{content:"";position:absolute;right:-45px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(105,65,198,.14),transparent 67%)}
.cfg-contact label>span{color:#344054;font-weight:800}.cfg-contact input,.cfg-contact textarea{color:#101828}.cfg-submit{min-height:54px;border-radius:15px}
@media(max-width:980px){.cfg-ingredient-browser{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-custom-grid{grid-template-columns:1fr 1fr}.cfg-custom-grid button{grid-column:1/-1}.cfg-progress:before{display:none}}
@media(max-width:650px){.cfg-category-grid,.cfg-choice-grid,.cfg-bottle-grid{grid-template-columns:1fr}.cfg-category{min-height:150px}.cfg-choice{grid-template-columns:48px 1fr 24px}.cfg-ingredient-browser{grid-template-columns:1fr}.cfg-quantity-grid{grid-template-columns:1fr}.cfg-custom-grid{grid-template-columns:1fr}.cfg-formula-head{display:grid}.cfg-selected-ingredient,.cfg-custom-row{grid-template-columns:minmax(0,1fr) 82px 32px}.cfg-progress button{background:#fff}.cfg-progress button.is-active{flex-basis:110px}.cfg-progress button.is-active b{display:block}.cfg-action-right{display:grid}.cfg-skip-inline,.cfg-next{width:100%}}


/* v1.60 fixed desktop studio, launch panel and hover contrast */
.route-configurator main{background:#f5f7fb}
.cfg-studio{display:grid;grid-template-columns:minmax(330px,32vw) minmax(0,1fr);min-height:calc(100svh - 86px);background:#f5f7fb}
.preview-ribbon~.site-header~main .cfg-studio{min-height:calc(100svh - 120px)}
.cfg-launch-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(34px,4vw,68px);overflow:hidden;background:radial-gradient(circle at 15% 12%,rgba(124,58,237,.42),transparent 30%),radial-gradient(circle at 85% 72%,rgba(13,148,136,.33),transparent 32%),linear-gradient(150deg,#0b1220,#15103a 58%,#073b3a);color:#fff}
.cfg-launch-panel:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(135deg,#000,transparent 78%)}
.cfg-launch-content{position:relative;z-index:3;max-width:560px}
.cfg-launch-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#d9d6fe;font-size:10px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(10px)}
.cfg-launch-badge i,.cfg-workspace-head small i{width:8px;height:8px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 5px rgba(94,234,212,.12),0 0 18px rgba(94,234,212,.7);animation:cfg-live-dot 1.6s ease-in-out infinite}
.cfg-launch-panel h1{max-width:660px;margin:26px 0 20px;font-size:clamp(46px,4.7vw,82px);font-weight:760;line-height:.96;letter-spacing:-.058em}
.cfg-launch-panel p{max-width:580px;margin:0;color:#c4c9d4;font-size:16px;line-height:1.72}
.cfg-launch-points{display:grid;gap:11px;margin-top:30px}.cfg-launch-points article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;color:#d9deea;font-size:12px}.cfg-launch-points b{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.07);color:#5eead4;font-size:10px}
.cfg-launch-cta{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:30px;padding:13px 14px 13px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(115deg,#6d5dfc,#7c3aed 55%,#0f9f91);color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 18px 42px rgba(57,36,167,.36);animation:cfg-launch-breathe 2.4s ease-in-out infinite}.cfg-launch-cta:before{content:"";position:absolute;z-index:-1;inset:-8px;border:1px solid rgba(167,139,250,.42);border-radius:999px;animation:cfg-launch-ring 2.4s ease-out infinite}.cfg-launch-cta>i{width:9px;height:9px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 5px rgba(94,234,212,.13)}.cfg-launch-cta>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16)}.cfg-launch-note{display:block;max-width:520px;margin-top:14px;color:#8992a6;font-size:10px;line-height:1.55}
.cfg-launch-demo{position:relative;z-index:3;margin-top:34px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(8,15,30,.45);box-shadow:0 24px 70px rgba(0,0,0,.24);backdrop-filter:blur(16px)}.cfg-launch-demo>span{color:#a7f3d0;font-size:9px;font-weight:900;letter-spacing:.14em}.cfg-launch-demo>strong{display:block;margin:9px 0 16px;font-size:clamp(25px,2.4vw,39px);letter-spacing:-.045em}.cfg-launch-demo>strong i{color:#5eead4;font-style:normal}.cfg-launch-demo>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-top:1px solid rgba(255,255,255,.09);font-size:11px}.cfg-launch-demo>div small{color:#9da6b7}.cfg-launch-demo>em{display:block;margin-top:12px;color:#7dd3fc;font-size:10px;font-style:normal}
.cfg-launch-orbit{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.10);border-radius:50%;pointer-events:none}.cfg-launch-orbit-one{right:-220px;top:-190px;width:540px;height:540px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}.cfg-launch-orbit-two{left:-180px;bottom:-260px;width:420px;height:420px}
.cfg-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;height:calc(100svh - 86px);padding:18px 20px 20px;overflow:hidden;background:radial-gradient(circle at 92% 6%,rgba(109,94,252,.10),transparent 23%),#f5f7fb}
.preview-ribbon~.site-header~main .cfg-workspace{height:calc(100svh - 120px)}
.cfg-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1220px,100%);margin:0 auto 12px;padding:0 4px}.cfg-workspace-head>div{display:grid;gap:3px}.cfg-workspace-head>div span{color:#6d5dfc;font-size:9px;font-weight:900;letter-spacing:.14em}.cfg-workspace-head>div b{color:#101828;font-size:16px}.cfg-workspace-head>small{display:flex;align-items:center;gap:8px;color:#087f73;font-size:10px;font-weight:800}.cfg-workspace-head small i{display:block}
.cfg-workspace .cfg-progress{position:relative;top:auto;z-index:10;width:min(1220px,100%);max-width:none;margin:0 auto 12px;padding:8px;border:1px solid #e1e5ec;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(16,24,40,.06);backdrop-filter:blur(14px)}
.cfg-workspace .cfg-progress:before{display:none}.cfg-progress button{min-height:44px;border-color:transparent!important;background:transparent!important;color:#667085!important}.cfg-progress button:hover{background:#f2f4f7!important;color:#344054!important}.cfg-progress button:hover b,.cfg-progress button:hover span{color:inherit!important}.cfg-progress button.is-active{background:linear-gradient(115deg,#111827,#312e81)!important;color:#fff!important;box-shadow:0 10px 24px rgba(49,46,129,.20)!important}.cfg-progress button.is-active b{color:#fff!important}.cfg-progress button.is-active span{border-color:transparent!important;background:#5eead4!important;color:#0f172a!important}.cfg-progress button.is-done{background:#ecfdf8!important;color:#087f73!important}.cfg-progress button.is-done b{color:#087f73!important}
.cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr) 320px;width:min(1220px,100%);max-width:none;min-height:0;height:100%;margin:0 auto;align-items:stretch}
.cfg-workspace .cfg-main,.cfg-workspace .cfg-price{min-height:0;height:100%;border-radius:24px}
.cfg-workspace .cfg-main{overflow-y:auto;overscroll-behavior:contain;padding:clamp(24px,2.5vw,38px);scrollbar-width:thin;scrollbar-color:#c7cdd8 transparent}
.cfg-workspace .cfg-price{position:relative;top:auto;display:flex;flex-direction:column;overflow:hidden}.cfg-workspace .cfg-price-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.cfg-category,.cfg-choice,.cfg-ingredient-card,.cfg-bottle-card,.cfg-filter-chips button{color:#101828!important}
.cfg-category:hover,.cfg-category.is-selected{border-color:#8b7cf6!important;background:linear-gradient(145deg,#f4f1ff,#fff 58%,#eafbf8)!important;color:#101828!important;box-shadow:0 0 0 3px rgba(109,94,252,.09),0 18px 36px rgba(58,42,130,.11)!important}
.cfg-category:hover>span,.cfg-category.is-selected>span{background:#e9e5ff!important;color:#5b21b6!important}.cfg-category:hover b,.cfg-category.is-selected b{color:#101828!important}.cfg-category:hover small,.cfg-category.is-selected small{color:#5f6b7b!important;opacity:1!important}.cfg-category:hover>i,.cfg-category.is-selected>i{background:#312e81!important;color:#fff!important}
.cfg-choice:hover,.cfg-choice.is-selected{color:#101828!important}.cfg-choice:hover .cfg-choice-copy b,.cfg-choice.is-selected .cfg-choice-copy b{color:#101828!important}.cfg-choice:hover .cfg-choice-copy small,.cfg-choice.is-selected .cfg-choice-copy small{color:#667085!important}.cfg-choice:hover em,.cfg-choice.is-selected em{color:#5b21b6!important}
.cfg-filter-chips button:hover{border-color:#8b7cf6!important;background:#f0edff!important;color:#5b21b6!important}.cfg-filter-chips button.is-active{border-color:#312e81!important;background:#312e81!important;color:#fff!important}
.cfg-price-top{flex:0 0 auto}.cfg-total{font-family:inherit;font-size:clamp(27px,2.2vw,38px);font-weight:760}.cfg-price-body{background:#fff}
@keyframes cfg-live-dot{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.14);opacity:1}}@keyframes cfg-launch-breathe{0%,100%{box-shadow:0 18px 42px rgba(57,36,167,.28),0 0 0 0 rgba(109,94,252,0)}50%{box-shadow:0 22px 52px rgba(57,36,167,.40),0 0 0 9px rgba(109,94,252,.08)}}@keyframes cfg-launch-ring{0%{transform:scale(.96);opacity:.78}75%,100%{transform:scale(1.08);opacity:0}}
@media(max-width:1180px){.cfg-studio{grid-template-columns:310px minmax(0,1fr)}.cfg-launch-panel{padding:34px 28px}.cfg-launch-panel h1{font-size:48px}.cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr) 285px}.cfg-workspace{padding-inline:14px}.cfg-progress button b{display:none}.cfg-progress button{justify-content:center}}
@media(max-width:980px){.cfg-studio{display:block}.cfg-launch-panel{min-height:auto;padding:54px 28px}.cfg-launch-demo{display:none}.cfg-launch-panel h1{max-width:760px}.cfg-workspace,.preview-ribbon~.site-header~main .cfg-workspace{height:auto;min-height:calc(100svh - 86px);overflow:visible}.cfg-workspace .cfg-layout{grid-template-columns:1fr;height:auto}.cfg-workspace .cfg-main{height:auto;max-height:none;overflow:visible}.cfg-workspace .cfg-price{position:sticky;bottom:10px;z-index:30;height:auto;max-height:52vh;box-shadow:0 20px 60px rgba(16,24,40,.18)}.cfg-workspace .cfg-price-body{max-height:30vh}.cfg-workspace-head{margin-top:6px}.cfg-launch-cta{display:flex}}
@media(max-width:650px){.cfg-launch-panel{padding:42px 18px}.cfg-launch-panel h1{font-size:43px}.cfg-launch-panel p{font-size:14px}.cfg-launch-points{display:none}.cfg-launch-cta{width:100%;justify-content:center}.cfg-workspace{padding:12px 10px 60px}.cfg-workspace-head{align-items:flex-start}.cfg-workspace-head>small{display:none}.cfg-workspace .cfg-progress{overflow-x:auto;display:flex}.cfg-workspace .cfg-progress button{flex:0 0 48px}.cfg-workspace .cfg-progress button.is-active{flex-basis:112px}.cfg-workspace .cfg-progress button.is-active b{display:block}.cfg-workspace .cfg-main{padding:22px 16px}.cfg-workspace .cfg-price{bottom:8px}.cfg-category{min-height:145px}.cfg-launch-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cfg-launch-badge i,.cfg-workspace-head small i,.cfg-launch-cta,.cfg-launch-cta:before{animation:none!important}}


/* v1.61 no-overlap workspace, playful production ticker and modern selection UI */
.cfg-experience{min-height:0;background:#f7f7fc}
.cfg-production-ticker{position:relative;z-index:40;height:48px;overflow:hidden;border-bottom:1px solid rgba(109,93,252,.12);background:linear-gradient(90deg,#17152f,#3a238b 48%,#075f67);color:#fff;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.cfg-production-track{display:flex;align-items:center;width:max-content;height:100%;gap:12px;padding-inline:14px;animation:cfg-production-scroll 34s linear infinite}
.cfg-production-ticker:hover .cfg-production-track{animation-play-state:paused}.cfg-production-track>span{display:inline-flex;align-items:center;gap:9px;min-width:max-content;padding:8px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:800;letter-spacing:.025em;backdrop-filter:blur(12px)}.cfg-production-track i{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.12);font-size:12px;font-style:normal}
@keyframes cfg-production-scroll{to{transform:translateX(-50%)}}
.cfg-studio{height:calc(100svh - 102px);min-height:0;grid-template-columns:minmax(320px,31vw) minmax(0,1fr);font-family:"Manrope","Segoe UI",sans-serif}
.preview-ribbon~main .cfg-studio{height:calc(100svh - 136px)}
.cfg-launch-panel{padding:clamp(28px,3.2vw,52px);background:radial-gradient(circle at 12% 8%,rgba(255,111,145,.38),transparent 28%),radial-gradient(circle at 84% 75%,rgba(21,199,212,.35),transparent 31%),linear-gradient(145deg,#171330,#39208b 56%,#075f67)}
.cfg-launch-panel h1,.cfg-step-head h2,.cfg-category b,.cfg-total,.cfg-final-highlight b{font-family:"Space Grotesk","Manrope",sans-serif!important}.cfg-launch-panel h1{font-weight:650;letter-spacing:-.055em}.cfg-launch-panel p{color:#d7d6e8}.cfg-launch-badge{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.11);color:#fff}.cfg-launch-points article{color:#f2f1ff}.cfg-launch-points b{border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));color:#62f1d6}.cfg-launch-cta{background:linear-gradient(110deg,#ff6f91,#7c4dff 52%,#15c7d4);box-shadow:0 18px 42px rgba(77,46,202,.34)}
.cfg-workspace{height:100%!important;min-height:0;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:14px 18px 18px;overflow:hidden;background:radial-gradient(circle at 92% 3%,rgba(109,93,252,.11),transparent 24%),radial-gradient(circle at 5% 92%,rgba(21,199,212,.08),transparent 24%),#f7f7fc}
.preview-ribbon~.site-header~main .cfg-workspace,.preview-ribbon~main .cfg-workspace{height:100%!important}
.cfg-workspace-head{margin:0 auto;padding:0 6px}.cfg-workspace-head>div span{color:#6d5dfc}.cfg-workspace-head>div b{font-family:"Space Grotesk",sans-serif;font-size:15px}.cfg-workspace-head>small{color:#087f73}
.cfg-workspace .cfg-progress{position:relative!important;top:auto!important;z-index:5;align-self:start;width:min(1220px,100%);max-width:none;margin:0 auto!important;padding:7px;border:1px solid rgba(217,218,235,.9);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(42,35,93,.07);backdrop-filter:blur(18px);overflow-x:auto}
.cfg-workspace .cfg-progress:before{display:none!important}.cfg-progress button{min-height:42px;border:0!important;border-radius:12px!important;background:transparent!important;color:#84839a!important;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.cfg-progress button:hover{transform:translateY(-1px);background:#f0eeff!important;color:#4f3ed1!important}.cfg-progress button:hover b,.cfg-progress button:hover span{color:inherit!important}.cfg-progress button span{border:0!important;border-radius:10px!important;background:#f0f0f7!important;color:#74738c!important;box-shadow:none!important}.cfg-progress button.is-active{background:linear-gradient(115deg,#6d5dfc,#4c38d3)!important;color:#fff!important;box-shadow:0 9px 22px rgba(93,72,226,.25)!important}.cfg-progress button.is-active b{color:#fff!important}.cfg-progress button.is-active span{background:#49e5ca!important;color:#17172b!important}.cfg-progress button.is-done{background:#ebfbf8!important;color:#087f73!important}.cfg-progress button.is-done span{background:#bff5e9!important;color:#087f73!important}
.cfg-workspace .cfg-layout{grid-row:3;align-self:stretch;grid-template-columns:minmax(0,1fr) 318px;width:min(1220px,100%);max-width:none;height:auto!important;min-height:0;margin:0 auto;overflow:hidden;align-items:stretch}
.cfg-workspace .cfg-main,.cfg-workspace .cfg-price{height:auto!important;min-height:0;border:1px solid #e6e5f0;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 16px 46px rgba(31,27,69,.07)}
.cfg-workspace .cfg-main{position:relative;overflow-y:auto;overscroll-behavior:contain;padding:clamp(28px,2.7vw,42px);scrollbar-width:thin;scrollbar-color:#ccc8e9 transparent}.cfg-workspace .cfg-main:before{content:"";position:absolute;right:-130px;top:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(109,93,252,.09),transparent 68%);pointer-events:none}
.cfg-step-head{position:relative;z-index:1;margin-bottom:24px}.cfg-step-head>div>span{color:#6d5dfc}.cfg-step-head h2{color:#17172b;font-size:clamp(31px,3.4vw,48px);font-weight:650;letter-spacing:-.045em}.cfg-step-head p{color:#77758c}
.cfg-category-grid,.cfg-choice-grid,.cfg-quantity-grid{gap:12px}.cfg-category{position:relative;min-height:132px;padding:20px;border:1px solid #e5e3f1;border-radius:20px;background:linear-gradient(150deg,#fff,#faf9ff);box-shadow:0 8px 24px rgba(40,34,84,.045);overflow:hidden}.cfg-category:after{content:"";position:absolute;right:-36px;bottom:-46px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(109,93,252,.15),transparent 68%);transition:.25s}.cfg-category:hover,.cfg-category.is-selected{transform:translateY(-3px);border-color:#9f91ff!important;background:linear-gradient(145deg,#f4f1ff,#fff 58%,#ebfffb)!important;box-shadow:0 0 0 3px rgba(109,93,252,.09),0 18px 36px rgba(67,52,159,.12)!important}.cfg-category:hover:after,.cfg-category.is-selected:after{transform:scale(1.18)}.cfg-category>span{width:max-content;padding:5px 8px;border-radius:999px;background:#efeaff;color:#6548e8!important}.cfg-category b{color:#1d1c32!important;font-size:21px;font-weight:600}.cfg-category small{color:#74728a!important}.cfg-category:hover b,.cfg-category.is-selected b,.cfg-category:hover small,.cfg-category.is-selected small{color:inherit!important;opacity:1!important}
.cfg-choice{min-height:86px;border:1px solid #e5e3ef;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 7px 22px rgba(40,34,84,.035)}.cfg-choice:hover,.cfg-choice.is-selected{transform:translateY(-2px);border-color:#9d90f6!important;background:linear-gradient(145deg,#f5f2ff,#fff 65%,#edfffb)!important;box-shadow:0 0 0 3px rgba(109,93,252,.075),0 15px 30px rgba(66,52,153,.09)!important}.cfg-choice-icon{border-radius:15px;background:linear-gradient(145deg,#f0edff,#eafffb);color:#5a43dc;font-family:"Space Grotesk",sans-serif}.cfg-choice-copy b{color:#242238!important;font-size:13px}.cfg-choice-copy small{color:#7c7a90!important}.cfg-choice:hover .cfg-choice-copy b,.cfg-choice.is-selected .cfg-choice-copy b{color:#242238!important}.cfg-choice:hover .cfg-choice-copy small,.cfg-choice.is-selected .cfg-choice-copy small{color:#6f6d83!important}.cfg-choice.is-selected i{border-color:#6d5dfc;background:#6d5dfc;color:#fff}
.cfg-actions{margin-top:26px}.cfg-actions button,.cfg-submit{border-radius:14px;font-family:"Manrope",sans-serif}.cfg-next,.cfg-submit{background:linear-gradient(115deg,#6d5dfc,#5b3fe0);box-shadow:0 12px 28px rgba(93,65,224,.22)}.cfg-next:hover,.cfg-submit:hover{background:linear-gradient(115deg,#7a68ff,#5b3fe0)}
.cfg-workspace .cfg-price{position:relative;top:auto;display:flex;flex-direction:column;overflow:hidden}.cfg-price-top{background:radial-gradient(circle at 90% 15%,rgba(21,199,212,.28),transparent 32%),linear-gradient(145deg,#18152f,#39207f);color:#fff}.cfg-price-top small{color:#b7fff1}.cfg-total{font-weight:650}.cfg-price-body{min-height:0;overflow-y:auto;background:#fff}.cfg-summary{border-radius:16px}.cfg-summary span{color:#9a98ad}.cfg-summary b{color:#2a283d}
@media(max-width:1180px){.cfg-studio{grid-template-columns:280px minmax(0,1fr)}.cfg-launch-panel{padding:28px 22px}.cfg-launch-panel h1{font-size:43px}.cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr) 285px}.cfg-progress button b{display:none}}
@media(max-width:980px){.cfg-experience{overflow:visible}.cfg-studio,.preview-ribbon~main .cfg-studio{height:auto;min-height:0;display:block}.cfg-launch-panel{min-height:auto}.cfg-workspace{height:auto!important;min-height:calc(100svh - 102px);overflow:visible}.cfg-workspace .cfg-layout{grid-template-columns:1fr;height:auto!important;overflow:visible}.cfg-workspace .cfg-main{height:auto!important;max-height:none;overflow:visible}.cfg-workspace .cfg-price{position:sticky;bottom:8px;z-index:30;height:auto!important;max-height:50vh}.cfg-workspace .cfg-price-body{max-height:28vh}.cfg-production-ticker{height:44px}}
@media(max-width:650px){.cfg-production-track{animation-duration:26s}.cfg-production-track>span{font-size:9px}.cfg-workspace{padding:10px 9px 55px}.cfg-workspace-head{padding-inline:2px}.cfg-workspace .cfg-progress{display:flex;overflow-x:auto}.cfg-workspace .cfg-progress button{flex:0 0 48px}.cfg-workspace .cfg-progress button.is-active{flex-basis:112px}.cfg-workspace .cfg-progress button.is-active b{display:block}.cfg-workspace .cfg-main{padding:24px 16px}.cfg-category-grid,.cfg-choice-grid,.cfg-bottle-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cfg-production-track{animation:none}.cfg-launch-cta,.cfg-launch-cta:before{animation:none!important}}


/* v1.62 production form gallery and AI information assistant */
.cfg-form-gallery{padding:clamp(70px,8vw,120px) clamp(20px,6vw,96px);background:linear-gradient(180deg,#f7f7fc,#fff);font-family:"Manrope",sans-serif}
.cfg-form-gallery-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:40px;align-items:end;max-width:1480px;margin:0 auto 34px}.cfg-form-gallery-head span{display:block;margin-bottom:10px;color:#6d5dfc;font-size:11px;font-weight:900;letter-spacing:.16em}.cfg-form-gallery-head h2{margin:0;color:#17172b;font-family:"Space Grotesk",sans-serif;font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.055em}.cfg-form-gallery-head p{margin:0;color:#74728a;font-size:15px;line-height:1.75}
.cfg-form-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1480px;margin:auto}.cfg-form-card{position:relative;overflow:hidden;border:1px solid #e8e6f2;border-radius:26px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 16px 44px rgba(46,38,95,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.cfg-form-card:hover{transform:translateY(-7px);border-color:#aa9eff;box-shadow:0 24px 58px rgba(67,50,160,.15)}.cfg-form-card-visual{position:relative;display:grid;place-items:center;aspect-ratio:1.28/1;overflow:hidden;background:radial-gradient(circle at 22% 15%,rgba(109,93,252,.18),transparent 34%),radial-gradient(circle at 82% 80%,rgba(21,199,212,.18),transparent 34%),#f4f3fb}.cfg-form-card-visual img{width:100%;height:100%;padding:18px;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 22px rgba(35,28,80,.17));transition:transform .3s ease}.cfg-form-card:hover img{transform:scale(1.045)}.cfg-form-card-visual>span{position:absolute;top:14px;left:14px;display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:rgba(255,255,255,.74);color:#4f3ed1;font-size:10px;font-weight:900;backdrop-filter:blur(14px)}.cfg-form-placeholder{display:grid;width:56%;max-width:170px;place-items:center;color:#6d5dfc;filter:drop-shadow(0 18px 24px rgba(73,53,170,.16))}.cfg-form-placeholder svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.cfg-form-card-copy{padding:21px 22px 24px}.cfg-form-card-copy h3{margin:0 0 7px;color:#1e1c34;font-family:"Space Grotesk",sans-serif;font-size:20px;letter-spacing:-.025em}.cfg-form-card-copy p{min-height:42px;margin:0 0 18px;color:#77758b;font-size:12px;line-height:1.55}.cfg-form-card-copy b{color:#5f48df;font-size:11px}
.site-ai{position:fixed;right:22px;bottom:22px;z-index:1500;font-family:"Manrope",sans-serif}.site-ai-launcher{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:12px 15px;background:linear-gradient(115deg,#17152f,#5b3fe0 55%,#087f73);color:#fff;box-shadow:0 16px 42px rgba(44,31,115,.27);cursor:pointer}.site-ai-launcher i{width:9px;height:9px;border-radius:50%;background:#58f0d4;box-shadow:0 0 0 5px rgba(88,240,212,.12)}.site-ai-launcher span{font-size:12px;font-weight:850}.site-ai-launcher b{display:grid;width:28px;height:28px;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);font-size:13px}.site-ai-panel{position:absolute;right:0;bottom:60px;display:grid;grid-template-rows:auto minmax(170px,1fr) auto auto auto;width:min(390px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 100px));overflow:hidden;border:1px solid rgba(224,221,244,.9);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 26px 80px rgba(27,22,73,.24);backdrop-filter:blur(24px)}.site-ai-panel[hidden]{display:none}.site-ai-panel header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;background:linear-gradient(130deg,#17152f,#3b278f 60%,#087f73);color:#fff}.site-ai-panel header>div{display:flex;align-items:center;gap:10px}.site-ai-panel header i{width:10px;height:10px;border-radius:50%;background:#58f0d4;box-shadow:0 0 0 5px rgba(88,240,212,.12)}.site-ai-panel header span{display:grid;gap:1px}.site-ai-panel header b{font-size:13px}.site-ai-panel header small{color:#d8d5f0;font-size:9px}.site-ai-panel header button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}.site-ai-messages{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:17px;background:#f8f7fc}.site-ai-messages article{max-width:88%;padding:11px 13px;border-radius:16px;font-size:12px;line-height:1.55;white-space:pre-wrap}.site-ai-messages .assistant{align-self:flex-start;border:1px solid #e6e3f2;background:#fff;color:#3c3951}.site-ai-messages .user{align-self:flex-end;background:#5f48df;color:#fff}.site-ai-messages .typing{color:#77758b}.site-ai-suggestions{display:flex;gap:7px;overflow-x:auto;padding:11px 14px 5px;background:#fff}.site-ai-suggestions button{flex:0 0 auto;border:1px solid #e1def1;border-radius:999px;padding:8px 10px;background:#faf9ff;color:#5b4abb;font:750 9px/1.2 inherit;cursor:pointer}.site-ai-panel form{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:11px 14px;background:#fff}.site-ai-panel textarea{resize:none;border:1px solid #dedbea;border-radius:14px;padding:11px 12px;color:#242238;font:12px/1.4 inherit;outline:none}.site-ai-panel textarea:focus{border-color:#8d7dff;box-shadow:0 0 0 3px rgba(109,93,252,.1)}.site-ai-panel form button{border:0;border-radius:14px;background:linear-gradient(145deg,#6d5dfc,#4e36ce);color:#fff;font-size:18px;cursor:pointer}.site-ai-disclaimer{padding:0 15px 13px;color:#9a98aa;font-size:8px;line-height:1.45}.route-configurator .site-ai{left:22px;right:auto}.route-configurator .site-ai-panel{left:0;right:auto}
@media(max-width:1160px){.cfg-form-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cfg-form-gallery{padding:64px 14px}.cfg-form-gallery-head{grid-template-columns:1fr;gap:15px}.cfg-form-gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.cfg-form-card{border-radius:20px}.cfg-form-card-copy{padding:16px}.cfg-form-card-copy h3{font-size:16px}.cfg-form-card-copy p{display:none}.site-ai,.route-configurator .site-ai{right:12px;left:auto;bottom:12px}.site-ai-panel,.route-configurator .site-ai-panel{right:0;left:auto;bottom:58px}.site-ai-launcher span{display:none}}
@media(max-width:430px){.cfg-form-gallery-grid{grid-template-columns:1fr}.cfg-form-card-visual{aspect-ratio:1.6/1}}

/* v1.63 portrait 9:16 + tablet usability */
.cfg-price-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.cfg-price-toggle{display:none;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.1);color:#fff;font:800 10px/1 "Manrope",sans-serif;cursor:pointer}
.cfg-choice,.cfg-category,.cfg-next,.cfg-back,.cfg-skip-inline,.cfg-submit,.cfg-progress button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

@media (min-width:700px) and (max-width:1180px){
  .cfg-studio{grid-template-columns:minmax(230px,29vw) minmax(0,1fr)}
  .cfg-launch-panel{padding:24px 20px}.cfg-launch-panel h1{font-size:clamp(38px,5vw,52px)}
  .cfg-launch-points article span{font-size:10px}.cfg-launch-demo{display:none}
  .cfg-workspace{padding:12px}.cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr) minmax(245px,31vw);gap:10px}
  .cfg-workspace .cfg-main{padding:28px 24px}.cfg-step-head h2{font-size:clamp(30px,4vw,42px)}
  .cfg-choice{min-height:82px}.cfg-choice-grid{gap:9px}.cfg-price-body{padding:14px}
}

@media (orientation:portrait) and (max-width:980px){
  .route-configurator{background:#f5f6fb}.cfg-production-ticker{position:relative;z-index:5}
  .cfg-studio,.preview-ribbon~main .cfg-studio{display:block;height:auto;min-height:0}
  .cfg-launch-panel{min-height:auto;padding:32px 24px 28px;border-radius:0;background:radial-gradient(circle at 95% 20%,rgba(31,209,190,.22),transparent 30%),linear-gradient(145deg,#15122f,#4e2aa8 62%,#0b5e6b);overflow:hidden}
  .cfg-launch-content{max-width:680px}.cfg-launch-panel h1{max-width:640px;margin:12px 0 12px;font-size:clamp(40px,8vw,62px);line-height:.94}.cfg-launch-panel p{max-width:650px;font-size:14px}
  .cfg-launch-points{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.cfg-launch-points article{display:grid;align-content:start;gap:6px;padding:12px;border-radius:16px;background:rgba(255,255,255,.08)}.cfg-launch-points article span{font-size:10px;line-height:1.35}
  .cfg-launch-cta{width:min(100%,420px);min-height:52px}.cfg-launch-note,.cfg-launch-demo{display:none}
  .cfg-workspace{min-height:0;padding:14px 12px calc(86px + env(safe-area-inset-bottom));overflow:visible}
  .cfg-workspace-head{padding:2px 2px 10px}.cfg-workspace-head b{font-size:11px}.cfg-workspace-head>small{font-size:9px}
  .cfg-workspace .cfg-progress{position:sticky;top:0;z-index:42;display:flex;gap:7px;margin:0 -2px 10px;padding:8px 4px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;background:rgba(245,246,251,.9);backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch}
  .cfg-workspace .cfg-progress::-webkit-scrollbar{display:none}.cfg-workspace .cfg-progress button{flex:0 0 58px;min-height:43px;padding:8px 10px;scroll-snap-align:start}.cfg-workspace .cfg-progress button.is-active{flex-basis:126px}.cfg-workspace .cfg-progress button span{width:25px;height:25px}.cfg-workspace .cfg-progress button b{display:none}.cfg-workspace .cfg-progress button.is-active b{display:block}
  .cfg-workspace .cfg-layout{display:block;height:auto;overflow:visible}.cfg-workspace .cfg-main{height:auto;max-height:none;min-height:0;padding:24px 18px 28px;overflow:visible;border-radius:22px}
  .cfg-step-head{margin-bottom:22px}.cfg-step-head h2{font-size:clamp(31px,7vw,44px)}.cfg-step-head p{font-size:13px;line-height:1.6}
  .cfg-category-grid,.cfg-choice-grid,.cfg-quantity-grid,.cfg-bottle-grid{grid-template-columns:1fr 1fr}.cfg-category,.cfg-choice{min-height:92px}.cfg-choice{padding:14px;grid-template-columns:44px 1fr auto}.cfg-choice-icon{width:44px;height:44px}
  .cfg-actions{margin-top:22px;padding-bottom:2px}.cfg-actions button{min-height:48px}.cfg-next,.cfg-submit{min-width:132px}
  .cfg-workspace .cfg-price{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:70;height:auto;max-height:72svh;border-radius:20px;box-shadow:0 18px 60px rgba(31,20,92,.28)}
  .cfg-price-top{padding:12px 14px}.cfg-price-topline small{font-size:9px}.cfg-price-toggle{display:inline-flex}.cfg-total{margin-top:4px;font-size:clamp(20px,5vw,28px)}.cfg-unit{font-size:9px}
  .cfg-price-body{display:none;max-height:48svh;overflow-y:auto;padding:13px 14px 16px}.cfg-price.is-open .cfg-price-body{display:block}.cfg-price.is-open .cfg-price-top{border-radius:20px 20px 0 0}
  .site-ai{bottom:calc(82px + env(safe-area-inset-bottom))!important}
}

@media (orientation:portrait) and (max-width:620px){
  .cfg-production-ticker{height:38px}.cfg-production-track>span{padding-inline:12px;font-size:8px}
  .cfg-launch-panel{padding:24px 16px 22px}.cfg-launch-badge{font-size:8px}.cfg-launch-panel h1{font-size:clamp(38px,12vw,54px)}.cfg-launch-panel p{font-size:12px;line-height:1.55}
  .cfg-launch-points{grid-template-columns:1fr;gap:6px}.cfg-launch-points article{grid-template-columns:34px 1fr;align-items:center;padding:9px 10px}.cfg-launch-points article b{width:31px;height:31px}.cfg-launch-points article span{font-size:10px}
  .cfg-workspace{padding:10px 8px calc(84px + env(safe-area-inset-bottom))}.cfg-workspace-head{padding-inline:4px}.cfg-workspace-head>div span{font-size:8px}.cfg-workspace-head>small{display:none}
  .cfg-workspace .cfg-progress{margin-inline:0}.cfg-workspace .cfg-main{padding:21px 14px 24px;border-radius:20px}.cfg-step-head h2{font-size:32px}.cfg-step-head>div>span{font-size:9px}
  .cfg-category-grid,.cfg-choice-grid,.cfg-quantity-grid,.cfg-bottle-grid{grid-template-columns:1fr}.cfg-category,.cfg-choice{min-height:78px}.cfg-category{padding:16px}.cfg-category b{font-size:18px}.cfg-choice{grid-template-columns:42px 1fr auto}.cfg-choice-copy b{font-size:12px}.cfg-choice-copy small{font-size:10px}
  .cfg-actions{display:grid;grid-template-columns:auto 1fr;gap:8px}.cfg-action-right{display:grid;grid-template-columns:1fr auto;gap:7px}.cfg-skip-inline{white-space:normal;font-size:9px;padding-inline:9px}.cfg-next{min-width:112px}
  .cfg-workspace .cfg-price{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom))}.cfg-price-top{padding:10px 12px}.cfg-total{font-size:21px}.cfg-price-body{max-height:55svh}
}

@media (orientation:landscape) and (max-height:720px) and (min-width:760px){
  .cfg-production-ticker{height:36px}.cfg-studio{height:calc(100svh - 36px)}.cfg-launch-panel{padding:22px}.cfg-launch-panel h1{font-size:42px}.cfg-launch-points{margin:16px 0}.cfg-launch-demo{display:none}.cfg-workspace{padding:10px}.cfg-workspace .cfg-main{padding:24px}.cfg-workspace .cfg-progress{margin-bottom:8px}.cfg-step-head{margin-bottom:18px}.cfg-choice{min-height:72px}
}


.site-ai-welcome{position:absolute;right:0;bottom:72px;width:min(330px,calc(100vw - 28px));padding:18px 42px 17px 18px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 22px 65px rgba(24,17,58,.24);backdrop-filter:blur(18px);opacity:0;transform:translateY(12px) scale(.96);transition:.26s ease;cursor:pointer;color:#17122d;z-index:3}.site-ai-welcome.is-visible{opacity:1;transform:none}.site-ai-welcome:after{content:"";position:absolute;right:30px;bottom:-8px;width:16px;height:16px;background:rgba(255,255,255,.94);transform:rotate(45deg);border-right:1px solid rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.72)}.site-ai-welcome b{display:block;font:700 16px/1.25 "Space Grotesk",sans-serif}.site-ai-welcome p{margin:6px 0;color:#514b68;font:600 14px/1.45 Manrope,sans-serif}.site-ai-welcome small{display:block;color:#817a93;font:500 11px/1.45 Manrope,sans-serif}.site-ai-welcome button{position:absolute;right:10px;top:9px;width:26px;height:26px;border:0;border-radius:50%;background:#f1eef8;color:#625b75;cursor:pointer}.cfg-regulatory-note{margin-top:14px;padding:14px 16px;border-radius:16px;background:#fff6db;border:1px solid #f2d986;color:#5f4a09;font-size:13px;line-height:1.5}.cfg-service-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.cfg-service-contact label{display:flex;gap:9px;align-items:flex-start;padding:13px;border:1px solid #e6e0f3;border-radius:15px;background:#fff}.cfg-direct-contact{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.cfg-direct-contact a{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border-radius:14px;font-weight:700;text-decoration:none}.cfg-direct-contact .wa{background:#e9fff1;color:#087a3d}.cfg-direct-contact .mail{background:#f0edff;color:#4a32b3}@media(max-width:700px){.site-ai-welcome{right:0;bottom:66px}.cfg-service-contact{grid-template-columns:1fr}}

/* v1.66 standard 100% browser scale desktop + laptop */
@media (min-width:981px){
  .cfg-studio{grid-template-columns:clamp(330px,24vw,430px) minmax(0,1fr);height:auto;min-height:calc(100svh - 102px)}
  .cfg-launch-panel{padding:clamp(26px,2.5vw,44px)}
  .cfg-launch-panel h1{max-width:430px;font-size:clamp(40px,3.25vw,62px);line-height:.98}
  .cfg-launch-panel p{font-size:14px;line-height:1.6}.cfg-launch-points{margin:22px 0;gap:9px}.cfg-launch-points article{padding-block:7px}
  .cfg-workspace{height:auto!important;min-height:calc(100svh - 102px);padding:14px clamp(12px,1.4vw,22px) 20px;overflow:visible}
  .cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr) clamp(265px,20vw,310px);height:auto!important;min-height:620px;overflow:visible}
  .cfg-workspace .cfg-main{height:auto!important;min-height:620px;max-height:none;overflow:visible;padding:clamp(24px,2vw,34px)}
  .cfg-workspace .cfg-price{height:auto!important;min-height:620px;position:sticky;top:104px;align-self:start}
  .cfg-step-head h2{font-size:clamp(31px,2.4vw,44px)}
  .cfg-category{min-height:96px}.cfg-choice{min-height:76px}.cfg-progress button{padding:9px 10px}.cfg-progress button b{font-size:9px}
}
@media (min-width:981px) and (max-height:820px){.cfg-launch-panel h1{font-size:42px}.cfg-launch-points{margin:14px 0}.cfg-launch-demo{display:none}.cfg-workspace .cfg-layout,.cfg-workspace .cfg-main,.cfg-workspace .cfg-price{min-height:560px}}
@media (min-width:981px) and (max-width:1380px){.cfg-studio{grid-template-columns:330px minmax(0,1fr)}.cfg-launch-panel h1{font-size:42px}.cfg-launch-panel p{font-size:12px}.cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr) 270px}.cfg-choice-grid{gap:9px}.cfg-workspace .cfg-main{padding:24px}}

/* v1.69 Mobil hızlı ekleme paneli */
.cfg-quick-sheet{position:fixed;inset:0;z-index:10050;display:none;align-items:flex-end;justify-content:center}.cfg-quick-sheet.is-open{display:flex}.cfg-quick-backdrop{position:absolute;inset:0;border:0;background:rgba(12,18,35,.58);backdrop-filter:blur(4px)}.cfg-quick-panel{position:relative;width:min(100%,620px);max-height:min(82svh,720px);overflow:auto;padding:12px 18px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fff;box-shadow:0 -24px 80px rgba(16,24,40,.28);animation:cfg-sheet-up .25s ease}.cfg-quick-handle{width:46px;height:5px;margin:0 auto 17px;border-radius:99px;background:#d0d5dd}.cfg-quick-close{position:absolute;right:14px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f4f7;color:#344054;font-size:22px;cursor:pointer}.cfg-quick-kicker{display:block;margin-bottom:8px;color:#6941c6;font-size:10px;font-weight:900;letter-spacing:.15em}.cfg-quick-panel h3{margin:0 44px 8px 0;color:#101828;font-size:25px;line-height:1.18}.cfg-quick-desc{margin:0 0 18px;color:#667085;font-size:13px;line-height:1.55}.cfg-quick-fields label{display:grid;gap:8px}.cfg-quick-fields label>span{color:#344054;font-size:12px;font-weight:800}.cfg-quick-input{display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;border:2px solid #d0d5dd;border-radius:16px;background:#fff}.cfg-quick-input:focus-within{border-color:#6941c6;box-shadow:0 0 0 4px rgba(105,65,198,.12)}.cfg-quick-input input{width:100%;min-height:58px;padding:0 16px;border:0;outline:0;background:transparent;color:#101828;font-size:22px;font-weight:800}.cfg-quick-input b{padding:0 18px;color:#6941c6;font-size:15px}.cfg-quick-fields textarea{width:100%;min-height:92px;padding:14px;border:2px solid #d0d5dd;border-radius:16px;outline:0;resize:vertical;font:600 14px/1.5 inherit}.cfg-quick-fields textarea:focus{border-color:#6941c6;box-shadow:0 0 0 4px rgba(105,65,198,.12)}.cfg-quick-confirm{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #d9d6fe;border-radius:16px;background:#f4f3ff}.cfg-quick-confirm>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:#6941c6;color:#fff;font-weight:900}.cfg-quick-confirm p{margin:2px 0 0;color:#475467;font-size:13px;line-height:1.5}.cfg-quick-error{min-height:20px;margin:10px 0 0;color:#b42318;font-size:12px;font-weight:800}.cfg-quick-actions{position:sticky;bottom:-18px;display:grid;grid-template-columns:.8fr 1.4fr;gap:10px;margin:8px -18px -18px;padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #eaecf0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.cfg-quick-actions button{min-height:50px;border:0;border-radius:14px;font-weight:900;cursor:pointer}.cfg-quick-cancel{background:#f2f4f7;color:#475467}.cfg-quick-save{background:linear-gradient(135deg,#6941c6,#4f46e5);color:#fff;box-shadow:0 12px 28px rgba(79,70,229,.24)}.cfg-sheet-open{overflow:hidden}.cfg-quick-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:10080;padding:12px 18px;border-radius:999px;background:#101828;color:#fff;box-shadow:0 16px 45px rgba(16,24,40,.28);font-size:13px;font-weight:900;opacity:0;transform:translate(-50%,18px);transition:.22s}.cfg-quick-toast.is-visible{opacity:1;transform:translate(-50%,0)}@keyframes cfg-sheet-up{from{transform:translateY(100%);opacity:.6}to{transform:none;opacity:1}}
@media(min-width:761px){.cfg-quick-sheet{display:none!important}}
@media(max-width:760px){.cfg-ingredient-card,.cfg-bottle-card,.cfg-choice[data-pick="packaging"]{touch-action:manipulation}.cfg-ingredient-card>i{padding:10px 12px;margin:14px -8px -8px;border-radius:12px;background:#f4f3ff;text-align:center}.cfg-ingredient-card.is-selected>i{background:#e8fff9}.cfg-bottle-card{min-height:92px}.cfg-quick-panel{max-height:88svh}}

/* v1.70 tarayıcı ölçeğinde yer değiştirmeyen kontrol düzeni */
.cfg-workspace,.cfg-layout,.cfg-main,.cfg-price,.cfg-step{min-width:0}
.cfg-workspace .cfg-layout{isolation:isolate}
.cfg-workspace .cfg-main{display:flex;flex-direction:column}
.cfg-step{display:flex;flex:1 0 auto;min-height:100%;flex-direction:column}
.cfg-actions{position:sticky;left:0;right:0;bottom:-1px;z-index:25;flex:0 0 auto;align-items:center;margin-top:auto;padding:18px 0 2px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%,#fff);box-shadow:0 -12px 24px rgba(255,255,255,.88)}
.cfg-actions>button,.cfg-action-right,.cfg-action-right>button,.cfg-submit{position:relative;z-index:2;flex:0 0 auto;white-space:nowrap}
.cfg-action-right{min-width:0;flex-wrap:nowrap;justify-content:flex-end}
.cfg-category-grid,.cfg-choice-grid,.cfg-quantity-grid,.cfg-bottle-grid{min-width:0}
.cfg-category,.cfg-choice{min-width:0;overflow:hidden}
.cfg-choice-copy{min-width:0}.cfg-choice-copy b,.cfg-choice-copy small{overflow-wrap:anywhere}
.cfg-price{z-index:8}

@media (max-width:1180px){
  .cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr) clamp(250px,28vw,285px)}
  .cfg-actions{gap:8px}.cfg-action-right{gap:7px}.cfg-actions button,.cfg-submit{padding-inline:14px}
}
@media (max-width:980px){
  .cfg-workspace .cfg-layout{grid-template-columns:minmax(0,1fr)}
  .cfg-workspace .cfg-price{z-index:35}
  .cfg-actions{bottom:0;padding-bottom:8px}
}
@media (max-width:650px){
  .cfg-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
  .cfg-action-right{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}
  .cfg-action-right:only-child{grid-column:1/-1}
  .cfg-actions button,.cfg-submit{width:100%;min-width:0;padding:13px 10px;font-size:10px;text-align:center}
  .cfg-back{width:auto!important;min-width:70px!important}
}


/* v1.71 tam ekran kullanım + dikey minimal adım menüsü */
.route-configurator main{min-height:100svh}
.cfg-experience{min-height:100svh}
.cfg-studio{min-height:calc(100svh - 48px);height:auto!important}
.cfg-workspace{display:block!important;min-height:calc(100svh - 48px)!important;height:auto!important;padding:12px 14px 18px!important;overflow:visible!important}
.cfg-workspace-head{display:none!important}
.cfg-builder-grid{display:grid;grid-template-columns:138px minmax(0,1fr);gap:12px;width:min(1370px,100%);min-height:calc(100svh - 78px);margin:0 auto;align-items:start}
.cfg-step-rail{position:sticky;top:12px;z-index:55;display:flex;min-width:0;max-height:calc(100svh - 24px);flex-direction:column;gap:9px;padding:9px;border:1px solid rgba(221,222,237,.94);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(31,27,69,.08);backdrop-filter:blur(18px)}
.cfg-rail-home{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px;border-radius:12px;background:#f4f2ff;color:#4f3ed1;text-decoration:none;font-size:10px;font-weight:850}
.cfg-rail-home span{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:9px;background:#fff;box-shadow:0 4px 12px rgba(79,62,209,.10);font-size:14px}
.cfg-rail-home b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfg-step-rail .cfg-progress{position:static!important;top:auto!important;display:flex!important;width:100%!important;max-width:none!important;min-height:0;flex:1 1 auto;flex-direction:column;gap:5px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow-x:hidden!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d7d3ee transparent}
.cfg-step-rail .cfg-progress:before{display:none!important}
.cfg-step-rail .cfg-progress button{display:grid!important;grid-template-columns:28px minmax(0,1fr);justify-content:start!important;align-items:center;width:100%;min-width:0!important;min-height:40px!important;flex:0 0 auto!important;gap:8px!important;padding:6px 7px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#85839b!important;text-align:left!important;box-shadow:none!important;transform:none!important}
.cfg-step-rail .cfg-progress button:hover{background:#f4f2ff!important;color:#4f3ed1!important;transform:none!important}
.cfg-step-rail .cfg-progress button span{display:grid!important;width:28px!important;height:28px!important;flex:0 0 28px!important;place-items:center;border:0!important;border-radius:9px!important;background:#f0f0f6!important;color:#76748a!important;font-size:10px!important;box-shadow:none!important}
.cfg-step-rail .cfg-progress button b{display:block!important;min-width:0;overflow:hidden;color:inherit!important;font-size:9px!important;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.cfg-step-rail .cfg-progress button.is-active{background:linear-gradient(120deg,#6d5dfc,#4b37cf)!important;color:#fff!important;box-shadow:0 8px 18px rgba(93,72,226,.22)!important}
.cfg-step-rail .cfg-progress button.is-active span{background:#52ead0!important;color:#17172b!important}
.cfg-step-rail .cfg-progress button.is-done{background:#ebfbf8!important;color:#087f73!important}
.cfg-step-rail .cfg-progress button.is-done span{background:#bff5e9!important;color:#087f73!important}
.cfg-rail-live{display:flex;align-items:center;gap:7px;padding:8px;color:#087f73;font-size:9px;font-weight:850;white-space:nowrap}
.cfg-rail-live i{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#35e0c1;box-shadow:0 0 0 4px rgba(53,224,193,.12)}
.cfg-builder-grid>.cfg-layout{grid-row:auto!important;grid-column:auto!important;width:100%!important;max-width:none!important;min-height:calc(100svh - 78px)!important;height:auto!important;margin:0!important;grid-template-columns:minmax(0,1fr) clamp(270px,21vw,318px)!important;gap:12px!important;overflow:visible!important}
.cfg-builder-grid .cfg-main{min-height:calc(100svh - 78px)!important;height:auto!important;padding:clamp(24px,2.5vw,38px)!important;overflow:visible!important}
.cfg-builder-grid .cfg-price{position:sticky!important;top:12px!important;min-height:calc(100svh - 78px)!important;height:auto!important;max-height:calc(100svh - 24px);align-self:start;overflow:hidden!important}
.cfg-builder-grid .cfg-price-body{overflow-y:auto!important}
.cfg-actions-minimal{position:static!important;display:flex!important;justify-content:flex-start!important;margin-top:22px!important;padding:14px 0 0!important;border-top:1px solid #ecebf3!important;background:transparent!important;box-shadow:none!important}
.cfg-actions-minimal .cfg-back{width:auto!important;min-width:0!important;padding:11px 14px!important;background:#f2f1f7!important;color:#5e5b70!important;font-size:10px!important}
.cfg-actions-minimal .cfg-back:hover{background:#e9e7f2!important}

@media(max-width:1180px){
  .cfg-builder-grid{grid-template-columns:78px minmax(0,1fr);gap:9px}
  .cfg-step-rail{padding:7px;border-radius:16px}
  .cfg-rail-home{justify-content:center;padding:6px}.cfg-rail-home b,.cfg-rail-live span{display:none}
  .cfg-rail-live{justify-content:center}
  .cfg-step-rail .cfg-progress button{display:flex!important;justify-content:center!important;padding:6px!important}
  .cfg-step-rail .cfg-progress button b{display:none!important}
  .cfg-builder-grid>.cfg-layout{grid-template-columns:minmax(0,1fr) 270px!important;gap:9px!important}
}
@media(max-width:980px){
  .cfg-studio{min-height:0!important}
  .cfg-workspace{min-height:100svh!important;padding:10px 10px 70px!important}
  .cfg-builder-grid{grid-template-columns:64px minmax(0,1fr);min-height:0;gap:8px}
  .cfg-step-rail{top:8px;max-height:calc(100svh - 16px)}
  .cfg-builder-grid>.cfg-layout{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}
  .cfg-builder-grid .cfg-main{min-height:0!important;padding:22px 18px!important}
  .cfg-builder-grid .cfg-price{position:sticky!important;top:auto!important;bottom:8px!important;min-height:0!important;max-height:50svh!important}
}
@media(max-width:650px){
  .cfg-production-ticker{height:38px}
  .cfg-workspace{padding:8px 7px 76px!important}
  .cfg-builder-grid{grid-template-columns:52px minmax(0,1fr);gap:6px}
  .cfg-step-rail{top:6px;gap:5px;padding:5px;border-radius:14px}
  .cfg-rail-home{min-height:36px;padding:4px}.cfg-rail-home span{width:27px;height:27px}
  .cfg-step-rail .cfg-progress{gap:3px}
  .cfg-step-rail .cfg-progress button{min-height:36px!important;padding:4px!important;border-radius:10px!important}
  .cfg-step-rail .cfg-progress button span{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important}
  .cfg-rail-live{padding:5px}
  .cfg-builder-grid .cfg-main{padding:20px 14px!important;border-radius:18px!important}
  .cfg-step-head h2{font-size:clamp(27px,8.8vw,38px)!important}
}

@media(min-width:981px){body.route-configurator{overflow:auto!important}}

/* v1.72 Telegram odaklı teklif formu */
.cfg-form-grid-single{grid-template-columns:minmax(0,1fr)!important}
.cfg-direct-contact{display:none!important}

/* v1.73 %100 tarayıcı ölçeğinde %60 yoğunluk, tek ekran sabit çalışma alanı */
@media (min-width:981px){
  html:has(body.route-configurator),body.route-configurator{height:100%;overflow:hidden!important}
  body.route-configurator main{height:100svh;min-height:0!important;overflow:hidden!important}
  body.route-configurator .preview-ribbon~main{height:calc(100svh - 48px)!important}
  .route-configurator .cfg-experience{display:grid!important;grid-template-rows:34px minmax(0,1fr);height:100%!important;min-height:0!important;overflow:hidden!important}
  .route-configurator .cfg-production-ticker{height:34px!important;min-height:34px!important}
  .route-configurator .cfg-production-track{gap:8px}
  .route-configurator .cfg-production-track>span{min-height:28px;padding:5px 11px;font-size:9px}
  .route-configurator .cfg-studio{grid-template-columns:clamp(245px,14.5vw,272px) minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  .route-configurator .cfg-launch-panel{height:100%;min-height:0;padding:20px 20px 16px!important;overflow:hidden!important}
  .route-configurator .cfg-launch-content{max-width:none}
  .route-configurator .cfg-launch-badge{gap:7px;padding:6px 9px;font-size:8px}
  .route-configurator .cfg-launch-panel h1{margin:16px 0 12px;font-size:clamp(34px,2.35vw,43px)!important;line-height:.94;letter-spacing:-.052em}
  .route-configurator .cfg-launch-panel p{font-size:10.5px!important;line-height:1.52}
  .route-configurator .cfg-launch-points{gap:7px;margin-top:15px}
  .route-configurator .cfg-launch-points article{grid-template-columns:27px 1fr;gap:8px;font-size:9.5px;line-height:1.3}
  .route-configurator .cfg-launch-points b{width:27px;height:27px;border-radius:8px;font-size:8px}
  .route-configurator .cfg-launch-cta{gap:8px;margin-top:16px;padding:8px 9px 8px 11px;font-size:9px}
  .route-configurator .cfg-launch-cta>b{width:24px;height:24px}
  .route-configurator .cfg-launch-note{margin-top:8px;font-size:8px;line-height:1.35}
  .route-configurator .cfg-launch-demo{margin-top:12px;padding:12px;border-radius:15px}
  .route-configurator .cfg-launch-demo>span{font-size:7px}
  .route-configurator .cfg-launch-demo>strong{margin:5px 0 8px;font-size:21px}
  .route-configurator .cfg-launch-demo>div{padding:5px 0;font-size:8px}
  .route-configurator .cfg-launch-demo>em{margin-top:6px;font-size:7px}

  .route-configurator .cfg-workspace{display:block!important;height:100%!important;min-height:0!important;padding:7px!important;overflow:hidden!important}
  .route-configurator .cfg-builder-grid{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;align-items:stretch}
  .route-configurator .cfg-step-rail{position:relative!important;top:auto!important;height:100%!important;max-height:none!important;gap:4px;padding:5px;border-radius:14px}
  .route-configurator .cfg-rail-home{justify-content:center;min-height:34px;padding:4px;border-radius:9px}
  .route-configurator .cfg-rail-home span{width:25px;height:25px;flex-basis:25px;border-radius:7px;font-size:11px}
  .route-configurator .cfg-rail-home b,.route-configurator .cfg-rail-live span{display:none!important}
  .route-configurator .cfg-step-rail .cfg-progress{gap:3px!important;overflow-y:auto!important}
  .route-configurator .cfg-step-rail .cfg-progress button{display:flex!important;justify-content:center!important;min-height:34px!important;padding:4px!important;border-radius:9px!important}
  .route-configurator .cfg-step-rail .cfg-progress button span{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:7px!important;font-size:8px!important}
  .route-configurator .cfg-step-rail .cfg-progress button b{display:none!important}
  .route-configurator .cfg-rail-live{justify-content:center;padding:4px}

  .route-configurator .cfg-builder-grid>.cfg-layout{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(238px,15.2vw,268px)!important;gap:7px!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important;align-items:stretch}
  .route-configurator .cfg-builder-grid .cfg-main{display:flex!important;height:100%!important;min-height:0!important;padding:17px 19px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:17px!important}
  .route-configurator .cfg-builder-grid .cfg-price{position:relative!important;top:auto!important;bottom:auto!important;height:100%!important;min-height:0!important;max-height:none!important;align-self:stretch!important;overflow:hidden!important;border-radius:17px!important}
  .route-configurator .cfg-builder-grid .cfg-price-body{min-height:0!important;padding:13px 15px 16px!important;overflow-y:auto!important;overscroll-behavior:contain}
  .route-configurator .cfg-step{min-height:0!important}
  .route-configurator .cfg-step-head{gap:14px;margin-bottom:11px!important;padding-bottom:10px;border-bottom:1px solid #ecebf3}
  .route-configurator .cfg-step-head>div>span{margin-bottom:5px;font-size:8px!important;letter-spacing:.12em}
  .route-configurator .cfg-step-head h2{max-width:none;margin:0 0 5px;font-size:clamp(25px,2vw,32px)!important;line-height:1!important}
  .route-configurator .cfg-step-head p{font-size:9.5px!important;line-height:1.4}
  .route-configurator .cfg-optional-badge{padding:5px 7px;font-size:7px}

  .route-configurator .cfg-category-grid{gap:7px;margin-bottom:10px}
  .route-configurator .cfg-category{min-height:90px!important;gap:4px;padding:12px 13px!important;border-radius:13px}
  .route-configurator .cfg-category>span{font-size:7px}
  .route-configurator .cfg-category b{font-size:17px!important}
  .route-configurator .cfg-category small{font-size:8.5px!important;line-height:1.3}
  .route-configurator .cfg-choice-grid,.route-configurator .cfg-quantity-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .route-configurator .cfg-choice{grid-template-columns:34px minmax(0,1fr) 18px;gap:8px;min-height:68px!important;padding:9px 10px!important;border-radius:13px}
  .route-configurator .cfg-choice-icon{width:34px;height:34px;border-radius:10px;font-size:12px}
  .route-configurator .cfg-choice-copy{gap:2px}
  .route-configurator .cfg-choice-copy b{font-size:10px!important;line-height:1.2}
  .route-configurator .cfg-choice-copy small{font-size:7.5px!important;line-height:1.25}
  .route-configurator .cfg-choice em{font-size:7px}
  .route-configurator .cfg-choice i{width:18px;height:18px;font-size:8px}
  .route-configurator .cfg-prompt{padding:20px;font-size:10px}
  .route-configurator .cfg-bottle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:9px}
  .route-configurator .cfg-bottle-card{grid-template-columns:40px minmax(0,1fr) 18px;gap:8px;min-height:70px!important;padding:9px!important;border-radius:13px}
  .route-configurator .cfg-bottle-card>span{width:40px;height:40px;border-radius:11px;font-size:7px}
  .route-configurator .cfg-bottle-card>b{font-size:10px}
  .route-configurator .cfg-bottle-card small{margin-top:2px;font-size:7.5px}
  .route-configurator .cfg-bottle-card>i{width:18px;height:18px;border-radius:6px}
  .route-configurator .cfg-ingredient-browser{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .route-configurator .cfg-ingredient-card{min-height:78px!important;padding:10px!important;border-radius:13px}
  .route-configurator .cfg-formula-board{margin-top:10px;padding:13px;border-radius:14px}
  .route-configurator .cfg-formula-head{padding-bottom:9px}.route-configurator .cfg-formula-head b{font-size:14px}
  .route-configurator .cfg-selected-ingredient,.route-configurator .cfg-custom-row{grid-template-columns:minmax(0,1fr) 78px 28px;gap:7px;margin-top:6px;padding:8px 9px}
  .route-configurator .cfg-custom-add,.route-configurator .cfg-idea-box{margin-top:10px;padding:12px;border-radius:13px}
  .route-configurator .cfg-info-warning{margin-top:9px;padding:9px 10px;font-size:9px}
  .route-configurator .cfg-actions-minimal{margin-top:auto!important;padding-top:9px!important}
  .route-configurator .cfg-actions-minimal .cfg-back{padding:8px 10px!important;font-size:8px!important}

  .route-configurator .cfg-price-top{padding:15px 16px 13px!important}
  .route-configurator .cfg-price-top small{font-size:7px!important}
  .route-configurator .cfg-total{margin:7px 0 3px;font-size:25px!important;line-height:1.08}
  .route-configurator .cfg-unit{font-size:8px!important}
  .route-configurator .cfg-summary{margin-bottom:10px;border-radius:11px}
  .route-configurator .cfg-summary div{grid-template-columns:58px 1fr;gap:7px;padding:7px 8px}
  .route-configurator .cfg-summary span{font-size:7px}
  .route-configurator .cfg-summary b{font-size:8px;line-height:1.25}
  .route-configurator .cfg-line{gap:8px;padding:7px 0;font-size:8px}
  .route-configurator .cfg-vat{gap:5px;margin:8px 0}
  .route-configurator .cfg-vat div{font-size:8px}
  .route-configurator .cfg-price-note{margin-top:8px;padding-top:8px;font-size:7.5px;line-height:1.35}
  .route-configurator .cfg-final-highlight{margin:3px 0 10px;padding:12px;border-radius:12px}
  .route-configurator .cfg-final-highlight b{font-size:16px}
  .route-configurator .cfg-contact{gap:8px}
  .route-configurator .cfg-contact input,.route-configurator .cfg-contact textarea{padding:9px 10px;border-radius:9px;font-size:10px}
  .route-configurator .cfg-submit{min-height:40px;padding:10px 12px;font-size:9px}

  .route-configurator .cfg-form-gallery,.route-configurator .site-footer{display:none!important}
}
@media (min-width:981px) and (max-width:1450px){
  .route-configurator .cfg-studio{grid-template-columns:230px minmax(0,1fr)!important}
  .route-configurator .cfg-launch-panel{padding:16px!important}
  .route-configurator .cfg-launch-panel h1{font-size:32px!important}
  .route-configurator .cfg-builder-grid{grid-template-columns:68px minmax(0,1fr)}
  .route-configurator .cfg-builder-grid>.cfg-layout{grid-template-columns:minmax(0,1fr) 230px!important}
  .route-configurator .cfg-choice-grid,.route-configurator .cfg-quantity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .route-configurator .cfg-ingredient-browser{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:981px) and (max-height:730px){
  .route-configurator .cfg-launch-panel p,.route-configurator .cfg-launch-note{display:none}
  .route-configurator .cfg-launch-points{margin-top:10px}
  .route-configurator .cfg-launch-demo{display:none}
  .route-configurator .cfg-builder-grid .cfg-main{padding-block:13px!important}
  .route-configurator .cfg-step-head{margin-bottom:8px!important}
  .route-configurator .cfg-category{min-height:78px!important}
  .route-configurator .cfg-choice{min-height:60px!important}
}


/* v1.74 çoklu seçim adımlarında görünür Devam Et butonu */
.cfg-actions-minimal.cfg-actions-has-next{justify-content:space-between!important;align-items:center!important;gap:12px!important}
.cfg-actions-minimal.cfg-actions-has-next .cfg-next{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:132px!important;padding:10px 14px!important;font-size:10px!important}
.cfg-actions-minimal.cfg-actions-has-next .cfg-next b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.17)}
@media(max-width:650px){
  .cfg-actions-minimal.cfg-actions-has-next{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
  .cfg-actions-minimal.cfg-actions-has-next .cfg-next{width:100%!important;min-width:0!important}
}

/* v1.76 teklif sonrası kurumsal sonuç ekranı */
.cfg-experience.cfg-experience-success{display:grid;place-items:center;width:100%;height:100svh;min-height:620px;padding:clamp(24px,4vw,64px);overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(38,211,194,.18),transparent 28%),radial-gradient(circle at 88% 12%,rgba(111,82,255,.18),transparent 30%),linear-gradient(145deg,#f7f8fc,#eef1fb 56%,#f7f4ff)}
.preview-ribbon~main .cfg-experience.cfg-experience-success{height:calc(100svh - 48px);min-height:570px}
.cfg-success-page{display:grid;place-items:center;width:100%;height:100%;overflow:auto;overscroll-behavior:contain}
.cfg-success-card{position:relative;width:min(900px,100%);padding:clamp(30px,5vw,68px);border:1px solid rgba(255,255,255,.92);border-radius:34px;background:rgba(255,255,255,.92);box-shadow:0 30px 90px rgba(36,28,84,.16);backdrop-filter:blur(24px);text-align:center;overflow:hidden}
.cfg-success-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#25d6c0,#6b55ff,#e95ca7)}
.cfg-success-mark{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 22px;border-radius:50%;background:linear-gradient(145deg,#25d6c0,#0a9b8b);box-shadow:0 16px 38px rgba(10,155,139,.24)}
.cfg-success-mark span{color:#fff;font:800 38px/1 "Space Grotesk",sans-serif}
.cfg-success-kicker{display:block;margin-bottom:10px;color:#5f46dc;font:800 12px/1.2 "Manrope",sans-serif;letter-spacing:.16em}
.cfg-success-card h1{max-width:740px;margin:0 auto;color:#15122a;font:700 clamp(36px,4.4vw,62px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em}
.cfg-success-card>p{max-width:710px;margin:22px auto 0;color:#625d73;font:550 clamp(14px,1.4vw,18px)/1.7 "Manrope",sans-serif}
.cfg-success-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0 18px;text-align:left}
.cfg-success-info article{display:grid;grid-template-columns:38px 1fr;align-items:start;gap:10px;padding:16px;border:1px solid #e7e4f0;border-radius:18px;background:#faf9fd}
.cfg-success-info article b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ebe8ff;color:#5b43d3;font:800 11px/1 "Manrope",sans-serif}
.cfg-success-info article span{color:#504b61;font:650 12px/1.5 "Manrope",sans-serif}
.cfg-success-email{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;margin:0 auto;padding:17px 20px;border:1px solid #d9d4f0;border-radius:18px;background:#fff;color:#251f48;text-align:left;text-decoration:none;transition:.2s ease}
.cfg-success-email:hover{transform:translateY(-2px);border-color:#8c79ee;box-shadow:0 14px 30px rgba(76,56,164,.12)}
.cfg-success-email span{grid-column:1;color:#817b93;font:700 10px/1.2 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.cfg-success-email b{grid-column:1;color:#3e2fb5;font:750 15px/1.35 "Manrope",sans-serif;overflow-wrap:anywhere}
.cfg-success-email i{grid-column:2;grid-row:1/3;color:#5d46d9;font:800 24px/1 "Manrope",sans-serif;font-style:normal}
.cfg-success-reference{display:block;margin:13px 0 0;color:#9a95a8;font:600 10px/1.4 "Manrope",sans-serif}
.cfg-success-restart{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:22px;padding:15px 18px;border:0;border-radius:17px;background:#17132c;color:#fff;cursor:pointer;text-align:left;transition:.2s ease}
.cfg-success-restart:hover{transform:translateY(-2px);background:#2b2452}
.cfg-success-restart span{color:#aaa4bd;font:600 11px/1.3 "Manrope",sans-serif}
.cfg-success-restart b{font:750 13px/1.3 "Manrope",sans-serif}
@media(max-width:760px){
  .cfg-experience.cfg-experience-success{height:auto;min-height:100svh;padding:14px;overflow:auto}.preview-ribbon~main .cfg-experience.cfg-experience-success{height:auto;min-height:calc(100svh - 48px)}
  .cfg-success-card{padding:30px 18px;border-radius:24px}.cfg-success-mark{width:68px;height:68px}.cfg-success-mark span{font-size:32px}.cfg-success-card h1{font-size:38px}.cfg-success-card>p{font-size:13px;line-height:1.6}
  .cfg-success-info{grid-template-columns:1fr;gap:8px;margin-top:22px}.cfg-success-info article{padding:12px}.cfg-success-restart{align-items:flex-start;flex-direction:column}
}


/* v1.77 teklif sonrası tam ekran kurumsal onay ve 10 saniyelik yönlendirme */
body.cfg-success-open{overflow:hidden!important}
.cfg-done-overlay,.cfg-done-overlay *{box-sizing:border-box}
.cfg-done-overlay{position:fixed!important;z-index:2147483000!important;inset:var(--cfg-done-top,0px) 0 0!important;display:grid!important;place-items:center!important;padding:clamp(18px,3vw,44px)!important;overflow:auto!important;overscroll-behavior:contain;background:linear-gradient(145deg,#f2fbfb 0%,#f5f5ff 52%,#f8f3ff 100%)!important;color:#18142c!important;font-family:"Manrope",Arial,sans-serif!important}
.cfg-done-glow{position:absolute!important;border-radius:999px!important;filter:blur(8px)!important;pointer-events:none!important;opacity:.72!important}
.cfg-done-glow-one{top:-18%;left:-7%;width:min(38vw,560px)!important;height:min(38vw,560px)!important;background:radial-gradient(circle,rgba(39,213,191,.28),rgba(39,213,191,0) 70%)!important}
.cfg-done-glow-two{right:-9%;bottom:-24%;width:min(46vw,680px)!important;height:min(46vw,680px)!important;background:radial-gradient(circle,rgba(106,79,241,.24),rgba(106,79,241,0) 70%)!important}
.cfg-done-card{position:relative!important;z-index:1!important;width:min(900px,100%)!important;max-height:100%!important;margin:0!important;padding:clamp(26px,3.2vw,46px)!important;overflow:auto!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:32px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 30px 90px rgba(38,29,91,.16),inset 0 1px 0 #fff!important;backdrop-filter:blur(22px)!important;text-align:center!important}
.cfg-done-card:before{content:""!important;position:absolute!important;inset:0 0 auto!important;height:6px!important;background:linear-gradient(90deg,#2bd3bd,#7359f2 52%,#e264a6)!important}
.cfg-done-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:0 0 17px!important;color:#211b43!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:13px!important;line-height:1!important;letter-spacing:.14em!important}
.cfg-done-brand span{font-weight:500!important}.cfg-done-brand b{font-weight:800!important}
.cfg-done-check{display:grid!important;place-items:center!important;width:68px!important;height:68px!important;margin:0 auto 18px!important;border-radius:22px!important;background:linear-gradient(145deg,#2bd7c0,#0b9e8e)!important;box-shadow:0 15px 34px rgba(11,158,142,.23)!important;transform:rotate(-4deg)!important}
.cfg-done-check span{display:block!important;color:#fff!important;font:800 34px/1 "Space Grotesk",Arial,sans-serif!important;transform:rotate(4deg)!important}
.cfg-done-kicker{display:block!important;margin:0 0 10px!important;color:#6649dc!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:.15em!important}
.cfg-done-card h1{max-width:720px!important;margin:0 auto!important;color:#171329!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:clamp(30px,3.5vw,50px)!important;font-weight:700!important;line-height:1.02!important;letter-spacing:-.045em!important}
.cfg-done-lead{max-width:710px!important;margin:17px auto 0!important;color:#625d72!important;font-size:clamp(13px,1.15vw,16px)!important;font-weight:550!important;line-height:1.65!important}
.cfg-done-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:24px 0 14px!important;text-align:left!important}
.cfg-done-steps>article{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;min-width:0!important;padding:14px!important;border:1px solid #e8e5f1!important;border-radius:17px!important;background:#fbfaff!important}
.cfg-done-steps>article>b{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#ece9ff!important;color:#5c43d0!important;font-size:10px!important;font-weight:850!important}
.cfg-done-steps article span{display:grid!important;gap:4px!important;min-width:0!important}.cfg-done-steps strong{color:#302a47!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important}.cfg-done-steps small{color:#777185!important;font-size:9.5px!important;font-weight:600!important;line-height:1.45!important}
.cfg-done-email{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px 14px!important;width:100%!important;margin:0!important;padding:14px 16px!important;border:1px solid #dcd7f1!important;border-radius:16px!important;background:#fff!important;color:#251f49!important;text-align:left!important;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.cfg-done-email:hover{transform:translateY(-2px)!important;border-color:#907ceb!important;box-shadow:0 12px 28px rgba(77,57,160,.12)!important}
.cfg-done-email span{grid-column:1!important;color:#8a8498!important;font-size:9px!important;font-weight:800!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.08em!important}.cfg-done-email b{grid-column:1!important;color:#4432b7!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important;overflow-wrap:anywhere!important}.cfg-done-email i{grid-column:2!important;grid-row:1/3!important;color:#5d45d7!important;font-size:22px!important;font-style:normal!important;font-weight:800!important}
.cfg-done-reference{display:block!important;margin:10px 0 0!important;color:#9a95a7!important;font-size:9.5px!important;font-weight:600!important;line-height:1.4!important}.cfg-done-reference b{color:#6c657b!important}
.cfg-done-countdown{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;margin:18px 0 0!important;padding:12px 14px!important;border:1px solid #dedaf0!important;border-radius:17px!important;background:linear-gradient(135deg,#f9f8ff,#f3fbfb)!important;text-align:left!important}
.cfg-done-countdown>span{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:2px!important;width:52px!important;height:52px!important;padding-top:10px!important;border-radius:16px!important;background:#1d1737!important;color:#fff!important}.cfg-done-countdown>span b{font-family:"Space Grotesk",Arial,sans-serif!important;font-size:23px!important;font-weight:800!important;line-height:1!important}.cfg-done-countdown>span small{font-size:8px!important;font-weight:800!important;text-transform:uppercase!important}
.cfg-done-countdown p{display:grid!important;gap:3px!important;margin:0!important}.cfg-done-countdown p strong{color:#302a47!important;font-size:11px!important;font-weight:800!important;line-height:1.35!important}.cfg-done-countdown p small{color:#817b8e!important;font-size:9.5px!important;font-weight:600!important;line-height:1.4!important}
.cfg-done-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}.cfg-done-actions button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:48px!important;padding:12px 15px!important;border-radius:15px!important;cursor:pointer!important;font-family:"Manrope",Arial,sans-serif!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.cfg-done-actions button:hover{transform:translateY(-2px)!important}
.cfg-done-restart{border:1px solid #ddd9eb!important;background:#fff!important;color:#3f3852!important}.cfg-done-restart span{font-size:18px!important}.cfg-done-restart b{font-size:11px!important;font-weight:800!important}
.cfg-done-home{border:0!important;background:linear-gradient(135deg,#6c50ec,#4933c1)!important;color:#fff!important;box-shadow:0 12px 26px rgba(86,61,204,.22)!important}.cfg-done-home b{font-size:11px!important;font-weight:800!important}.cfg-done-home span{font-size:18px!important;font-weight:800!important}
@media(max-width:720px){
  .cfg-done-overlay{place-items:start center!important;padding:12px!important}.cfg-done-card{max-height:none!important;padding:25px 16px!important;border-radius:23px!important}.cfg-done-card h1{font-size:34px!important}.cfg-done-lead{font-size:12.5px!important}.cfg-done-steps{grid-template-columns:1fr!important;gap:7px!important;margin-top:19px!important}.cfg-done-steps>article{padding:11px!important}.cfg-done-actions{grid-template-columns:1fr!important}.cfg-done-countdown{grid-template-columns:48px minmax(0,1fr)!important}.cfg-done-countdown>span{width:46px!important;height:46px!important;padding-top:9px!important}.cfg-done-countdown>span b{font-size:20px!important}
}
@media(max-height:760px) and (min-width:721px){
  .cfg-done-overlay{padding:14px 28px!important}.cfg-done-card{padding:22px 30px!important;border-radius:24px!important}.cfg-done-check{width:54px!important;height:54px!important;margin-bottom:12px!important;border-radius:17px!important}.cfg-done-check span{font-size:27px!important}.cfg-done-brand{margin-bottom:10px!important}.cfg-done-card h1{font-size:34px!important}.cfg-done-lead{margin-top:10px!important;font-size:12px!important}.cfg-done-steps{margin:15px 0 10px!important}.cfg-done-steps>article{padding:10px!important}.cfg-done-countdown{margin-top:10px!important}.cfg-done-actions{margin-top:8px!important}
}


/* v1.79 başlangıç ekranı, minimal seçim kartları ve 00/0 kapsül sınırı */
.route-configurator,.route-configurator button,.route-configurator input,.route-configurator textarea,.route-configurator select,
.route-configurator .cfg-launch-panel h1,.route-configurator .cfg-step-head h2,.route-configurator .cfg-total,
.route-configurator .cfg-welcome-step h2{font-family:"Manrope",Arial,sans-serif!important}
.route-configurator .cfg-launch-panel h1,.route-configurator .cfg-step-head h2,.route-configurator .cfg-welcome-step h2{font-weight:800!important}
.cfg-choice-icon.is-svg{display:grid;place-items:center;color:#5c49df;background:linear-gradient(145deg,#f1efff,#eafcf9)}
.cfg-choice-icon.is-svg svg{width:72%;height:72%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cfg-choice.is-selected .cfg-choice-icon.is-svg{color:#fff;background:linear-gradient(145deg,#6d5dfc,#28bda9)}

.cfg-workspace.is-welcome .cfg-step-rail,.cfg-workspace.is-welcome .cfg-price{display:none!important}
.cfg-workspace.is-welcome .cfg-builder-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.cfg-workspace.is-welcome .cfg-builder-grid>.cfg-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;height:100%!important;min-height:0!important}
.cfg-workspace.is-welcome .cfg-main{display:grid!important;place-items:center!important;overflow:hidden!important;padding:clamp(18px,3vw,42px)!important}
.cfg-welcome-step{position:relative;isolation:isolate;display:grid;justify-items:center;width:min(760px,100%);margin:auto;padding:clamp(28px,4.2vw,58px);border:1px solid rgba(226,222,244,.95);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(109,93,252,.12),transparent 35%),radial-gradient(circle at 0 100%,rgba(37,214,192,.12),transparent 34%),#fff;box-shadow:0 24px 70px rgba(38,29,82,.12);text-align:center;overflow:hidden}
.cfg-welcome-step:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(76,59,174,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(76,59,174,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.cfg-welcome-mark{position:relative;display:grid;place-items:center;width:68px;height:68px;margin-bottom:18px;border-radius:22px;background:linear-gradient(145deg,#17142c,#5a43d9 62%,#119e91);box-shadow:0 16px 36px rgba(69,49,185,.25);color:#fff}
.cfg-welcome-mark span{position:absolute;width:28px;height:12px;border:2px solid rgba(255,255,255,.82);border-radius:999px;transform:rotate(-27deg)}
.cfg-welcome-mark b{position:absolute;right:10px;top:8px;font-size:14px}
.cfg-welcome-kicker{display:inline-flex;padding:7px 11px;border:1px solid #ded8ff;border-radius:999px;background:#faf9ff;color:#5b43d2;font-size:9px;font-weight:850;letter-spacing:.14em}
.cfg-welcome-step h2{margin:16px 0 13px;color:#15122a;font-size:clamp(36px,4.2vw,62px);line-height:.98;letter-spacing:-.055em}
.cfg-welcome-step>p{max-width:620px;margin:0;color:#696477;font-size:clamp(13px,1.1vw,16px);line-height:1.65}
.cfg-welcome-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin:25px 0 20px}
.cfg-welcome-points article{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 12px;border:1px solid #ece9f5;border-radius:14px;background:rgba(255,255,255,.85);text-align:left}
.cfg-welcome-points b{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:9px;background:#efecff;color:#5a43d5;font-size:8px}
.cfg-welcome-points span{color:#393449;font-size:10px;font-weight:750;line-height:1.25}
.cfg-welcome-start{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:220px;min-height:50px;padding:7px 8px 7px 20px;border:0;border-radius:999px;background:linear-gradient(115deg,#17142c,#5b43dc 62%,#149e91);box-shadow:0 16px 34px rgba(76,57,194,.23);color:#fff;cursor:pointer;font-size:12px;font-weight:850}
.cfg-welcome-start b{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:17px}
.cfg-welcome-start:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(76,57,194,.3)}
.cfg-welcome-step>small{margin-top:12px;color:#9691a3;font-size:9px}

@media (min-width:981px){
  .route-configurator .cfg-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:8px!important}
  .route-configurator .cfg-category{min-height:72px!important;padding:9px 11px!important;border-radius:12px!important}
  .route-configurator .cfg-category>span{font-size:7px!important}
  .route-configurator .cfg-category b{font-size:14px!important;line-height:1.1!important}
  .route-configurator .cfg-category small{font-size:7.5px!important;line-height:1.22!important}
  .route-configurator .cfg-choice-grid,.route-configurator .cfg-quantity-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .route-configurator .cfg-choice{grid-template-columns:30px minmax(0,1fr) 17px!important;gap:7px!important;min-height:56px!important;padding:7px 8px!important;border-radius:11px!important}
  .route-configurator .cfg-choice-icon{width:30px!important;height:30px!important;border-radius:9px!important;font-size:10px!important}
  .route-configurator .cfg-choice-copy b{font-size:9.5px!important;line-height:1.12!important}
  .route-configurator .cfg-choice-copy small{font-size:7px!important;line-height:1.18!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .route-configurator .cfg-choice em{font-size:6.5px!important}
  .route-configurator .cfg-choice>i{width:17px!important;height:17px!important;border-radius:6px!important}
  .route-configurator .cfg-tech-block{padding:12px!important;border-radius:13px!important}
  .route-configurator .cfg-mg-pills{gap:5px!important}
  .route-configurator .cfg-mg-pills button{min-height:34px!important;padding:7px 9px!important;border-radius:9px!important;font-size:8px!important}
  .route-configurator .cfg-subtitle{margin:12px 0 7px!important}
  .route-configurator .cfg-subtitle h3{font-size:12px!important}
  .route-configurator .cfg-subtitle p{font-size:8px!important}
}
@media (max-width:700px){
  .cfg-welcome-step{padding:28px 18px;border-radius:22px}
  .cfg-welcome-points{grid-template-columns:1fr}
  .cfg-welcome-points article{padding:9px 11px}
  .cfg-welcome-start{width:100%}
}

/* v1.87 Ersha Pharma Digital Price Generator sunum sistemi */
:root{
  --cfg-ink:#07122f;
  --cfg-blue:#145cff;
  --cfg-violet:#8e6cf4;
  --cfg-cyan:#27d7ec;
  --cfg-soft:#f7f8ff;
  --cfg-line:#e3e6f0;
}
.route-configurator,.route-configurator button,.route-configurator input,.route-configurator textarea,.route-configurator select{font-family:"Manrope",Arial,sans-serif!important}
.route-configurator main{background:#f9faff!important}
.cfg-experience{background:#f9faff!important;color:var(--cfg-ink)!important}
.cfg-production-ticker{height:38px!important;min-height:38px!important;border-bottom:1px solid #e3e7f1!important;background:rgba(255,255,255,.96)!important;color:#1c2848!important;mask-image:none!important;box-shadow:0 5px 20px rgba(31,42,85,.05)!important}
.cfg-production-track{gap:8px!important;padding-inline:12px!important;animation-duration:42s!important}
.cfg-production-track>span{min-height:29px!important;padding:5px 11px!important;border:1px solid #e3e7f2!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,#f8f9ff)!important;color:#253252!important;font-size:9px!important;font-weight:800!important;box-shadow:0 5px 13px rgba(25,42,84,.05)!important}
.cfg-production-track i{width:21px!important;height:21px!important;border-radius:7px!important;background:linear-gradient(145deg,#edf1ff,#f2ecff)!important;color:#4566e8!important}
.cfg-production-track i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(min-width:981px){
  html:has(body.route-configurator),body.route-configurator{height:100%;overflow:hidden!important}
  body.route-configurator main{height:100svh!important;min-height:0!important;overflow:hidden!important}
  body.route-configurator .preview-ribbon~main{height:calc(100svh - 48px)!important}
  .route-configurator .cfg-experience{display:grid!important;grid-template-rows:38px minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  .route-configurator .cfg-studio{display:grid!important;grid-template-columns:clamp(400px,31vw,545px) minmax(0,1fr)!important;gap:0!important;height:100%!important;min-height:0!important;background:linear-gradient(90deg,#fff 0 31%,#f8f9ff 31% 100%)!important;overflow:hidden!important}
  .route-configurator .cfg-launch-panel{position:relative!important;display:flex!important;height:100%!important;min-height:0!important;flex-direction:column!important;justify-content:center!important;padding:clamp(28px,3.2vw,58px)!important;overflow:hidden!important;border-right:1px solid #e5e8f1!important;background:linear-gradient(90deg,#fff 0 72%,#fbfbff 72% 100%)!important;color:var(--cfg-ink)!important}
  .route-configurator .cfg-launch-panel:before{content:""!important;position:absolute!important;z-index:0!important;inset:0!important;background-image:linear-gradient(rgba(20,92,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,92,255,.025) 1px,transparent 1px)!important;background-size:42px 42px!important;mask-image:linear-gradient(90deg,#000,transparent 92%)!important}
  .route-configurator .cfg-launch-orbit{display:block!important;border-color:rgba(104,91,232,.11)!important}
  .route-configurator .cfg-launch-orbit-one{right:-275px!important;top:-205px!important;width:520px!important;height:520px!important;box-shadow:0 0 0 72px rgba(107,87,236,.025),0 0 0 145px rgba(24,190,225,.018)!important}
  .route-configurator .cfg-launch-orbit-two{left:-235px!important;bottom:-305px!important;width:450px!important;height:450px!important}
  .cfg-story-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(20px);pointer-events:none}
  .cfg-story-glow-blue{right:-120px;top:24%;width:260px;height:260px;background:radial-gradient(circle,rgba(33,116,255,.17),transparent 68%)}
  .cfg-story-glow-violet{right:-90px;bottom:2%;width:250px;height:250px;background:radial-gradient(circle,rgba(158,103,246,.16),transparent 70%)}
  .route-configurator .cfg-launch-content{position:relative!important;z-index:2!important;display:block!important;max-width:480px!important;min-height:0!important;overflow:visible!important}
  .route-configurator .cfg-story-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:7px 10px;border:1px solid #dde3f2;border-radius:999px;background:#fff;color:#5063a7;font-size:9px;font-weight:850;letter-spacing:.13em;box-shadow:0 7px 20px rgba(29,55,113,.06)}
  .route-configurator .cfg-story-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cfg-cyan);box-shadow:0 0 0 4px rgba(39,215,236,.13),0 0 15px rgba(39,215,236,.55)}
  .route-configurator .cfg-launch-panel h1{max-width:510px!important;margin:0 0 15px!important;color:var(--cfg-ink)!important;font-family:"Space Grotesk","Manrope",sans-serif!important;font-size:clamp(39px,3.15vw,58px)!important;font-weight:700!important;line-height:.99!important;letter-spacing:-.052em!important;word-break:normal!important}
  .route-configurator .cfg-launch-panel p{max-width:465px!important;margin:0!important;color:#5e6679!important;font-size:clamp(12px,.9vw,15px)!important;line-height:1.62!important}
  .route-configurator .cfg-story-cards{display:grid!important;gap:10px!important;margin-top:24px!important}
  .route-configurator .cfg-story-cards article{position:relative;display:grid!important;grid-template-columns:43px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:72px!important;padding:12px 15px!important;border:1px solid #e1e5ee!important;border-left:3px solid #268eea!important;border-radius:14px!important;background:rgba(255,255,255,.96)!important;color:var(--cfg-ink)!important;box-shadow:0 12px 30px rgba(15,31,74,.10)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
  .route-configurator .cfg-story-cards article:hover{transform:translateX(6px)!important;border-color:#9bbbf5!important;box-shadow:0 17px 38px rgba(15,54,130,.14)!important}
  .route-configurator .cfg-story-cards article>i{display:grid!important;width:42px!important;height:42px!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(145deg,#eef5ff,#f0edff)!important;color:#315edc!important;font-style:normal!important;box-shadow:0 7px 18px rgba(54,91,209,.10)!important}
  .route-configurator .cfg-story-cards svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .route-configurator .cfg-story-cards article>span{display:grid;gap:3px;min-width:0}
  .route-configurator .cfg-story-cards article b{color:#111c39!important;font-size:12px!important;font-weight:800!important;line-height:1.3!important}
  .route-configurator .cfg-story-cards article small{color:#70788a!important;font-size:9.5px!important;font-weight:550!important;line-height:1.45!important}
  .route-configurator .cfg-launch-cta{display:inline-flex!important;width:max-content!important;min-height:48px!important;justify-content:center!important;gap:18px!important;margin-top:22px!important;padding:8px 8px 8px 20px!important;border:0!important;border-radius:10px!important;background:linear-gradient(105deg,#075ff2,#174df5 58%,#a66fe8)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:0 15px 35px rgba(28,79,231,.28)!important;animation:cfg-presentation-breathe 2.8s ease-in-out infinite!important}
  .route-configurator .cfg-launch-cta:before{display:none!important}
  .route-configurator .cfg-launch-cta>b{display:grid!important;width:32px!important;height:32px!important;flex:0 0 32px!important;place-items:center!important;border-radius:8px!important;background:rgba(255,255,255,.18)!important;font-size:16px!important}
  .route-configurator .cfg-launch-note{display:block!important;max-width:440px!important;margin-top:10px!important;color:#9298a8!important;font-size:8.5px!important;line-height:1.45!important}
  .route-configurator .cfg-launch-demo{display:none!important}

  .route-configurator .cfg-workspace{display:block!important;height:100%!important;min-height:0!important;padding:14px!important;overflow:hidden!important;background:radial-gradient(circle at 12% 15%,rgba(116,92,246,.12),transparent 25%),radial-gradient(circle at 93% 80%,rgba(27,184,238,.12),transparent 25%),#f8f9ff!important}
  .route-configurator .cfg-builder-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:9px!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;align-items:stretch!important}
  .route-configurator .cfg-step-rail{position:relative!important;top:auto!important;z-index:55!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;height:auto!important;min-height:50px!important;max-height:none!important;gap:9px!important;padding:6px!important;border:1px solid rgba(219,223,235,.96)!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 30px rgba(25,34,75,.07)!important;backdrop-filter:blur(18px)!important}
  .route-configurator .cfg-rail-home{display:flex!important;justify-content:flex-start!important;min-width:108px!important;min-height:38px!important;gap:7px!important;padding:5px 9px!important;border-radius:11px!important;background:#f1f4ff!important;color:#3156c7!important;font-size:9px!important}
  .route-configurator .cfg-rail-home span{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important;background:#fff!important;font-size:12px!important}
  .route-configurator .cfg-rail-home b{display:block!important}
  .route-configurator .cfg-step-rail .cfg-progress{position:static!important;display:flex!important;width:100%!important;height:auto!important;min-height:38px!important;flex:1 1 auto!important;flex-direction:row!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  .route-configurator .cfg-step-rail .cfg-progress::-webkit-scrollbar{display:none}
  .route-configurator .cfg-step-rail .cfg-progress button{display:flex!important;width:auto!important;min-width:40px!important;min-height:38px!important;flex:1 1 0!important;justify-content:center!important;gap:6px!important;padding:5px 7px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#81879a!important;box-shadow:none!important}
  .route-configurator .cfg-step-rail .cfg-progress button span{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:8px!important;background:#eff1f6!important;color:#72798c!important;font-size:8px!important}
  .route-configurator .cfg-step-rail .cfg-progress button b{display:block!important;color:inherit!important;font-size:8px!important;line-height:1.15!important;white-space:nowrap!important}
  .route-configurator .cfg-step-rail .cfg-progress button.is-active{background:linear-gradient(110deg,#0c5df4,#5c56ed)!important;color:#fff!important;box-shadow:0 8px 20px rgba(41,78,213,.20)!important}
  .route-configurator .cfg-step-rail .cfg-progress button.is-active span{background:#fff!important;color:#3156d1!important}
  .route-configurator .cfg-step-rail .cfg-progress button.is-done{background:#ebfbff!important;color:#1289a4!important}
  .route-configurator .cfg-step-rail .cfg-progress button.is-done span{background:#caf5fb!important;color:#127e99!important}
  .route-configurator .cfg-rail-live{display:flex!important;justify-content:center!important;min-width:76px!important;padding:6px 8px!important;color:#148aa1!important;font-size:8px!important}
  .route-configurator .cfg-rail-live span{display:block!important}
  .route-configurator .cfg-builder-grid>.cfg-layout{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(245px,18vw,300px)!important;gap:12px!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;overflow:visible!important;align-items:stretch!important}
  .route-configurator .cfg-builder-grid .cfg-main{position:relative!important;display:flex!important;height:100%!important;min-height:0!important;padding:clamp(22px,2.1vw,36px)!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid rgba(222,225,235,.96)!important;border-radius:26px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 65px rgba(23,32,72,.10)!important;scrollbar-width:thin!important;scrollbar-color:#d8daf0 transparent!important}
  .route-configurator .cfg-builder-grid .cfg-main:before{content:""!important;position:absolute!important;right:-130px!important;top:-155px!important;width:320px!important;height:320px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(107,85,239,.14),transparent 68%)!important;pointer-events:none!important}
  .route-configurator .cfg-builder-grid .cfg-main:after{content:"";position:absolute;left:-170px;bottom:-180px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(24,199,224,.12),transparent 68%);pointer-events:none}
  .route-configurator .cfg-step{position:relative;z-index:1;display:flex!important;min-height:100%!important;flex:1 0 auto!important;flex-direction:column!important}
  .route-configurator .cfg-step-head{display:flex!important;gap:18px!important;margin-bottom:18px!important;padding-bottom:15px!important;border-bottom:1px solid #e9eaf1!important}
  .route-configurator .cfg-step-head>div>span{display:block!important;margin-bottom:7px!important;color:#4063c9!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important}
  .route-configurator .cfg-step-head h2{max-width:780px!important;margin:0 0 7px!important;color:var(--cfg-ink)!important;font-family:"Space Grotesk","Manrope",sans-serif!important;font-size:clamp(28px,2.25vw,39px)!important;font-weight:700!important;line-height:1.02!important;letter-spacing:-.042em!important}
  .route-configurator .cfg-step-head p{max-width:760px!important;color:#6d7485!important;font-size:10px!important;line-height:1.5!important}
  .route-configurator .cfg-optional-badge{padding:6px 9px!important;border-color:#d9def0!important;background:#f7f7ff!important;color:#6853ce!important;font-size:7px!important}

  .route-configurator .cfg-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:13px!important}
  .route-configurator .cfg-category{position:relative!important;display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:130px!important;padding:18px!important;border:1px solid #dfe3ec!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#fbfcff)!important;text-align:left!important;box-shadow:0 9px 24px rgba(28,42,82,.05)!important;overflow:hidden!important}
  .route-configurator .cfg-category:after{content:"";position:absolute;right:-58px;bottom:-72px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(123,90,241,.14),transparent 68%);transition:transform .25s ease}
  .route-configurator .cfg-category:hover,.route-configurator .cfg-category.is-selected{transform:translateY(-3px)!important;border-color:#258dce!important;background:linear-gradient(145deg,#f8fbff,#fff 57%,#f2f0ff)!important;box-shadow:0 0 0 2px rgba(27,137,205,.10),0 17px 36px rgba(29,82,150,.14)!important}
  .route-configurator .cfg-category:hover:after,.route-configurator .cfg-category.is-selected:after{transform:scale(1.2)}
  .cfg-category-icon{display:grid;width:68px;height:68px;place-items:center;border:1px solid #d7dcf0;border-radius:50%;background:linear-gradient(145deg,#f1edff,#eaf8ff);color:#6242d7;box-shadow:0 10px 24px rgba(73,66,184,.10)}
  .cfg-category-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .cfg-category-copy{display:grid;gap:6px;min-width:0}
  .route-configurator .cfg-category-copy b{color:#101a36!important;font-family:"Space Grotesk","Manrope",sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.15!important}
  .route-configurator .cfg-category-copy small{color:#656d80!important;font-size:9px!important;line-height:1.45!important}
  .cfg-category-check{position:absolute;right:11px;top:10px;display:grid;width:22px;height:22px;place-items:center;border:1px solid #dbe0eb;border-radius:50%;background:#fff;color:transparent;font-size:9px;font-style:normal}
  .cfg-category.is-selected .cfg-category-check{border-color:#5e55db;background:linear-gradient(145deg,#6256df,#7369ef);color:#fff;box-shadow:0 5px 13px rgba(73,63,201,.24)}
  .cfg-selection-band{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 10px;padding:10px 13px;border-top:1px solid #e6e8ef;border-bottom:1px solid #e6e8ef;color:#17223e;font-size:11px;font-weight:800}
  .cfg-selection-band i{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;background:#f2f1ff;color:#5545c6}
  .cfg-selection-band svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .route-configurator .cfg-choice-grid,.route-configurator .cfg-quantity-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .route-configurator .cfg-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .route-configurator .cfg-choice{position:relative!important;display:grid!important;grid-template-columns:43px minmax(0,1fr) 20px!important;align-items:center!important;gap:9px!important;min-height:82px!important;padding:11px 12px!important;border:1px solid #dfe3ec!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#fbfcff)!important;text-align:left!important;box-shadow:0 6px 17px rgba(22,36,75,.04)!important;overflow:hidden!important}
  .route-configurator .cfg-choice:hover,.route-configurator .cfg-choice.is-selected{transform:translateY(-2px)!important;border-color:#278dc7!important;background:linear-gradient(145deg,#f7fbff,#fff 60%,#f0edff)!important;box-shadow:0 0 0 2px rgba(43,145,204,.08),0 13px 27px rgba(29,78,145,.10)!important}
  .route-configurator .cfg-choice-icon{display:grid!important;width:43px!important;height:43px!important;place-items:center!important;border:1px solid #dde1f1!important;border-radius:14px!important;background:linear-gradient(145deg,#f0edff,#eaf9ff)!important;color:#5a47d2!important;font-size:13px!important}
  .route-configurator .cfg-choice-icon.is-svg svg{width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .route-configurator .cfg-choice.is-selected .cfg-choice-icon{border-color:#5f56da!important;background:linear-gradient(145deg,#6659e7,#3f88e9)!important;color:#fff!important}
  .route-configurator .cfg-choice-copy{display:grid!important;gap:3px!important;min-width:0!important}
  .route-configurator .cfg-choice-copy b{color:#16213d!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important}
  .route-configurator .cfg-choice-copy small{color:#737b8c!important;font-size:7.8px!important;line-height:1.35!important}
  .route-configurator .cfg-choice em{color:#4866be!important;font-size:7px!important}
  .route-configurator .cfg-choice>i{display:grid!important;width:19px!important;height:19px!important;place-items:center!important;border:1px solid #d7dce7!important;border-radius:50%!important;background:#fff!important;color:transparent!important;font-size:8px!important;font-style:normal!important}
  .route-configurator .cfg-choice.is-selected>i{border-color:#5b51d8!important;background:#6258dd!important;color:#fff!important}
  .route-configurator .cfg-choice-skip{border-style:dashed!important;background:#fbfbfd!important}
  .route-configurator .cfg-prompt{padding:22px!important;border-color:#d7dbe7!important;background:#fafbff!important;color:#808797!important;font-size:10px!important}

  .cfg-technical-board{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:0;margin:2px 0 16px;border:1px solid #dfe4ec;border-radius:20px;background:#fff;box-shadow:0 16px 36px rgba(24,53,116,.10);overflow:hidden}
  .cfg-technical-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(70,86,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,86,160,.045) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
  .cfg-technical-board:after{content:"";position:absolute;right:-80px;bottom:-105px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(29,121,242,.22),rgba(140,98,246,.11) 45%,transparent 70%);filter:blur(8px);pointer-events:none}
  .cfg-tech-column{position:relative;z-index:1;padding:20px}
  .cfg-tech-column+ .cfg-tech-column{border-left:1px solid #e4e7ed}
  .cfg-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #eaecf1}
  .cfg-panel-heading span{color:#192541;font-size:12px;font-weight:850}
  .cfg-panel-heading small{color:#868c9b;font-size:7.5px}
  .cfg-capsule-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cfg-capsule-size{position:relative;display:grid;justify-items:center;gap:8px;min-height:180px;padding:16px 12px;border:1px solid #dfe3ea;border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbff);cursor:pointer;transition:.22s}
  .cfg-capsule-size:hover,.cfg-capsule-size.is-selected{transform:translateY(-2px);border-color:#268bc3;background:linear-gradient(155deg,#f4fbff,#fff,#f3efff);box-shadow:0 0 0 2px rgba(40,141,194,.08),0 15px 30px rgba(29,83,145,.12)}
  .cfg-capsule-size>i{position:absolute;right:8px;top:8px;display:grid;width:18px;height:18px;place-items:center;border:1px solid #d9dde7;border-radius:50%;background:#fff;color:transparent;font-size:8px;font-style:normal}
  .cfg-capsule-size.is-selected>i{border-color:#4d68d9;background:#536ce0;color:#fff}
  .cfg-capsule-size>b{color:#111b36;font-family:"Space Grotesk",sans-serif;font-size:27px;line-height:1}
  .cfg-capsule-size>small{max-width:120px;color:#6e7687;font-size:7.5px;line-height:1.4;text-align:center}
  .cfg-capsule-visual{position:relative;display:block;width:28px;height:70px;border-radius:999px;background:linear-gradient(180deg,#945ee8 0 49%,#c995f4 49% 51%,#7040c7 51% 100%);box-shadow:inset 0 0 7px rgba(255,255,255,.42),0 9px 18px rgba(94,58,189,.22)}
  .cfg-capsule-0{width:24px;height:62px}
  .cfg-capsule-visual u{position:absolute;left:2px;right:2px;top:49%;height:2px;background:rgba(255,255,255,.45);text-decoration:none}
  .route-configurator .cfg-mg-pills{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-bottom:15px!important}
  .route-configurator .cfg-mg-pills button{min-height:38px!important;padding:6px!important;border:1px solid #dfe3eb!important;border-radius:10px!important;background:#fff!important;color:#26344f!important;font-size:9px!important;font-weight:750!important;box-shadow:0 4px 12px rgba(34,52,94,.04)!important}
  .route-configurator .cfg-mg-pills button:hover,.route-configurator .cfg-mg-pills button.is-selected{border-color:#298ac1!important;background:linear-gradient(145deg,#eaf8ff,#f1efff)!important;color:#173f8f!important;box-shadow:0 0 0 2px rgba(36,139,198,.09)!important}
  .route-configurator .cfg-number-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:0!important;border:1px solid #dfe3eb!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important}
  .route-configurator .cfg-number-field>span{grid-column:1/-1!important;padding:8px 11px 0!important;color:#7c8393!important;font-size:7.5px!important;font-weight:700!important}
  .route-configurator .cfg-number-field input{height:42px!important;padding:0 11px!important;border:0!important;background:transparent!important;color:#14213f!important;font-size:13px!important;font-weight:800!important;outline:0!important}
  .route-configurator .cfg-number-field b{padding:0 12px!important;color:#4a5570!important;font-size:8px!important}
  .cfg-inline-help{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:#737b8c;font-size:8px;line-height:1.4}
  .cfg-inline-help i{display:grid;width:16px;height:16px;flex:0 0 16px;place-items:center;border:1px solid #cdd4e3;border-radius:50%;color:#4770ce;font-size:8px;font-style:normal;font-weight:800}
  .cfg-shell-panel{padding:15px;border:1px solid #e3e6ed;border-radius:17px;background:#fbfcff}
  .route-configurator .cfg-subtitle{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 10px!important}
  .route-configurator .cfg-subtitle h3{margin:0!important;color:#18233f!important;font-size:12px!important}
  .route-configurator .cfg-subtitle p{margin:0!important;color:#7a8190!important;font-size:8px!important}

  .cfg-service-board{padding:15px;border:1px solid #e0e4ed;border-radius:19px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:0 16px 34px rgba(29,45,88,.08)}
  .cfg-service-board>header{display:flex;align-items:center;gap:12px;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid #e5e8ef}
  .cfg-service-board>header>i{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e9f4ff,#eeeaff);color:#485bcf}
  .cfg-service-board>header svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .cfg-service-board>header span{display:grid;gap:2px}.cfg-service-board>header b{color:#16213d;font-size:13px}.cfg-service-board>header small{color:#7c8393;font-size:8px}

  .cfg-review-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin:0 0 14px;padding:15px;border:1px solid #dfe3eb;border-radius:18px;background:#fff;box-shadow:0 13px 30px rgba(31,44,86,.08)}
  .cfg-review-flow>article{display:grid;justify-items:center;gap:8px;min-height:105px;padding:12px 9px;border:1px solid #e2e5ec;border-radius:13px;background:linear-gradient(180deg,#fff,#fafbff);text-align:center}
  .cfg-review-flow>article>i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#edf5ff,#eeeaff);color:#405bd0}
  .cfg-review-flow svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .cfg-review-flow article b{color:#1a2540;font-size:8.5px;line-height:1.35}
  .cfg-review-flow>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1768f4,#4c53e6);color:#fff;font-size:12px;box-shadow:0 7px 16px rgba(32,91,224,.22)}

  .route-configurator .cfg-actions-minimal{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin-top:auto!important;padding:16px 0 0!important;border-top:1px solid #eceef3!important;background:transparent!important;box-shadow:none!important}
  .route-configurator .cfg-actions-minimal.cfg-actions-has-next{justify-content:space-between!important}
  .route-configurator .cfg-actions-minimal .cfg-back{min-height:38px!important;padding:9px 12px!important;border:1px solid #dfe3eb!important;border-radius:10px!important;background:#f5f6fa!important;color:#596174!important;font-size:8.5px!important}
  .route-configurator .cfg-actions-minimal .cfg-next,.route-configurator .cfg-submit{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:138px!important;min-height:42px!important;padding:7px 8px 7px 15px!important;border:0!important;border-radius:10px!important;background:linear-gradient(105deg,#075ff2,#174df5 58%,#9d70e8)!important;color:#fff!important;font-size:9px!important;box-shadow:0 12px 27px rgba(30,77,220,.24)!important}
  .route-configurator .cfg-actions-minimal .cfg-next b,.route-configurator .cfg-submit b{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(255,255,255,.18)}

  .route-configurator .cfg-builder-grid .cfg-price{position:relative!important;top:auto!important;bottom:auto!important;display:flex!important;height:100%!important;min-height:0!important;max-height:none!important;align-self:stretch!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(35,218,238,.42)!important;border-radius:20px!important;background:#0a1b44!important;color:#fff!important;box-shadow:0 0 0 4px rgba(40,212,233,.06),0 25px 55px rgba(10,28,71,.22),0 0 28px rgba(39,209,235,.12)!important}
  .route-configurator .cfg-price:before{content:"";position:absolute;right:-75px;top:-85px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(40,222,229,.28),transparent 68%);pointer-events:none}
  .route-configurator .cfg-price:after{content:"";position:absolute;left:9%;right:9%;bottom:-13px;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(42,137,255,.36),rgba(134,93,246,.20) 40%,transparent 72%);filter:blur(5px);pointer-events:none}
  .route-configurator .cfg-price-top{position:relative;z-index:1;padding:19px 18px 15px!important;border-bottom:1px solid rgba(255,255,255,.11)!important;background:transparent!important;color:#fff!important}
  .route-configurator .cfg-price-topline small{display:flex!important;align-items:center!important;gap:7px!important;color:#d9faff!important;font-size:7.5px!important;font-weight:850!important;letter-spacing:.1em!important}
  .route-configurator .cfg-price-topline small i{width:7px;height:7px;border-radius:50%;background:#3ce5d5;box-shadow:0 0 0 4px rgba(60,229,213,.12),0 0 14px rgba(60,229,213,.8)}
  .route-configurator .cfg-total{margin:9px 0 4px!important;color:#fff!important;font-family:"Space Grotesk","Manrope",sans-serif!important;font-size:clamp(24px,2vw,31px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.035em!important}
  .route-configurator .cfg-unit{color:#9fb3d8!important;font-size:8px!important}
  .route-configurator .cfg-price-body{position:relative;z-index:1;min-height:0!important;padding:14px 16px 18px!important;overflow-y:auto!important;background:transparent!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.22) transparent!important}
  .cfg-price-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#dce7ff;font-size:8px;font-weight:800}
  .cfg-price-section-title i{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:rgba(116,95,237,.30);color:#d8d1ff;font-size:8px;font-style:normal}
  .route-configurator .cfg-summary{display:grid!important;gap:0!important;margin-bottom:12px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important}
  .route-configurator .cfg-summary div{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:8px!important;padding:8px 9px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .route-configurator .cfg-summary div:last-child{border-bottom:0!important}
  .route-configurator .cfg-summary span{color:#91a4c8!important;font-size:6.8px!important;text-transform:none!important;letter-spacing:0!important}
  .route-configurator .cfg-summary b{color:#edf3ff!important;font-size:7.8px!important;font-weight:650!important;line-height:1.3!important;text-align:right!important}
  .route-configurator .cfg-lines{border-top:1px solid rgba(255,255,255,.10)!important}
  .route-configurator .cfg-line{display:flex!important;justify-content:space-between!important;gap:9px!important;padding:7px 0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;font-size:7.2px!important}
  .route-configurator .cfg-line span{color:#9eafd0!important}.route-configurator .cfg-line b{color:#f4f7ff!important;text-align:right!important}
  .route-configurator .cfg-empty-price{color:#8fa2c6!important;font-size:7.5px!important}
  .route-configurator .cfg-vat{display:grid!important;gap:5px!important;margin:9px 0!important}
  .route-configurator .cfg-vat div{display:flex!important;justify-content:space-between!important;color:#9dafcf!important;font-size:7px!important}
  .route-configurator .cfg-vat b{color:#f1f5ff!important}
  .cfg-delivery-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding:9px 0;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);color:#9fb1d1;font-size:7px}
  .cfg-delivery-row b{color:#fff;font-size:8px}
  .route-configurator .cfg-price-note{margin:10px 0 0!important;padding:0!important;border:0!important;color:#7289b2!important;font-size:6.8px!important;line-height:1.4!important}

  .route-configurator .cfg-final-highlight{margin:0 0 12px!important;padding:14px!important;border:1px solid #d9e1f2!important;border-radius:14px!important;background:linear-gradient(135deg,#f2f8ff,#f4f1ff)!important}
  .route-configurator .cfg-final-highlight span{color:#3b61bd!important;font-size:7px!important}
  .route-configurator .cfg-final-highlight b{color:#101b38!important;font-size:20px!important;font-weight:700!important}
  .route-configurator .cfg-final-highlight small{color:#6f788b!important;font-size:8px!important}
  .route-configurator .cfg-regulatory-note{margin-bottom:10px!important;padding:10px 12px!important;border:1px solid #e6d98c!important;border-radius:11px!important;background:#fff9df!important;color:#63521b!important;font-size:8px!important}
  .route-configurator .cfg-service-contact{gap:7px!important;margin:6px 0!important}.route-configurator .cfg-service-contact label{padding:9px!important;border-radius:11px!important}.route-configurator .cfg-service-contact b{font-size:8px!important}.route-configurator .cfg-service-contact small{font-size:6.8px!important}
  .route-configurator .cfg-contact{gap:8px!important}.route-configurator .cfg-form-grid{gap:8px!important}
  .route-configurator .cfg-contact label>span{font-size:7.5px!important}.route-configurator .cfg-contact input,.route-configurator .cfg-contact textarea{padding:9px 10px!important;border-color:#dfe3eb!important;border-radius:9px!important;font-size:9px!important}.route-configurator .cfg-contact textarea{min-height:70px!important}

  .route-configurator .cfg-workspace.is-welcome{padding:clamp(16px,2vw,28px)!important}
  .route-configurator .cfg-workspace.is-welcome .cfg-builder-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
  .route-configurator .cfg-workspace.is-welcome .cfg-step-rail,.route-configurator .cfg-workspace.is-welcome .cfg-price{display:none!important}
  .route-configurator .cfg-workspace.is-welcome .cfg-builder-grid>.cfg-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:100%!important;min-height:0!important}
  .route-configurator .cfg-workspace.is-welcome .cfg-main{display:grid!important;place-items:center!important;height:100%!important;min-height:0!important;padding:clamp(22px,3vw,48px)!important;overflow:hidden!important;border-color:#e1e4ee!important;background:radial-gradient(circle at 85% 16%,rgba(129,101,245,.13),transparent 28%),radial-gradient(circle at 18% 88%,rgba(29,203,226,.12),transparent 30%),#fff!important}
  .route-configurator .cfg-workspace.is-welcome .cfg-main:after{display:none!important}
  .route-configurator .cfg-welcome-step{position:relative!important;isolation:isolate!important;display:grid!important;justify-items:center!important;width:min(760px,95%)!important;margin:auto!important;padding:clamp(30px,3.6vw,56px)!important;border:1px solid rgba(210,215,231,.96)!important;border-radius:18px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 27px 65px rgba(32,42,89,.17)!important;text-align:center!important;overflow:hidden!important;transform:perspective(1200px) rotateY(-2.2deg) rotateZ(-.5deg)!important;transition:transform .45s ease,box-shadow .45s ease!important}
  .route-configurator .cfg-welcome-step:hover{transform:perspective(1200px) rotateY(0) rotateZ(0) translateY(-3px)!important;box-shadow:0 34px 80px rgba(32,42,89,.20)!important}
  .route-configurator .cfg-welcome-step:before{content:""!important;position:absolute!important;z-index:-3!important;inset:0!important;background-image:linear-gradient(rgba(57,78,168,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(57,78,168,.04) 1px,transparent 1px)!important;background-size:38px 38px!important;mask-image:linear-gradient(to bottom,#000,transparent 82%)!important}
  .cfg-welcome-ribbon{position:absolute;z-index:-1;border-radius:48% 52% 62% 38%/38% 42% 58% 62%;pointer-events:none;filter:saturate(1.1)}
  .cfg-welcome-ribbon-one{right:-135px;top:-90px;width:330px;height:430px;background:linear-gradient(150deg,rgba(245,242,255,.1),rgba(113,110,246,.42) 52%,rgba(192,101,239,.34));transform:rotate(18deg);box-shadow:inset 20px 0 50px rgba(255,255,255,.34)}
  .cfg-welcome-ribbon-two{right:-85px;bottom:-165px;width:310px;height:330px;background:linear-gradient(145deg,rgba(63,215,233,.35),rgba(105,82,238,.34) 58%,rgba(203,105,237,.25));transform:rotate(-17deg)}
  .route-configurator .cfg-welcome-mark{display:grid!important;width:58px!important;height:58px!important;margin-bottom:14px!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(145deg,#0b1640,#3b3bc4 55%,#1db9d1)!important;box-shadow:0 13px 28px rgba(44,54,172,.27)!important;color:#fff!important}
  .route-configurator .cfg-welcome-mark span{width:24px!important;height:10px!important;border-width:1.8px!important}
  .route-configurator .cfg-welcome-mark b{right:7px!important;top:5px!important;font-size:11px!important}
  .route-configurator .cfg-welcome-kicker{padding:6px 10px!important;border-color:#dbe1f2!important;background:rgba(255,255,255,.87)!important;color:#5364b5!important;font-size:8px!important;box-shadow:0 7px 18px rgba(41,53,117,.06)!important}
  .route-configurator .cfg-welcome-step h2{margin:14px 0 11px!important;color:var(--cfg-ink)!important;font-family:"Space Grotesk","Manrope",sans-serif!important;font-size:clamp(37px,3.55vw,58px)!important;font-weight:700!important;line-height:.94!important;letter-spacing:-.052em!important}
  .route-configurator .cfg-welcome-step h2 small{display:block;margin-top:7px;color:#111b38;font-size:.56em;font-weight:650;letter-spacing:-.04em}
  .route-configurator .cfg-welcome-step>p{max-width:590px!important;margin:0!important;color:#777e8e!important;font-size:10px!important;line-height:1.55!important}
  .route-configurator .cfg-welcome-start{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-width:245px!important;min-height:48px!important;margin:20px 0 18px!important;padding:7px 8px 7px 18px!important;border:0!important;border-radius:10px!important;background:linear-gradient(105deg,#075ff2,#174df5 58%,#9d70e8)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;box-shadow:0 14px 30px rgba(25,76,222,.26)!important;cursor:pointer!important}
  .route-configurator .cfg-welcome-start b{display:grid!important;width:32px!important;height:32px!important;place-items:center!important;border-radius:8px!important;background:rgba(255,255,255,.18)!important;font-size:15px!important}
  .route-configurator .cfg-welcome-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin:0!important}
  .route-configurator .cfg-welcome-points article{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:10px!important;border:1px solid #e3e6ef!important;border-radius:10px!important;background:rgba(255,255,255,.80)!important;color:#37415a!important;text-align:left!important;box-shadow:0 8px 20px rgba(34,46,93,.05)!important}
  .route-configurator .cfg-welcome-points article i{display:grid!important;width:31px!important;height:31px!important;place-items:center!important;border-radius:9px!important;background:#f1f3ff!important;color:#435ac7!important}
  .route-configurator .cfg-welcome-points svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .route-configurator .cfg-welcome-points article span{color:#3c465f!important;font-size:7.8px!important;font-weight:700!important;line-height:1.35!important}
  .route-configurator .cfg-studio:has(.cfg-workspace:not(.is-welcome)) .cfg-launch-cta,.route-configurator .cfg-studio:has(.cfg-workspace:not(.is-welcome)) .cfg-launch-note{display:none!important}
  .route-configurator .cfg-form-gallery,.route-configurator .site-footer{display:none!important}
}

@media(min-width:981px) and (max-width:1380px){
  .route-configurator .cfg-studio{grid-template-columns:clamp(330px,27vw,390px) minmax(0,1fr)!important}
  .route-configurator .cfg-launch-panel{padding:27px!important}
  .route-configurator .cfg-launch-panel h1{font-size:38px!important}
  .route-configurator .cfg-story-cards{gap:7px!important;margin-top:16px!important}
  .route-configurator .cfg-story-cards article{min-height:61px!important;padding:9px 11px!important;grid-template-columns:36px minmax(0,1fr)!important}
  .route-configurator .cfg-story-cards article>i{width:35px!important;height:35px!important}.route-configurator .cfg-story-cards svg{width:23px;height:23px}
  .route-configurator .cfg-story-cards article b{font-size:10px!important}.route-configurator .cfg-story-cards article small{font-size:8px!important}
  .route-configurator .cfg-builder-grid>.cfg-layout{grid-template-columns:minmax(0,1fr) 230px!important}
  .route-configurator .cfg-choice-grid,.route-configurator .cfg-quantity-grid,.route-configurator .cfg-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .route-configurator .cfg-category{min-height:110px!important;padding:14px!important;grid-template-columns:55px minmax(0,1fr)!important}.cfg-category-icon{width:55px;height:55px}.cfg-category-icon svg{width:34px;height:34px}
  .cfg-technical-board{grid-template-columns:1fr!important}.cfg-tech-column+ .cfg-tech-column{border-left:0;border-top:1px solid #e4e7ed}
  .cfg-review-flow{grid-template-columns:1fr 1fr!important}.cfg-review-flow>span{display:none!important}
}

@media(min-width:981px) and (max-height:760px){
  .route-configurator .cfg-launch-panel{padding-block:20px!important}.route-configurator .cfg-story-kicker{margin-bottom:10px!important}.route-configurator .cfg-launch-panel h1{margin-bottom:9px!important;font-size:34px!important}.route-configurator .cfg-launch-panel p{font-size:10px!important}.route-configurator .cfg-story-cards{gap:6px!important;margin-top:12px!important}.route-configurator .cfg-story-cards article{min-height:54px!important;padding:7px 9px!important}.route-configurator .cfg-story-cards article small{display:none!important}
  .route-configurator .cfg-step-head{margin-bottom:11px!important;padding-bottom:10px!important}.route-configurator .cfg-step-head h2{font-size:27px!important}.route-configurator .cfg-category{min-height:95px!important}.route-configurator .cfg-choice{min-height:68px!important}.cfg-capsule-size{min-height:145px!important}.route-configurator .cfg-welcome-step{padding:27px!important}.route-configurator .cfg-welcome-step h2{font-size:42px!important}.route-configurator .cfg-welcome-start{margin:13px 0!important}
}

@media(max-width:980px){
  body.route-configurator,body.route-configurator main{height:auto!important;min-height:100svh!important;overflow:auto!important}
  .route-configurator .cfg-experience{display:block!important;min-height:100svh!important;overflow:visible!important}
  .route-configurator .cfg-production-ticker{height:36px!important;min-height:36px!important}
  .route-configurator .cfg-studio{display:block!important;height:auto!important;min-height:0!important;background:#f8f9ff!important;overflow:visible!important}
  .route-configurator .cfg-launch-panel{position:relative!important;display:block!important;min-height:auto!important;padding:34px 22px 30px!important;border-bottom:1px solid #e4e7ef!important;background:radial-gradient(circle at 100% 0,rgba(114,91,240,.14),transparent 32%),radial-gradient(circle at 0 100%,rgba(31,204,228,.12),transparent 35%),#fff!important;color:var(--cfg-ink)!important}
  .route-configurator .cfg-story-kicker{display:inline-flex;margin-bottom:13px;padding:6px 9px;border:1px solid #dde2ef;border-radius:999px;color:#5365b3;font-size:8px;font-weight:850;letter-spacing:.12em}
  .route-configurator .cfg-launch-panel h1{max-width:670px!important;margin:0 0 12px!important;color:var(--cfg-ink)!important;font-family:"Space Grotesk",sans-serif!important;font-size:clamp(38px,8vw,58px)!important;font-weight:700!important;line-height:.98!important;letter-spacing:-.052em!important}
  .route-configurator .cfg-launch-panel p{max-width:650px!important;margin:0!important;color:#697184!important;font-size:12px!important;line-height:1.55!important}
  .route-configurator .cfg-story-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin-top:18px!important}
  .route-configurator .cfg-story-cards article{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding:10px!important;border:1px solid #e2e5ed!important;border-left:3px solid #318dd0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 9px 24px rgba(25,44,90,.07)!important}
  .route-configurator .cfg-story-cards article>i{display:grid!important;width:33px!important;height:33px!important;place-items:center!important;border-radius:10px!important;background:#eff3ff!important;color:#455fd1!important;font-style:normal!important}.route-configurator .cfg-story-cards svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .route-configurator .cfg-story-cards article span{display:grid;gap:2px}.route-configurator .cfg-story-cards article b{color:#17213d!important;font-size:9px!important}.route-configurator .cfg-story-cards article small{color:#747c8c!important;font-size:7px!important;line-height:1.35!important}
  .route-configurator .cfg-launch-cta{display:inline-flex!important;align-items:center!important;gap:16px!important;margin-top:18px!important;padding:8px 8px 8px 16px!important;border:0!important;border-radius:10px!important;background:linear-gradient(105deg,#075ff2,#174df5 58%,#9d70e8)!important;color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;box-shadow:0 13px 28px rgba(28,76,218,.24)!important}.route-configurator .cfg-launch-cta:before{display:none!important}.route-configurator .cfg-launch-cta>b{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:rgba(255,255,255,.17)}
  .route-configurator .cfg-launch-note{display:block;margin-top:9px;color:#9198a8;font-size:8px}.route-configurator .cfg-launch-demo{display:none!important}
  .route-configurator .cfg-workspace{height:auto!important;min-height:0!important;padding:10px!important;overflow:visible!important;background:#f8f9ff!important}
  .route-configurator .cfg-builder-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px!important;width:100%!important;min-height:0!important}
  .route-configurator .cfg-step-rail{position:sticky!important;top:7px!important;z-index:70!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;max-height:none!important;padding:6px!important;border:1px solid #dfe3ed!important;border-radius:15px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 25px rgba(25,38,79,.10)!important}
  .route-configurator .cfg-rail-home{display:flex!important;justify-content:center!important;min-width:40px!important;min-height:36px!important;padding:4px!important}.route-configurator .cfg-rail-home b,.route-configurator .cfg-rail-live span{display:none!important}
  .route-configurator .cfg-step-rail .cfg-progress{display:flex!important;flex-direction:row!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important}.route-configurator .cfg-step-rail .cfg-progress button{display:flex!important;min-width:38px!important;min-height:36px!important;flex:0 0 auto!important;justify-content:center!important;padding:4px!important}.route-configurator .cfg-step-rail .cfg-progress button b{display:none!important}.route-configurator .cfg-step-rail .cfg-progress button span{width:27px!important;height:27px!important;flex-basis:27px!important}
  .route-configurator .cfg-builder-grid>.cfg-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .route-configurator .cfg-builder-grid .cfg-main{height:auto!important;min-height:0!important;padding:22px 18px!important;border-radius:21px!important;background:#fff!important;box-shadow:0 18px 48px rgba(24,35,74,.09)!important;overflow:visible!important}
  .route-configurator .cfg-builder-grid .cfg-price{position:sticky!important;z-index:60!important;bottom:8px!important;height:auto!important;min-height:0!important;max-height:52svh!important;border:1px solid rgba(37,211,233,.4)!important;border-radius:18px!important;background:#0a1b44!important;overflow:hidden!important;box-shadow:0 19px 45px rgba(9,28,70,.25)!important}.route-configurator .cfg-price-body{max-height:34svh!important;overflow-y:auto!important;background:transparent!important}
  .route-configurator .cfg-step-head h2{font-size:clamp(28px,6vw,39px)!important}.route-configurator .cfg-category-grid{grid-template-columns:1fr 1fr!important}.route-configurator .cfg-choice-grid,.route-configurator .cfg-quantity-grid,.route-configurator .cfg-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cfg-technical-board{grid-template-columns:1fr!important}.cfg-tech-column+ .cfg-tech-column{border-left:0;border-top:1px solid #e4e7ed}.cfg-review-flow{grid-template-columns:1fr 1fr!important}.cfg-review-flow>span{display:none!important}
  .route-configurator .cfg-workspace.is-welcome{padding:12px!important}.route-configurator .cfg-workspace.is-welcome .cfg-main{display:grid!important;place-items:center!important;min-height:620px!important;overflow:hidden!important}.route-configurator .cfg-welcome-step{width:min(720px,100%)!important;transform:none!important}
  .route-configurator .cfg-studio:has(.cfg-workspace:not(.is-welcome)) .cfg-launch-panel{display:none!important}
}

@media(max-width:650px){
  .route-configurator .cfg-production-track>span{font-size:8px!important}
  .route-configurator .cfg-launch-panel{padding:27px 16px 24px!important}.route-configurator .cfg-launch-panel h1{font-size:39px!important}.route-configurator .cfg-story-cards{grid-template-columns:1fr!important}.route-configurator .cfg-story-cards article small{font-size:7.5px!important}
  .route-configurator .cfg-workspace{padding:7px 7px calc(78px + env(safe-area-inset-bottom))!important}.route-configurator .cfg-step-rail{top:5px!important;padding:5px!important;border-radius:13px!important}.route-configurator .cfg-builder-grid .cfg-main{padding:20px 14px!important;border-radius:18px!important}
  .route-configurator .cfg-step-head{display:grid!important;gap:8px!important}.route-configurator .cfg-step-head h2{font-size:31px!important}.route-configurator .cfg-category-grid{grid-template-columns:1fr!important}.route-configurator .cfg-category{grid-template-columns:56px minmax(0,1fr)!important;min-height:105px!important;padding:14px!important}.cfg-category-icon{width:56px;height:56px}.cfg-category-icon svg{width:34px;height:34px}
  .route-configurator .cfg-choice-grid,.route-configurator .cfg-quantity-grid,.route-configurator .cfg-product-grid{grid-template-columns:1fr!important}.route-configurator .cfg-choice{min-height:76px!important}
  .cfg-capsule-size-grid{grid-template-columns:1fr 1fr}.cfg-capsule-size{min-height:155px;padding:13px 8px}.route-configurator .cfg-mg-pills{grid-template-columns:1fr 1fr!important}
  .cfg-review-flow{grid-template-columns:1fr!important}.cfg-review-flow>article{min-height:85px!important}.route-configurator .cfg-service-contact{grid-template-columns:1fr!important}
  .route-configurator .cfg-welcome-step{padding:27px 15px!important;border-radius:17px!important}.route-configurator .cfg-welcome-step h2{font-size:38px!important}.route-configurator .cfg-welcome-step>p{font-size:9px!important}.route-configurator .cfg-welcome-start{width:100%!important;min-width:0!important}.route-configurator .cfg-welcome-points{grid-template-columns:1fr!important}.route-configurator .cfg-welcome-points article{min-height:50px!important}.cfg-welcome-ribbon-one{right:-190px!important}.cfg-welcome-ribbon-two{right:-160px!important}
  .route-configurator .cfg-price-toggle{display:block!important}.route-configurator .cfg-builder-grid .cfg-price:not(.is-open) .cfg-price-body{display:none!important}.route-configurator .cfg-builder-grid .cfg-price:not(.is-open){max-height:none!important}.route-configurator .cfg-price-top{padding:13px 14px!important}.route-configurator .cfg-total{font-size:23px!important}
}

@media(prefers-reduced-motion:reduce){.cfg-welcome-step,.cfg-story-cards article,.cfg-launch-cta{animation:none!important;transition:none!important;transform:none!important}}
@keyframes cfg-presentation-breathe{0%,100%{transform:translateY(0);box-shadow:0 15px 35px rgba(28,79,231,.24)}50%{transform:translateY(-2px);box-shadow:0 19px 42px rgba(28,79,231,.34)}}

/* v1.87 success process: four stages */
.cfg-done-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:900px){.cfg-done-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.cfg-done-steps{grid-template-columns:1fr!important}}

/* v1.87.1 category card specificity repair */
@media(min-width:1px){
  .route-configurator button.cfg-category>span.cfg-category-icon{display:grid!important;flex:none!important;width:68px!important;height:68px!important;padding:0!important;place-items:center!important;border:1px solid #d7dcf0!important;border-radius:50%!important;background:linear-gradient(145deg,#f1edff,#eaf8ff)!important;color:#6242d7!important;box-shadow:0 10px 24px rgba(73,66,184,.10)!important;letter-spacing:0!important}
  .route-configurator button.cfg-category>span.cfg-category-copy{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:center!important;gap:7px!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;letter-spacing:0!important;overflow:visible!important}
  .route-configurator button.cfg-category>span.cfg-category-copy>b{display:block!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;color:#101a36!important;font-family:"Space Grotesk","Manrope",sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.015em!important;white-space:normal!important}
  .route-configurator button.cfg-category>span.cfg-category-copy>small{display:block!important;width:auto!important;max-width:210px!important;margin:0!important;padding:0!important;color:#656d80!important;font-size:9px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:0!important;white-space:normal!important}
}
@media(min-width:981px) and (max-width:1380px){.route-configurator button.cfg-category>span.cfg-category-icon{width:55px!important;height:55px!important}}
@media(max-width:720px){.route-configurator button.cfg-category>span.cfg-category-icon{width:56px!important;height:56px!important}}

/* v1.87.2 mobile icon and page-length repair */
.route-configurator .cfg-subtitle>i{display:grid!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;place-items:center!important;border-radius:9px!important;background:linear-gradient(145deg,#eef5ff,#f0ecff)!important;color:#5865d8!important;overflow:hidden!important}
.route-configurator .cfg-subtitle>i svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.route-configurator .cfg-form-gallery,.route-configurator .site-footer{display:none!important}
.route-configurator .cfg-selection-band{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}
.route-configurator .cfg-selection-band>i{display:grid!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;place-items:center!important;border-radius:9px!important;background:#f2f1ff!important;color:#5545c6!important;overflow:hidden!important}
.route-configurator .cfg-selection-band>i svg{display:block!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* v1.87.3 presentation components on tablet and mobile */
@media(max-width:980px){
  .route-configurator .cfg-technical-board{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:2px 0 14px!important;border:1px solid #dfe4ec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 32px rgba(24,53,116,.09)!important;overflow:hidden!important}
  .route-configurator .cfg-technical-board:before{content:""!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(70,86,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,86,160,.045) 1px,transparent 1px)!important;background-size:34px 34px!important;pointer-events:none!important}
  .route-configurator .cfg-technical-board:after{content:""!important;position:absolute!important;right:-90px!important;bottom:-105px!important;width:220px!important;height:220px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(29,121,242,.20),rgba(140,98,246,.10) 45%,transparent 70%)!important;filter:blur(8px)!important;pointer-events:none!important}
  .route-configurator .cfg-tech-column{position:relative!important;z-index:1!important;padding:14px!important}
  .route-configurator .cfg-tech-column+.cfg-tech-column{border-top:1px solid #e4e7ed!important;border-left:0!important}
  .route-configurator .cfg-panel-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid #eaecf1!important}
  .route-configurator .cfg-panel-heading span{color:#192541!important;font-size:13px!important;font-weight:850!important}
  .route-configurator .cfg-panel-heading small{color:#868c9b!important;font-size:8px!important;text-align:right!important}
  .route-configurator .cfg-capsule-size-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .route-configurator .cfg-capsule-size{position:relative!important;display:grid!important;justify-items:center!important;align-content:start!important;gap:8px!important;min-height:175px!important;padding:15px 9px!important;border:1px solid #dfe3ea!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#f9fbff)!important;color:#111b36!important;cursor:pointer!important;overflow:hidden!important}
  .route-configurator .cfg-capsule-size:hover,.route-configurator .cfg-capsule-size.is-selected{transform:translateY(-2px)!important;border-color:#268bc3!important;background:linear-gradient(155deg,#f4fbff,#fff,#f3efff)!important;box-shadow:0 0 0 2px rgba(40,141,194,.08),0 13px 28px rgba(29,83,145,.11)!important}
  .route-configurator .cfg-capsule-size>i{position:absolute!important;right:8px!important;top:8px!important;display:grid!important;width:19px!important;height:19px!important;place-items:center!important;border:1px solid #d9dde7!important;border-radius:50%!important;background:#fff!important;color:transparent!important;font-size:8px!important;font-style:normal!important}
  .route-configurator .cfg-capsule-size.is-selected>i{border-color:#4d68d9!important;background:#536ce0!important;color:#fff!important}
  .route-configurator .cfg-capsule-size>b{display:block!important;margin:0!important;color:#111b36!important;font-family:"Space Grotesk","Manrope",sans-serif!important;font-size:25px!important;line-height:1.02!important;text-align:center!important}
  .route-configurator .cfg-capsule-size>small{display:block!important;max-width:125px!important;color:#6e7687!important;font-size:8px!important;line-height:1.4!important;text-align:center!important}
  .route-configurator .cfg-capsule-visual{position:relative!important;display:block!important;width:27px!important;height:66px!important;border-radius:999px!important;background:linear-gradient(180deg,#945ee8 0 49%,#c995f4 49% 51%,#7040c7 51% 100%)!important;box-shadow:inset 0 0 7px rgba(255,255,255,.42),0 9px 18px rgba(94,58,189,.22)!important}
  .route-configurator .cfg-capsule-0{width:23px!important;height:58px!important}
  .route-configurator .cfg-capsule-visual u{position:absolute!important;left:2px!important;right:2px!important;top:49%!important;height:2px!important;background:rgba(255,255,255,.45)!important;text-decoration:none!important}
  .route-configurator .cfg-mg-pills{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-bottom:13px!important}
  .route-configurator .cfg-mg-pills button{min-width:0!important;min-height:39px!important;padding:5px!important;border:1px solid #dfe3eb!important;border-radius:999px!important;background:#fff!important;color:#26344f!important;font-size:10px!important;font-weight:750!important;box-shadow:0 4px 12px rgba(34,52,94,.04)!important}
  .route-configurator .cfg-mg-pills button:hover,.route-configurator .cfg-mg-pills button.is-selected{border-color:#6248d9!important;background:linear-gradient(145deg,#6652dc,#713dd2)!important;color:#fff!important;box-shadow:0 8px 18px rgba(77,56,198,.20)!important}
  .route-configurator .cfg-number-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:0!important;border:1px solid #dfe3eb!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
  .route-configurator .cfg-number-field>span{grid-column:1/-1!important;padding:9px 11px 0!important;color:#7c8393!important;font-size:8px!important;font-weight:700!important}
  .route-configurator .cfg-number-field input{height:43px!important;padding:0 11px!important;border:0!important;background:transparent!important;color:#14213f!important;font-size:16px!important;font-weight:800!important;outline:0!important}
  .route-configurator .cfg-number-field b{padding:0 11px!important;color:#4a5570!important;font-size:9px!important}
  .route-configurator .cfg-inline-help{display:flex!important;align-items:center!important;gap:7px!important;margin:11px 0 0!important;color:#737b8c!important;font-size:8px!important;line-height:1.4!important}
  .route-configurator .cfg-inline-help i{display:grid!important;width:17px!important;height:17px!important;flex:0 0 17px!important;place-items:center!important;border:1px solid #cdd4e3!important;border-radius:50%!important;color:#4770ce!important;font-size:8px!important;font-style:normal!important;font-weight:800!important}
  .route-configurator .cfg-shell-panel{padding:13px!important;border:1px solid #e3e6ed!important;border-radius:16px!important;background:#fbfcff!important}
  .route-configurator .cfg-subtitle{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 10px!important}
  .route-configurator .cfg-subtitle h3{margin:0!important;color:#18233f!important;font-size:13px!important}.route-configurator .cfg-subtitle p{margin:0!important;color:#7a8190!important;font-size:8px!important;text-align:right!important}

  .route-configurator .cfg-service-board{padding:13px!important;border:1px solid #e0e4ed!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#fafbff)!important;box-shadow:0 14px 30px rgba(29,45,88,.08)!important}
  .route-configurator .cfg-service-board>header{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:12px!important;padding-bottom:11px!important;border-bottom:1px solid #e5e8ef!important}
  .route-configurator .cfg-service-board>header>i{display:grid!important;flex:0 0 42px!important;width:42px!important;height:42px!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(145deg,#e9f4ff,#eeeaff)!important;color:#485bcf!important;overflow:hidden!important}
  .route-configurator .cfg-service-board>header svg{display:block!important;width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .route-configurator .cfg-service-board>header span{display:grid!important;gap:2px!important}.route-configurator .cfg-service-board>header b{color:#16213d!important;font-size:14px!important}.route-configurator .cfg-service-board>header small{color:#7c8393!important;font-size:9px!important}

  .route-configurator .cfg-review-flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;margin:0 0 13px!important;padding:11px!important;border:1px solid #dfe3eb!important;border-radius:17px!important;background:#fff!important;box-shadow:0 12px 28px rgba(31,44,86,.08)!important}
  .route-configurator .cfg-review-flow>article{display:grid!important;justify-items:center!important;align-content:center!important;gap:8px!important;min-height:112px!important;padding:11px 8px!important;border:1px solid #e2e5ec!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#fafbff)!important;text-align:center!important}
  .route-configurator .cfg-review-flow>article>i{display:grid!important;width:42px!important;height:42px!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(145deg,#edf5ff,#eeeaff)!important;color:#405bd0!important;overflow:hidden!important}
  .route-configurator .cfg-review-flow svg{display:block!important;width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .route-configurator .cfg-review-flow article b{color:#1a2540!important;font-size:10px!important;line-height:1.35!important}
  .route-configurator .cfg-review-flow>span{display:none!important}
}


/* v1.88 supplement technical options, clean quantity cards and corporate pricing note */
.route-configurator .cfg-choice-quantity em{display:none!important}
.route-configurator .cfg-vat{display:none!important}
.cfg-tablet-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cfg-tablet-type{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;min-height:145px;padding:13px 8px;border:1px solid #dfe3ea;border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbff);color:#111b36;cursor:pointer;transition:.2s;overflow:hidden}
.cfg-tablet-type:hover,.cfg-tablet-type.is-selected{transform:translateY(-2px);border-color:#268bc3;background:linear-gradient(155deg,#f4fbff,#fff,#f3efff);box-shadow:0 0 0 2px rgba(40,141,194,.08),0 13px 28px rgba(29,83,145,.11)}
.cfg-tablet-type>i{position:absolute;right:8px;top:8px;display:grid;width:19px;height:19px;place-items:center;border:1px solid #d9dde7;border-radius:50%;background:#fff;color:transparent;font-size:8px;font-style:normal}
.cfg-tablet-type.is-selected>i{border-color:#4d68d9;background:#536ce0;color:#fff}
.cfg-tablet-type>b{color:#111b36;font-family:"Space Grotesk","Manrope",sans-serif;font-size:11px;line-height:1.15;text-align:center}
.cfg-tablet-type>small{color:#697387;font-size:8px;font-weight:700;text-align:center}
.cfg-tablet-visual{position:relative;display:block;margin:5px 0 2px;background:linear-gradient(145deg,#8a60e8,#6556d9);box-shadow:inset 0 0 6px rgba(255,255,255,.4),0 8px 16px rgba(78,58,186,.2)}
.cfg-tablet-visual.round{border-radius:50%}.cfg-tablet-visual.round.small{width:29px;height:29px}.cfg-tablet-visual.round.medium{width:37px;height:37px}.cfg-tablet-visual.round.large{width:45px;height:45px}
.cfg-tablet-visual.oblong{width:58px;height:27px;border-radius:999px;transform:rotate(-8deg)}
.cfg-tablet-visual.effervescent{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#e7ecff,#cfd9ff);border:3px solid #7866dc;box-shadow:inset 0 0 0 3px rgba(255,255,255,.8),0 8px 16px rgba(78,58,186,.18)}
.cfg-tablet-visual u{position:absolute;left:12%;right:12%;top:50%;height:1px;background:rgba(255,255,255,.7);transform:rotate(-35deg);text-decoration:none}
.cfg-tablet-visual.effervescent u{left:15%;right:15%;background:#7665d6}
.cfg-tablet-prompt{padding:24px 15px!important}
.cfg-commercial-note{display:grid;gap:5px;margin:0 0 11px;padding:10px 12px;border:1px solid #dfe4ed;border-radius:11px;background:#f8faff;color:#687287;font-size:8px;font-weight:400;line-height:1.55}
.cfg-commercial-note p{margin:0}.cfg-commercial-note b{color:#36435f;font-weight:700}
@media(max-width:1380px){.cfg-tablet-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-tablet-type{min-height:132px}}
@media(max-width:720px){.cfg-tablet-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-tablet-type{min-height:130px;padding:11px 7px}.cfg-commercial-note{font-size:8px}}


/* v1.89 corporate registration and step-by-step ERP pricing */
.route-configurator .cfg-line>span{display:grid;gap:2px;min-width:0}
.route-configurator .cfg-line>span>small{color:#6079ac;font-size:6.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.route-configurator .cfg-line.is-pending b{max-width:118px;color:#7f91b7!important;font-size:6.8px!important;font-weight:650!important;line-height:1.3}
.route-configurator .cfg-customer-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 11px;padding:12px 13px;border:1px solid #dfe4ed;border-radius:12px;background:linear-gradient(145deg,#f7fbff,#f5f2ff)}
.route-configurator .cfg-customer-summary>div{display:grid;gap:3px;min-width:0}.route-configurator .cfg-customer-summary span{color:#5167b0;font-size:7px;font-weight:900;letter-spacing:.12em}.route-configurator .cfg-customer-summary b{overflow:hidden;color:#16213d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.route-configurator .cfg-customer-summary small{color:#788298;font-size:7.5px;line-height:1.4}
.route-configurator .cfg-customer-summary button{flex:0 0 auto;padding:8px 10px;border:1px solid #d8ddec;border-radius:9px;background:#fff;color:#4e5f92;font-size:7px;font-weight:800;cursor:pointer}
.route-configurator .cfg-workspace.is-registration .cfg-step-rail{display:flex!important}.route-configurator .cfg-registration-step{max-width:900px;margin:0 auto}
.route-configurator .cfg-registration-form{display:grid;gap:13px;padding:17px;border:1px solid #dfe4ed;border-radius:17px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:0 17px 36px rgba(31,48,100,.08)}
.route-configurator .cfg-registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.route-configurator .cfg-registration-form label{display:grid;gap:6px}.route-configurator .cfg-registration-form label>span{color:#3f4c68;font-size:8px;font-weight:850;letter-spacing:.03em}
.route-configurator .cfg-registration-form input,.route-configurator .cfg-registration-form textarea{width:100%;padding:11px 12px;border:1px solid #dce1eb;border-radius:10px;background:#fff;color:#15213e;font:inherit;font-size:9px;outline:0}
.route-configurator .cfg-registration-form input:focus,.route-configurator .cfg-registration-form textarea:focus{border-color:#536bd9;box-shadow:0 0 0 3px rgba(83,107,217,.09)}
.route-configurator .cfg-registration-form label>small{color:#8a91a2;font-size:6.8px;line-height:1.35}.route-configurator .cfg-registration-address{grid-column:1/-1}
.route-configurator .cfg-registration-actions{display:grid;grid-template-columns:minmax(230px,auto) 1fr;align-items:center;gap:12px;padding-top:3px}.route-configurator .cfg-registration-actions .cfg-submit{margin:0;background:linear-gradient(105deg,#075ff2,#174df5 58%,#9d70e8)!important}
.route-configurator .cfg-registration-actions .cfg-status{margin:0}
@media(max-width:720px){.route-configurator .cfg-registration-grid{grid-template-columns:1fr}.route-configurator .cfg-registration-form{padding:13px}.route-configurator .cfg-registration-actions{grid-template-columns:1fr}.route-configurator .cfg-customer-summary{align-items:flex-start;flex-direction:column}.route-configurator .cfg-customer-summary button{width:100%}.route-configurator .cfg-line.is-pending b{max-width:105px}}


/* v1.90.0: Saşe, sıvı takviye ve kozmetik teknik seçimleri */
.cfg-two-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cfg-pack-visual{position:relative;display:grid;width:62px;height:62px;place-items:center;margin:3px auto 1px}
.cfg-pack-visual:before,.cfg-pack-visual:after{content:"";position:absolute;border:2px solid #586bd7;background:linear-gradient(155deg,#eaf7ff,#f5efff);box-shadow:0 8px 18px rgba(63,86,190,.16)}
.cfg-pack-visual.stick:before{width:22px;height:58px;border-radius:8px 8px 10px 10px}
.cfg-pack-visual.stick:after{width:16px;height:2px;border-width:1px 0;box-shadow:0 40px 0 rgba(88,107,215,.8)}
.cfg-pack-visual.square:before{width:54px;height:49px;border-radius:9px}
.cfg-pack-visual.square:after{width:43px;height:2px;border-width:1px 0;box-shadow:0 32px 0 rgba(88,107,215,.75)}
.cfg-format-card>small{max-width:145px;line-height:1.35}
.cfg-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.cfg-audience-icon,.cfg-cosmetic-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:linear-gradient(150deg,#eef8ff,#f4efff);box-shadow:0 9px 22px rgba(51,83,177,.13)}
.cfg-audience-icon svg,.cfg-cosmetic-icon svg{width:39px;height:39px;fill:none;stroke:#4d63d5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cfg-cosmetic-icon svg text{fill:#4d63d5;stroke:none;font:800 9px/1 "Space Grotesk",sans-serif}
.cfg-cosmetic-board{display:grid;gap:18px}
.cfg-cosmetic-board>section{position:relative;padding:20px;border:1px solid #dfe4ec;border-radius:20px;background:#fff;box-shadow:0 15px 34px rgba(24,53,116,.08)}
.cfg-cosmetic-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.cfg-cosmetic-type{min-height:150px}
.cfg-cosmetic-type>b{font-size:10px;max-width:145px}
.cfg-cosmetic-volume .cfg-mg-pills{margin-bottom:13px}
.cfg-cosmetic-ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cfg-cosmetic-ingredient{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:11px 38px 11px 12px;border:1px solid #dfe4ec;border-radius:14px;background:linear-gradient(180deg,#fff,#fafbff);color:#111b36;text-align:left;cursor:pointer}
.cfg-cosmetic-ingredient>span{display:grid;width:28px;height:28px;place-items:center;border-radius:10px;background:#eef2ff;color:#536ce0;font-size:18px;font-weight:700}
.cfg-cosmetic-ingredient>b{font-size:10px;line-height:1.25}
.cfg-cosmetic-ingredient>i{position:absolute;right:10px;display:grid;width:18px;height:18px;place-items:center;border:1px solid #d8ddea;border-radius:50%;color:transparent;font-size:8px;font-style:normal}
.cfg-cosmetic-ingredient.is-selected{border-color:#536ce0;background:linear-gradient(145deg,#f2f8ff,#f6f0ff);box-shadow:0 10px 24px rgba(77,99,213,.11)}
.cfg-cosmetic-ingredient.is-selected>i{border-color:#536ce0;background:#536ce0;color:#fff}
.cfg-cosmetic-selected{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e4e7ee;border-radius:12px;background:#fff}
.cfg-cosmetic-selected>b{font-size:11px}.cfg-cosmetic-selected>span{color:#748096;font-size:9px}
.cfg-cosmetic-custom-grid{grid-template-columns:1.1fr .55fr 1.5fr auto}
@media(max-width:1200px){.cfg-cosmetic-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-cosmetic-ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cfg-audience-grid,.cfg-cosmetic-type-grid,.cfg-cosmetic-ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cfg-cosmetic-board>section{padding:14px}.cfg-cosmetic-custom-grid{grid-template-columns:1fr}.cfg-cosmetic-selected{align-items:flex-start;flex-direction:column}.cfg-cosmetic-type{min-height:135px}}


/* v1.91.0: connected step dots, private pricing, liquid/oil/cream packaging */
@keyframes cfg-step-dot-pulse{0%,100%{box-shadow:0 0 0 0 rgba(37,202,220,.08),0 0 10px rgba(37,202,220,.28)}50%{box-shadow:0 0 0 5px rgba(37,202,220,.15),0 0 20px rgba(37,202,220,.58)}}
.route-configurator .cfg-step-rail .cfg-progress{gap:0!important;align-items:flex-start!important;overflow-x:auto!important;padding:0 2px!important}
.route-configurator .cfg-step-rail .cfg-progress button{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:25px auto!important;justify-items:center!important;align-content:start!important;gap:4px!important;min-width:82px!important;min-height:42px!important;padding:0 4px!important;border-radius:0!important;background:transparent!important;color:#858ba0!important;overflow:visible!important;box-shadow:none!important}
.route-configurator .cfg-step-rail .cfg-progress button:not(:last-child):after{content:"";position:absolute;z-index:0;left:calc(50% + 10px);top:11px;width:calc(100% - 20px);height:2px;border-radius:99px;background:#dfe4ee!important}
.route-configurator .cfg-step-rail .cfg-progress button.is-done:not(:last-child):after{background:linear-gradient(90deg,#20c9d9,#5268df)!important;box-shadow:0 0 9px rgba(39,201,218,.30)}
.route-configurator .cfg-step-rail .cfg-progress button span{position:relative!important;z-index:2!important;display:grid!important;width:20px!important;height:20px!important;flex:0 0 20px!important;place-items:center!important;border:2px solid #dce1eb!important;border-radius:50%!important;background:#fff!important;color:#8a91a2!important;font-size:7px!important;font-weight:900!important;box-shadow:0 0 0 4px #fff!important}
.route-configurator .cfg-step-rail .cfg-progress button b{position:relative!important;z-index:2!important;display:block!important;max-width:100%!important;color:inherit!important;font-size:7.5px!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important}
.route-configurator .cfg-step-rail .cfg-progress button.is-active{background:transparent!important;color:#3158d4!important;box-shadow:none!important}
.route-configurator .cfg-step-rail .cfg-progress button.is-active span{border-color:#4f62df!important;background:#4f62df!important;color:#fff!important;animation:cfg-step-dot-pulse 1.25s ease-in-out infinite!important}
.route-configurator .cfg-step-rail .cfg-progress button.is-done{background:transparent!important;color:#10879b!important}
.route-configurator .cfg-step-rail .cfg-progress button.is-done span{border-color:#22c9d7!important;background:#22c9d7!important;color:#fff!important;animation:cfg-step-dot-pulse 1.8s ease-in-out infinite!important}
.route-configurator .cfg-private-price-note{padding:12px 0!important;color:#8290ad!important;font-size:7.5px!important;line-height:1.5!important}
.cfg-liquid-board,.cfg-oil-package-board{display:grid;gap:15px}
.cfg-liquid-board>section,.cfg-oil-package-board>section{padding:17px;border:1px solid #dfe4ec;border-radius:18px;background:#fff;box-shadow:0 13px 30px rgba(24,53,116,.07)}
.cfg-liquid-bottle-card,.cfg-oil-package-card,.cfg-cream-package-card{min-height:138px}
.cfg-cream-package-grid,.cfg-oil-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.cfg-oil-size-card>span{display:grid!important;align-content:center!important;width:52px!important;height:52px!important;border-radius:16px!important;background:linear-gradient(145deg,#edf7ff,#f3efff)!important;color:#4259c5!important;font-size:13px!important;font-weight:900!important;text-align:center!important}
.cfg-oil-size-card>span small{display:block;color:#7580a0;font-size:7px!important}
.cfg-tube-minimum{margin:12px 0 0!important}
.cfg-tube-quantity-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:11px 13px;border:1px solid #dfd9ff;border-radius:12px;background:linear-gradient(145deg,#f4f1ff,#f0fbff);color:#354366;font-size:9px}
.cfg-tube-quantity-note b{font-size:9px}.cfg-tube-quantity-note span{color:#4e59cb;font-weight:900}
@media(max-width:980px){.route-configurator .cfg-step-rail .cfg-progress button{min-width:38px!important;grid-template-rows:25px!important}.route-configurator .cfg-step-rail .cfg-progress button b{display:none!important}.route-configurator .cfg-step-rail .cfg-progress button:not(:last-child):after{left:calc(50% + 9px);width:calc(100% - 18px)}}
@media(max-width:720px){.cfg-cream-package-grid,.cfg-oil-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cfg-liquid-board>section,.cfg-oil-package-board>section{padding:13px}.cfg-liquid-bottle-card,.cfg-oil-package-card,.cfg-cream-package-card{min-height:128px}}

/* v1.92.0: premium minimal step rail + fixed viewport / overflow repair */
@keyframes cfg-premium-step-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 4px rgba(77,96,226,.08),0 0 0 0 rgba(39,211,224,.16)}
  50%{transform:scale(1.06);box-shadow:0 0 0 4px rgba(77,96,226,.10),0 0 0 7px rgba(39,211,224,.08)}
}
.route-configurator{max-width:100vw!important;overflow-x:hidden!important}
.route-configurator *{box-sizing:border-box}
.route-configurator .cfg-experience,
.route-configurator .cfg-production-ticker,
.route-configurator .cfg-studio,
.route-configurator .cfg-workspace,
.route-configurator .cfg-builder-grid,
.route-configurator .cfg-builder-grid>.cfg-layout,
.route-configurator .cfg-step-rail,
.route-configurator .cfg-step-rail .cfg-progress,
.route-configurator .cfg-main,
.route-configurator .cfg-price{min-width:0!important;max-width:100%!important}
.route-configurator .cfg-production-ticker{overflow:hidden!important;contain:paint}
.route-configurator .cfg-production-track{max-width:none!important;will-change:transform;contain:layout paint}
.route-configurator .cfg-main,.route-configurator .cfg-price-body{overflow-x:hidden!important;scrollbar-gutter:stable}

@media(min-width:981px){
  html:has(body.route-configurator),body.route-configurator{width:100%!important;max-width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;overflow:hidden!important;overscroll-behavior:none!important}
  body.route-configurator main{width:100%!important;max-width:100%!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
  body.route-configurator .preview-ribbon~main{height:calc(100dvh - 48px)!important}
  .route-configurator .cfg-experience{width:100%!important;height:100%!important;min-height:0!important;grid-template-rows:34px minmax(0,1fr)!important;overflow:hidden!important}
  .route-configurator .cfg-production-ticker{height:34px!important;min-height:34px!important}
  .route-configurator .cfg-studio{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
  .route-configurator .cfg-workspace{height:100%!important;min-height:0!important;overflow:hidden!important;padding:10px 12px 12px!important}
  .route-configurator .cfg-builder-grid{height:100%!important;min-height:0!important;grid-template-rows:58px minmax(0,1fr)!important;gap:8px!important;overflow:hidden!important}
  .route-configurator .cfg-builder-grid>.cfg-layout{height:100%!important;min-height:0!important;overflow:hidden!important}
  .route-configurator .cfg-main{height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .route-configurator .cfg-price{height:100%!important;min-height:0!important;overflow:hidden!important}

  .route-configurator .cfg-step-rail{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    min-height:58px!important;
    height:58px!important;
    gap:14px!important;
    padding:7px 12px!important;
    overflow:hidden!important;
    border:1px solid rgba(218,223,236,.86)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 10px 26px rgba(24,39,84,.055)!important;
    backdrop-filter:blur(18px)!important;
  }
  .route-configurator .cfg-rail-home{
    grid-column:1!important;
    grid-row:1!important;
    min-width:auto!important;
    min-height:34px!important;
    gap:7px!important;
    padding:4px 9px 4px 5px!important;
    border:1px solid #e4e8f2!important;
    border-radius:11px!important;
    background:rgba(249,250,255,.92)!important;
    color:#354a9f!important;
    box-shadow:none!important;
  }
  .route-configurator .cfg-rail-home span{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:8px!important;background:#fff!important;box-shadow:0 3px 9px rgba(40,58,120,.07)!important}
  .route-configurator .cfg-rail-home b{font-size:8px!important;font-weight:800!important;white-space:nowrap!important}

  .route-configurator .cfg-step-rail .cfg-progress{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(var(--cfg-step-count,8),minmax(0,1fr))!important;
    align-items:start!important;
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    gap:0!important;
    margin:0!important;
    padding:1px 0 0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .route-configurator .cfg-step-rail .cfg-progress button{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-rows:22px 14px!important;
    justify-items:center!important;
    align-content:start!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    gap:4px!important;
    padding:0 3px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a91a3!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .route-configurator .cfg-step-rail .cfg-progress button:hover{background:transparent!important;color:#48536d!important;transform:none!important}
  .route-configurator .cfg-step-rail .cfg-progress button:not(:last-child):after{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:10px!important;
    left:calc(50% + 10px)!important;
    width:calc(100% - 20px)!important;
    height:1px!important;
    border-radius:99px!important;
    background:#dfe4ee!important;
    box-shadow:none!important;
  }
  .route-configurator .cfg-step-rail .cfg-progress button.is-done:not(:last-child):after{
    background:linear-gradient(90deg,#28c9d6,#6374e7)!important;
    box-shadow:0 0 7px rgba(45,194,214,.20)!important;
  }
  .route-configurator .cfg-step-rail .cfg-progress button span{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #dce2ed!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#8d95a7!important;
    font-size:6.5px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    box-shadow:0 0 0 4px #fff!important;
    animation:none!important;
  }
  .route-configurator .cfg-step-rail .cfg-progress button b{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    color:inherit!important;
    font-size:7px!important;
    font-weight:750!important;
    line-height:1.1!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .route-configurator .cfg-step-rail .cfg-progress button.is-active{background:transparent!important;color:#263a9d!important;box-shadow:none!important}
  .route-configurator .cfg-step-rail .cfg-progress button.is-active span{
    border-color:#5969df!important;
    background:linear-gradient(145deg,#5267e6,#7868e8)!important;
    color:#fff!important;
    animation:cfg-premium-step-pulse 1.55s ease-in-out infinite!important;
  }
  .route-configurator .cfg-step-rail .cfg-progress button.is-active b{font-weight:900!important}
  .route-configurator .cfg-step-rail .cfg-progress button.is-done{background:transparent!important;color:#16859a!important;box-shadow:none!important}
  .route-configurator .cfg-step-rail .cfg-progress button.is-done span{
    border-color:#26c9d5!important;
    background:#26c9d5!important;
    color:#fff!important;
    animation:none!important;
  }
  .route-configurator .cfg-rail-live{
    grid-column:3!important;
    grid-row:1!important;
    min-width:auto!important;
    gap:6px!important;
    padding:5px 7px!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:#73809a!important;
    font-size:7px!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  .route-configurator .cfg-rail-live i{width:6px!important;height:6px!important;background:#2bd5c9!important;box-shadow:0 0 0 3px rgba(43,213,201,.11)!important}

  .route-configurator .cfg-price:not(.is-final-price) .cfg-price-section-title,
  .route-configurator .cfg-price:not(.is-final-price) .cfg-summary,
  .route-configurator .cfg-price:not(.is-final-price) .cfg-delivery-row,
  .route-configurator .cfg-price:not(.is-final-price) .cfg-price-note{display:none!important}
  .route-configurator .cfg-price:not(.is-final-price) .cfg-price-body{display:grid!important;align-content:center!important;min-height:0!important;padding:18px!important;overflow:hidden!important}
  .route-configurator .cfg-price:not(.is-final-price) .cfg-lines{border:0!important}
  .route-configurator .cfg-price:not(.is-final-price) .cfg-private-price-note{margin:0!important;padding:14px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important;color:#9dafd0!important;font-size:7.5px!important;line-height:1.55!important;text-align:center!important}
}

@media(min-width:981px) and (max-width:1240px){
  .route-configurator .cfg-step-rail{gap:8px!important;padding-inline:8px!important}
  .route-configurator .cfg-rail-home b,.route-configurator .cfg-rail-live span{display:none!important}
  .route-configurator .cfg-step-rail .cfg-progress button b{font-size:6.4px!important}
}

@media(max-width:980px){
  html,body.route-configurator{max-width:100%!important;overflow-x:hidden!important}
  .route-configurator .cfg-step-rail{overflow:hidden!important}
  .route-configurator .cfg-step-rail .cfg-progress{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
  .route-configurator .cfg-step-rail .cfg-progress::-webkit-scrollbar{display:none!important}
  .route-configurator .cfg-builder-grid>.cfg-layout{overflow:visible!important}
}

@media(prefers-reduced-motion:reduce){
  .route-configurator .cfg-step-rail .cfg-progress button.is-active span{animation:none!important}
}



/* v1.93.0: privacy-first registration, numberless luminous rail, custom-dose visibility, compact ingredients */
@keyframes cfg-dot-lumen{0%,100%{transform:scale(.92);box-shadow:0 0 0 4px #fff,0 0 0 0 rgba(38,201,215,.05)}50%{transform:scale(1.08);box-shadow:0 0 0 4px #fff,0 0 0 7px rgba(38,201,215,.13),0 0 15px rgba(38,201,215,.34)}}
@keyframes cfg-dot-current{0%,100%{transform:scale(.94);box-shadow:0 0 0 4px #fff,0 0 0 2px rgba(91,102,226,.08)}50%{transform:scale(1.12);box-shadow:0 0 0 4px #fff,0 0 0 8px rgba(91,102,226,.13),0 0 18px rgba(91,102,226,.42)}}
.route-configurator .cfg-step-rail .cfg-progress button span{font-size:0!important;color:transparent!important;width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important;border-width:2px!important;background:#fff!important;box-shadow:0 0 0 4px #fff!important}
.route-configurator .cfg-step-rail .cfg-progress button:not(:last-child):after{top:7px!important;left:calc(50% + 7px)!important;width:calc(100% - 14px)!important}
.route-configurator .cfg-step-rail .cfg-progress button.is-done span{background:#28c7d2!important;border-color:#28c7d2!important;animation:cfg-dot-lumen 2.2s ease-in-out infinite!important}
.route-configurator .cfg-step-rail .cfg-progress button.is-active span{background:linear-gradient(145deg,#5367e6,#7d67e9)!important;border-color:#5969df!important;animation:cfg-dot-current 1.55s ease-in-out infinite!important}
.route-configurator .cfg-step-rail .cfg-progress button:nth-child(2n).is-done span{animation-delay:.28s!important}.route-configurator .cfg-step-rail .cfg-progress button:nth-child(3n).is-done span{animation-delay:.56s!important}
.route-configurator .cfg-step-rail .cfg-progress button b{font-size:7.3px!important;letter-spacing:0!important}

.cfg-custom-dose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:9px}
.cfg-custom-dose-row .cfg-number-field{margin:0!important}
.cfg-number-field.has-custom-value{border-color:#5669df!important;background:linear-gradient(145deg,#fff,#f4f6ff)!important;box-shadow:0 0 0 3px rgba(86,105,223,.08)!important}
.cfg-number-field input{color:#111a39!important;font-weight:850!important;opacity:1!important;-webkit-text-fill-color:#111a39!important}
.cfg-custom-dose-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid rgba(45,197,208,.3);border-radius:10px;background:#effcfc;color:#117f92;font-size:8px;font-weight:900;white-space:nowrap;box-shadow:0 6px 16px rgba(21,139,155,.08)}
.cfg-custom-dose-badge[hidden]{display:none!important}

.route-configurator .cfg-ingredient-toolbar{display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;align-items:end!important;gap:10px!important;margin-bottom:10px!important}
.route-configurator .cfg-ingredient-toolbar>small{padding:7px 9px;border:1px solid #e2e7ef;border-radius:9px;background:#fafbfe;color:#8390aa;font-size:7px;font-weight:800;white-space:nowrap}
.route-configurator .cfg-ingredient-toolbar label{gap:4px!important}.route-configurator .cfg-ingredient-toolbar label>span{font-size:7px!important}
.route-configurator .cfg-ingredient-toolbar input{min-height:36px!important;padding:8px 11px!important;border-radius:10px!important;font-size:8px!important}
.route-configurator .cfg-ingredient-browser{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;max-height:180px!important;padding:2px 3px 4px 0!important;overflow:auto!important;scrollbar-width:thin!important}
.route-configurator .cfg-ingredient-card{--plus:#4e67df;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;gap:7px!important;padding:8px 8px 8px 11px!important;border:1px solid #e1e5ed!important;border-radius:11px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;color:#18213a!important;text-align:left!important;box-shadow:0 5px 14px rgba(31,48,93,.035)!important;overflow:hidden!important}
.route-configurator .cfg-ingredient-card[data-tone="1"]{--plus:#1aa8a2}.route-configurator .cfg-ingredient-card[data-tone="2"]{--plus:#8b61df}.route-configurator .cfg-ingredient-card[data-tone="3"]{--plus:#e38443}.route-configurator .cfg-ingredient-card[data-tone="4"]{--plus:#d65084}.route-configurator .cfg-ingredient-card[data-tone="5"]{--plus:#3794d8}.route-configurator .cfg-ingredient-card[data-tone="6"]{--plus:#65a43e}.route-configurator .cfg-ingredient-card[data-tone="7"]{--plus:#cb5e58}
.route-configurator .cfg-ingredient-card>b{display:block!important;min-width:0!important;overflow:hidden!important;color:inherit!important;font-size:8px!important;font-weight:800!important;line-height:1.18!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.route-configurator .cfg-ingredient-card>i{display:grid!important;flex:0 0 22px!important;width:22px!important;height:22px!important;place-items:center!important;margin:0!important;border:1px solid color-mix(in srgb,var(--plus) 32%,white)!important;border-radius:8px!important;background:color-mix(in srgb,var(--plus) 9%,white)!important;color:var(--plus)!important;font-size:13px!important;font-weight:500!important;font-style:normal!important;line-height:1!important}
.route-configurator .cfg-ingredient-card:hover{border-color:color-mix(in srgb,var(--plus) 36%,#dfe4ed)!important;transform:translateY(-1px)!important;box-shadow:0 8px 17px rgba(31,48,93,.07)!important}
.route-configurator .cfg-ingredient-card.is-selected{border-color:color-mix(in srgb,var(--plus) 52%,#dfe4ed)!important;background:color-mix(in srgb,var(--plus) 5%,white)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--plus) 8%,transparent)!important}
.route-configurator .cfg-ingredient-card.is-selected>i{border-color:var(--plus)!important;background:var(--plus)!important;color:#fff!important;font-size:9px!important}
.route-configurator .cfg-formula-board{margin-top:11px!important;padding:13px!important;border-radius:14px!important}.route-configurator .cfg-formula-head{margin-bottom:8px!important;padding-bottom:8px!important}.route-configurator .cfg-selected-ingredient{min-height:39px!important;padding:6px 8px!important}.route-configurator .cfg-selected-ingredient div small{display:none!important}.route-configurator .cfg-custom-add{margin-top:9px!important;padding:10px!important;border-radius:11px!important}.route-configurator .cfg-custom-add h3{margin-bottom:7px!important;font-size:8px!important}.route-configurator .cfg-custom-add>p{font-size:6.8px!important}

.route-configurator .cfg-registration-step{max-width:920px!important}.route-configurator .cfg-registration-form{gap:10px!important;padding:14px!important}
.cfg-privacy-strip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(40,199,210,.26);border-radius:12px;background:linear-gradient(100deg,rgba(235,253,253,.9),rgba(246,247,255,.9))}
.cfg-privacy-strip>i{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:10px;background:#fff;color:#188da0;box-shadow:0 6px 15px rgba(24,141,160,.1)}.cfg-privacy-strip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.cfg-privacy-strip div{display:grid;gap:2px}.cfg-privacy-strip b{color:#17324a;font-size:8px}.cfg-privacy-strip small{color:#67768c;font-size:7px;line-height:1.35}
.cfg-legal-consents{display:grid;gap:6px}.cfg-legal-consents .cfg-consent{align-items:flex-start!important;min-height:36px!important;margin:0!important;padding:8px 10px!important;border:1px solid #e2e6ee!important;border-radius:10px!important;background:#fff!important}.cfg-legal-consents .cfg-consent.is-optional{background:#fafbfe!important}.cfg-legal-consents .cfg-consent input{margin-top:2px!important}.cfg-legal-consents .cfg-consent span{font-size:7.2px!important;line-height:1.45!important}.cfg-legal-consents .cfg-consent button{display:inline!important;padding:0!important;border:0!important;background:transparent!important;color:#3658ce!important;font:inherit!important;font-weight:900!important;text-decoration:underline!important;text-underline-offset:2px!important;cursor:pointer!important}.cfg-legal-consents .cfg-consent em{margin-left:4px;color:#8d96a8;font-size:6.2px;font-style:normal;font-weight:800}.cfg-legal-consents .cfg-consent:not(.is-optional) em{color:#b45c68}
.cfg-legal-modal{position:fixed;z-index:100000;inset:0;display:none;place-items:center;padding:18px}.cfg-legal-modal.is-open{display:grid}.cfg-legal-backdrop{position:absolute;inset:0;border:0;background:rgba(10,18,43,.58);backdrop-filter:blur(8px)}.cfg-legal-modal>article{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,94vw);max-height:min(720px,90vh);overflow:hidden;border:1px solid rgba(255,255,255,.74);border-radius:20px;background:#fff;box-shadow:0 35px 90px rgba(7,15,44,.3)}.cfg-legal-modal header{display:flex;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #e7eaf1;background:linear-gradient(110deg,#f8fbff,#f7f4ff)}.cfg-legal-modal header div{display:grid;gap:4px}.cfg-legal-modal header span{color:#4c64d8;font-size:7px;font-weight:900;letter-spacing:.12em}.cfg-legal-modal h3{margin:0;color:#111a38;font-size:15px;line-height:1.2}.cfg-legal-modal header small{color:#8690a5;font-size:6.8px}.cfg-legal-modal header>button{width:30px;height:30px;border:1px solid #dde2ec;border-radius:9px;background:#fff;color:#53607a;font-size:18px;cursor:pointer}.cfg-legal-body{overflow:auto;padding:17px 20px;color:#48546a;font-size:8px;line-height:1.62}.cfg-legal-body h4{margin:12px 0 4px;color:#18233e;font-size:9px}.cfg-legal-body h4:first-child{margin-top:0}.cfg-legal-body p{margin:0 0 8px}.cfg-legal-modal footer{padding:12px 19px;border-top:1px solid #e7eaf1;background:#fbfcfe;text-align:right}.cfg-legal-modal footer button{padding:9px 14px;border:0;border-radius:10px;background:linear-gradient(105deg,#365ce3,#7668e7);color:#fff;font-size:8px;font-weight:850;cursor:pointer}body.cfg-legal-open{overflow:hidden!important}

@media(max-width:1200px){.route-configurator .cfg-ingredient-browser{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.cfg-custom-dose-row{grid-template-columns:1fr}.cfg-custom-dose-badge{justify-content:center}.route-configurator .cfg-ingredient-toolbar{grid-template-columns:1fr auto!important}.route-configurator .cfg-ingredient-browser{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:230px!important}.cfg-legal-modal{padding:8px}.cfg-legal-modal>article{max-height:94vh;border-radius:15px}.cfg-legal-modal header{padding:13px}.cfg-legal-body{padding:14px;font-size:10px}.cfg-legal-body h4{font-size:11px}.cfg-legal-consents .cfg-consent span{font-size:9px!important}}


/* v2.32.0 - Formül, Ambalaj ve Ek Hizmetler birleşik adımı */
.cfg-combined-services-step{max-width:none}
.cfg-combined-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:13px 16px;border:1px solid rgba(104,78,224,.16);border-radius:16px;background:linear-gradient(120deg,rgba(244,241,255,.96),rgba(239,251,252,.96));color:#59627e}
.cfg-combined-status span{display:flex;align-items:center;gap:8px;font-weight:800;color:#212b54}.cfg-combined-status span i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#7d37ec,#3e7be8,#18bfc0);color:#fff;font-style:normal;font-size:13px}.cfg-combined-status b{font-size:12px;font-weight:700;color:#68718e}
.cfg-services-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.cfg-services-column{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #e4e7f2;border-radius:24px;background:linear-gradient(145deg,#fff,#fbfbff);box-shadow:0 14px 34px rgba(42,50,104,.07);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.cfg-services-column:nth-child(2){background:linear-gradient(145deg,#fff,#f5fffc)}.cfg-services-column:nth-child(3){background:linear-gradient(145deg,#fff,#fff8fc)}
.cfg-services-column.is-complete{border-color:rgba(45,185,157,.38);box-shadow:0 16px 38px rgba(31,139,122,.10)}
.cfg-services-column>header{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e9ebf4}
.cfg-services-column>header>i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#eee7ff,#dfeeff);color:#663de2;box-shadow:0 12px 24px rgba(96,56,213,.14)}
.cfg-services-column:nth-child(2)>header>i{background:linear-gradient(145deg,#dcfff5,#c9f4e9);color:#12a77d}.cfg-services-column:nth-child(3)>header>i{background:linear-gradient(145deg,#ffe7f3,#ffd7e9);color:#df367f}
.cfg-services-column>header>i svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cfg-services-column>header span{display:grid;gap:3px;min-width:0}.cfg-services-column>header span b{color:#151f48;font-size:20px;line-height:1.1}.cfg-services-column>header span small{color:#69728e;font-size:11px;line-height:1.4}
.cfg-services-column>header>em{grid-column:1/-1;justify-self:start;padding:5px 9px;border-radius:999px;background:#f0f2fa;color:#737b94;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cfg-services-column.is-complete>header>em{background:#e4fbf4;color:#12805f}
.cfg-combined-options{display:grid;gap:9px;max-height:360px;overflow:auto;padding:1px 3px 4px 1px;scrollbar-width:thin;scrollbar-color:#cbd1e5 transparent}
.cfg-combined-options .cfg-choice{min-height:82px;padding:11px;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;gap:10px}
.cfg-combined-options .cfg-choice-icon{width:42px;height:42px;border-radius:13px}.cfg-combined-options .cfg-choice-icon svg{width:25px;height:25px}
.cfg-combined-options .cfg-choice-copy b{font-size:13px}.cfg-combined-options .cfg-choice-copy small{font-size:10px;line-height:1.35}
.cfg-combined-options .cfg-choice em{grid-column:2/4;justify-self:start;margin-top:-4px;padding:4px 7px;border-radius:999px;background:#fff0d7;color:#a76500;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.04em}
.cfg-service-note{display:grid;gap:7px;margin-top:14px}.cfg-service-note>span{color:#303a62;font-size:11px;font-weight:900}.cfg-service-note textarea{width:100%;min-height:78px;resize:vertical;padding:11px 12px;border:1px solid #dde1ef;border-radius:14px;background:rgba(255,255,255,.84);color:#20284e;font:inherit;font-size:11px;line-height:1.55;outline:none}.cfg-service-note textarea:focus{border-color:#7f5be8;box-shadow:0 0 0 3px rgba(110,74,223,.10)}
.cfg-service-preselected{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;padding:14px;border:1px solid rgba(26,181,145,.25);border-radius:16px;background:#f0fcf8}.cfg-service-preselected>i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#d8f8ee;color:#139a74}.cfg-service-preselected>i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2}.cfg-service-preselected span{display:grid;gap:3px}.cfg-service-preselected b{color:#163f38;font-size:13px}.cfg-service-preselected small{color:#56766f;font-size:10px}.cfg-service-preselected em{grid-column:1/-1;color:#168266;font-size:9px;font-style:normal;font-weight:800}
.cfg-service-empty{padding:18px;border:1px dashed #d9ddeb;border-radius:15px;color:#767f99;font-size:11px;line-height:1.5;text-align:center;background:rgba(255,255,255,.7)}
.cfg-expert-price-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;margin-top:18px;padding:14px 16px;border:1px solid #eadfca;border-radius:17px;background:linear-gradient(120deg,#fffaf0,#fffdf8)}.cfg-expert-price-note>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffedc8;color:#9a6200;font-style:normal;font-weight:900}.cfg-expert-price-note span{display:grid;gap:4px}.cfg-expert-price-note b{color:#5c4318;font-size:12px}.cfg-expert-price-note small{color:#806c49;font-size:10px;line-height:1.55}
@media(max-width:1180px){.cfg-services-trio{grid-template-columns:1fr}.cfg-combined-options{max-height:none}.cfg-services-column>header{grid-template-columns:48px minmax(0,1fr) auto}.cfg-services-column>header>em{grid-column:auto;justify-self:end}}
@media(max-width:720px){.cfg-combined-status{align-items:flex-start;flex-direction:column}.cfg-services-column{padding:14px;border-radius:20px}.cfg-services-column>header{grid-template-columns:44px minmax(0,1fr);gap:10px}.cfg-services-column>header>i{width:44px;height:44px}.cfg-services-column>header>em{grid-column:1/-1;justify-self:start}.cfg-combined-options .cfg-choice{min-height:76px}.cfg-service-note textarea{font-size:12px}}

/* v2.34.0 - Seçili seçenekte yalnız dış çerçeve vurgusu */
.route-configurator .cfg-choice,
.route-configurator .cfg-capsule-size,
.route-configurator .cfg-tablet-type,
.route-configurator .cfg-cosmetic-ingredient,
.route-configurator .cfg-ingredient-card,
.route-configurator .cfg-bottle-card,
.route-configurator .cfg-mg-pills button{
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
.route-configurator .cfg-choice.is-selected,
.route-configurator .cfg-capsule-size.is-selected,
.route-configurator .cfg-tablet-type.is-selected,
.route-configurator .cfg-cosmetic-ingredient.is-selected,
.route-configurator .cfg-bottle-card.is-selected,
.route-configurator .cfg-ingredient-card.is-selected{
  border-color:#5d57df!important;
  box-shadow:0 0 0 2px rgba(93,87,223,.16)!important;
}
.route-configurator .cfg-mg-pills button.is-selected{
  border-color:#5d57df!important;
  box-shadow:0 0 0 2px rgba(93,87,223,.14)!important;
}