/* FILUXIA V11 — premium step-by-step configurator */
.custom-product-card{display:flex;flex-direction:column;height:100%}.custom-product-visual{aspect-ratio:.78!important;background:#efe0cd!important;border:1px solid rgba(88,62,39,.18)!important;padding:0!important;overflow:hidden}.custom-product-logo-art{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block;transition:transform .55s ease}.custom-product-visual:hover .custom-product-logo-art{transform:scale(1.012)}.custom-product-title,.custom-product-link{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.custom-product-link{font-size:9px;letter-spacing:.08em;text-transform:uppercase;position:relative}.custom-product-link::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor}.custom-product-card .quick-add{position:static!important;display:flex!important;width:calc(100% - 4px)!important;min-height:42px!important;margin:12px 2px 0!important;align-items:center!important;justify-content:center!important;opacity:1!important;transform:none!important;border:1px solid rgba(35,29,25,.72)!important;background:transparent!important;color:var(--ink)!important;font-size:9px!important;letter-spacing:.14em!important;text-transform:uppercase;transition:.28s ease!important}.custom-product-card .quick-add:hover{background:#2a2521!important;color:#fff!important}

.custom-builder{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.custom-builder.open{opacity:1;visibility:visible}.custom-builder-backdrop{position:absolute;inset:0;border:0;background:rgba(10,8,6,.78);backdrop-filter:blur(14px);cursor:pointer}.custom-builder-panel{position:relative;width:min(1380px,100%);height:min(920px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#f6efe6;box-shadow:0 35px 110px rgba(0,0,0,.42);overflow:hidden}.custom-v11-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(37,29,23,.1);background:rgba(250,245,238,.96);z-index:5}.custom-v11-header .eyebrow{margin:0 0 3px}.custom-v11-header h2{font:500 28px/1 var(--serif);margin:0}.custom-v11-header-actions{display:flex;gap:8px;align-items:center}.custom-icon-button,.custom-builder-close{width:42px;height:42px;border-radius:50%;border:1px solid rgba(70,48,31,.2);background:transparent;color:var(--ink);display:grid;place-items:center;font-size:20px;cursor:pointer;transition:.25s}.custom-icon-button:hover,.custom-builder-close:hover{background:#1c1713;color:#fff;border-color:#1c1713}.custom-builder-close{position:static;font-size:25px}
.custom-v11-progress{padding:13px 24px 15px;border-bottom:1px solid rgba(37,29,23,.08);background:#fbf7f1}.custom-progress-meta{display:none;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.custom-progress-track{height:2px;background:rgba(44,35,28,.1);overflow:hidden}.custom-progress-track i{display:block;height:100%;width:16.666%;background:var(--gold);transition:width .35s ease}.custom-progress-dots{display:grid;grid-template-columns:repeat(6,1fr);margin-top:-9px}.custom-progress-dots button{border:0;background:transparent;display:grid;justify-items:center;gap:5px;color:var(--ink-soft);font-size:8px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.custom-progress-dots span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#f7f0e8;border:1px solid rgba(50,38,28,.16);font-size:7px}.custom-progress-dots button.active span,.custom-progress-dots button.done span{background:#1d1814;color:#fff;border-color:#1d1814}.custom-progress-dots button.active em{color:var(--ink)}.custom-progress-dots em{font-style:normal}
.custom-v11-body{min-height:0;display:grid;grid-template-columns:minmax(340px,.75fr) minmax(560px,1.25fr)}.custom-builder-preview{min-height:0;padding:30px 34px 28px;background:linear-gradient(180deg,#130f0d,#1c1511);color:#f7eee3;display:flex;flex-direction:column}.custom-preview-image{flex:1;min-height:280px;display:grid;place-items:center;padding:14px;background:linear-gradient(145deg,#f5ebdf,#dcc3a6);border:1px solid rgba(255,255,255,.13);overflow:hidden}.custom-preview-image img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .2s ease}.custom-preview-copy{padding-top:20px}.custom-preview-copy>span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#caa16c}.custom-preview-copy h3{font:500 clamp(34px,3vw,52px)/.98 var(--serif);margin:8px 0 9px}.custom-preview-copy p{margin:0;color:#c7b29e;font-size:11px;line-height:1.65}.custom-price-box{display:grid;grid-template-columns:1fr auto;gap:4px 20px;border-top:1px solid rgba(255,255,255,.14);padding-top:17px;margin-top:18px}.custom-price-box span{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.custom-price-box strong{font:500 28px var(--serif)}.custom-price-box small{grid-column:1/-1;color:#9e8b79;font-size:8px}
.custom-builder-form{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#f7f0e7}.custom-step-viewport{min-height:0;overflow-y:auto;padding:38px 48px 30px;overscroll-behavior:contain;scrollbar-gutter:stable}.custom-step{animation:customStepIn .3s ease}.custom-step[hidden]{display:none!important}@keyframes customStepIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.custom-step-head{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:start;margin-bottom:25px}.custom-step-head>span{font:500 21px var(--serif);color:var(--gold)}.custom-step-head h3{font:500 clamp(27px,2.4vw,36px)/1 var(--serif);margin:0 0 6px}.custom-step-head p{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.65}.custom-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.custom-choice{position:relative;border:1px solid rgba(46,35,27,.12);background:#fff;padding:0;text-align:left;cursor:pointer;transition:.25s}.custom-choice:hover,.custom-choice.selected{border-color:#aa7b45;box-shadow:0 12px 32px rgba(82,55,32,.1)}.custom-choice.selected::after{content:"✓";position:absolute;right:10px;top:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#1b1612;color:#fff;font-size:10px}.custom-choice img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.custom-choice-copy{display:grid;gap:4px;padding:13px}.custom-choice-copy strong{font-size:12px;font-weight:500}.custom-choice-copy small{font-size:8px;color:var(--ink-soft);line-height:1.5}.custom-wax-featured,.custom-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.custom-swatch{min-height:54px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(46,35,27,.12);background:#fff;cursor:pointer;font-size:10px;text-align:left;transition:.22s}.custom-swatch i{width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:1px solid rgba(25,20,16,.12);box-shadow:inset 0 0 0 3px rgba(255,255,255,.6)}.custom-swatch.selected{border-color:#a67b4a;box-shadow:0 8px 22px rgba(87,58,31,.09)}.custom-expand-colors{margin:16px 0;border:0;border-bottom:1px solid currentColor;background:transparent;padding:3px 0;color:var(--ink-soft);font:500 9px var(--sans);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.custom-scent-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.custom-scent-filters button{border:1px solid rgba(50,38,28,.13);background:#fff;padding:9px 12px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.custom-scent-filters button.active{background:#1c1713;color:#fff;border-color:#1c1713}.custom-scent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.custom-scent{border:1px solid rgba(46,35,27,.12);background:#fff;padding:15px;text-align:left;cursor:pointer;display:grid;gap:4px}.custom-scent>span{font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-dark)}.custom-scent strong{font:500 20px var(--serif)}.custom-scent small{font-size:8px;color:var(--ink-soft);line-height:1.55}.custom-scent.selected{border-color:#a67b4a;background:#fffaf4}.custom-scent-editorial{margin-top:14px;padding:20px;border:1px solid rgba(177,130,67,.2);background:linear-gradient(180deg,#fffaf4,#f6ede2)}.custom-scent-editorial-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-bottom:15px}.custom-scent-kicker{display:block;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:6px}.custom-scent-editorial h4{font:500 30px/1 var(--serif);margin:0}.custom-scent-editorial-head p{margin:0;font-size:10px;line-height:1.65;color:var(--ink-soft)}.custom-scent-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.custom-scent-note-grid article{background:#fff;padding:12px;border:1px solid rgba(30,24,19,.07)}.custom-scent-note-grid article>span{font:500 18px var(--serif);color:var(--gold-dark)}.custom-scent-note-grid strong{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin:5px 0}.custom-scent-note-grid p{font-size:9px;line-height:1.55;color:var(--ink-soft);margin:0}.custom-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.custom-package{min-height:195px;border:1px solid rgba(46,35,27,.12);background:#fff;padding:19px;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:.22s}.custom-package.selected{border-color:#a67b4a;background:#fffaf4;box-shadow:0 10px 30px rgba(87,58,31,.08)}.custom-package-icon{font:500 35px var(--serif);color:#b38651;margin-bottom:auto}.custom-package strong{font-size:12px;margin:16px 0 6px}.custom-package small{font-size:8px;line-height:1.55;color:var(--ink-soft);min-height:38px}.custom-package b{font-size:10px;color:var(--gold-dark);margin-top:10px}.custom-gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-field{display:grid;gap:7px;margin-bottom:16px}.custom-field>span{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.custom-field input,.custom-field textarea{width:100%;border:1px solid rgba(46,35,27,.14);background:#fff;padding:14px;font:inherit}.custom-field textarea{min-height:110px;resize:vertical}.custom-field small,.custom-field em{font-style:normal;font-size:8px;color:var(--ink-soft)}.custom-upload-field input{border-style:dashed}.custom-upload-preview{display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:center;background:#fff;padding:10px;border:1px solid rgba(46,35,27,.1);margin-bottom:13px}.custom-upload-preview img{width:75px;height:75px;object-fit:cover}.custom-upload-preview strong{font-size:10px}.custom-upload-preview button{display:block;margin-top:8px;border:0;border-bottom:1px solid currentColor;background:transparent;padding:0;font-size:8px;cursor:pointer}.custom-image-consent{display:flex;gap:8px;font-size:9px;line-height:1.55;color:var(--ink-soft)}.custom-review-card{display:grid;grid-template-columns:220px 1fr;gap:20px;border:1px solid rgba(46,35,27,.12);background:#fff;padding:18px}.custom-review-preview img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#efe1d1}.custom-review-list{display:grid}.custom-review-list>div{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(40,31,24,.08);padding:10px 0}.custom-review-list span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.custom-review-list strong{font-size:11px;font-weight:500}.custom-review-list button{border:0;border-bottom:1px solid currentColor;background:transparent;padding:2px 0;font-size:8px;cursor:pointer}.custom-review-total{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(40,31,24,.12);padding-top:15px}.custom-review-total span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.custom-review-total strong{font:500 29px var(--serif)}.custom-review-note{margin-top:15px;padding:18px;background:#1b1612;color:#f7eee3}.custom-review-note strong{font:500 21px var(--serif)}.custom-review-note p{font-size:9px;line-height:1.65;color:#c8b5a3;margin:7px 0 0}.custom-builder-actions{position:relative;z-index:6;min-height:76px;display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:12px 20px;background:rgba(249,244,237,.98);border-top:1px solid rgba(38,30,24,.1);box-shadow:0 -12px 30px rgba(60,42,28,.05)}.custom-back-button{border:0;background:transparent;padding:10px;color:var(--ink-soft);font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.custom-back-button:disabled{opacity:.3}.custom-mobile-total{display:none}.custom-builder-actions .button{white-space:nowrap;min-width:180px}

@media(max-width:980px){.custom-builder{padding:0;place-items:stretch}.custom-builder-panel{width:100%;height:100dvh;max-height:100dvh;grid-template-rows:auto auto minmax(0,1fr)}.custom-v11-header{padding:13px 16px}.custom-v11-header h2{font-size:23px}.custom-icon-button,.custom-builder-close{width:38px;height:38px}.custom-v11-progress{padding:10px 16px 11px}.custom-progress-meta{display:flex}.custom-progress-dots{display:none}.custom-v11-body{display:block;min-height:0;overflow:hidden}.custom-builder-preview{height:218px;padding:12px 16px;display:grid;grid-template-columns:150px 1fr;grid-template-rows:1fr auto;gap:12px}.custom-preview-image{grid-row:1/3;min-height:0}.custom-preview-copy{padding:7px 0 0;align-self:center}.custom-preview-copy h3{font-size:30px}.custom-preview-copy p{font-size:9px}.custom-price-box{margin:0;padding-top:10px;align-self:end}.custom-price-box strong{font-size:23px}.custom-builder-form{height:calc(100dvh - 218px - 128px);min-height:0}.custom-step-viewport{padding:25px 18px 110px}.custom-choice-grid{grid-template-columns:repeat(3,minmax(210px,72vw));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.custom-choice{scroll-snap-align:start}.custom-wax-featured,.custom-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-package-grid{grid-template-columns:1fr}.custom-package{min-height:145px}.custom-scent-editorial-head,.custom-scent-note-grid{grid-template-columns:1fr}.custom-scent-note-grid{gap:6px}.custom-review-card{grid-template-columns:120px 1fr}.custom-builder-actions{position:fixed;left:0;right:0;bottom:0;grid-template-columns:auto 1fr auto;padding:10px 13px calc(10px + env(safe-area-inset-bottom));min-height:72px}.custom-mobile-total{display:grid;gap:2px}.custom-mobile-total span{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.custom-mobile-total strong{font:500 21px var(--serif)}.custom-builder-actions .button{min-width:135px}.custom-add-to-cart{grid-column:auto}}
@media(max-width:560px){.custom-builder-preview{height:195px;grid-template-columns:115px 1fr}.custom-preview-copy h3{font-size:25px}.custom-price-box small{display:none}.custom-builder-form{height:calc(100dvh - 195px - 119px)}.custom-step-head{grid-template-columns:35px 1fr}.custom-step-head h3{font-size:28px}.custom-choice-grid{grid-template-columns:repeat(3,minmax(240px,78vw))}.custom-scent-grid{grid-template-columns:1fr}.custom-gift-grid{grid-template-columns:1fr}.custom-review-card{grid-template-columns:1fr}.custom-review-preview{max-width:180px;margin:auto}.custom-review-list>div{grid-template-columns:75px 1fr auto}.custom-builder-actions .button{min-width:120px;padding-left:13px;padding-right:13px;font-size:9px}.custom-back-button{padding-left:0}.custom-v11-header .eyebrow{font-size:7px}.custom-v11-header-actions{gap:5px}}

/* FILUXIA V12 — premium seçilebilir liste düzeni */
.custom-list-field{display:grid;gap:10px;max-width:760px}
.custom-list-field>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark)}
.custom-list-field select{
  width:100%;min-height:62px;padding:0 54px 0 18px;border:1px solid rgba(46,35,27,.18);
  border-radius:0;background-color:#fff;color:var(--ink);font:500 15px/1.4 var(--sans);
  appearance:none;cursor:pointer;box-shadow:0 8px 24px rgba(75,51,31,.04);
  background-image:linear-gradient(45deg,transparent 50%,#8d6a45 50%),linear-gradient(135deg,#8d6a45 50%,transparent 50%);
  background-position:calc(100% - 25px) 50%,calc(100% - 18px) 50%;background-size:7px 7px,7px 7px;background-repeat:no-repeat;
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease
}
.custom-list-field select:hover{border-color:rgba(166,123,74,.7);background-color:#fffdf9}
.custom-list-field select:focus-visible{outline:2px solid rgba(166,123,74,.36);outline-offset:3px;border-color:#a67b4a}
.custom-list-detail{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;margin-top:15px;padding:16px;border:1px solid rgba(46,35,27,.1);background:linear-gradient(145deg,#fffaf4,#f3e8db)}
.custom-list-detail img{width:110px;height:110px;object-fit:cover;background:#eadbc8}
.custom-list-detail>div{min-width:0}
.custom-list-detail>div>span{display:block;margin-bottom:6px;color:var(--gold-dark);font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.custom-list-detail strong{display:block;font:500 27px/1 var(--serif);margin-bottom:8px}
.custom-list-detail p{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.65}
.custom-wax-detail{grid-template-columns:72px minmax(0,1fr)}
.custom-list-color{width:58px;height:58px;border-radius:50%;border:1px solid rgba(35,27,21,.13);box-shadow:inset 0 0 0 5px rgba(255,255,255,.48),0 8px 24px rgba(70,49,31,.1)}
.custom-package-detail{grid-template-columns:72px minmax(0,1fr)}
.custom-list-package-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(166,123,74,.3);background:#fff;color:#a47743;font:500 31px var(--serif)}
.custom-step[data-custom-step="0"] .custom-step-head p,
.custom-step[data-custom-step="1"] .custom-step-head p,
.custom-step[data-custom-step="2"] .custom-step-head p,
.custom-step[data-custom-step="3"] .custom-step-head p{max-width:650px}
@media(max-width:980px){
  .custom-list-field select{min-height:58px;font-size:14px;padding-left:15px}
  .custom-list-detail{grid-template-columns:90px minmax(0,1fr);gap:14px;padding:13px}
  .custom-list-detail img{width:90px;height:90px}
  .custom-list-detail strong{font-size:23px}
  .custom-wax-detail,.custom-package-detail{grid-template-columns:62px minmax(0,1fr)}
  .custom-list-color,.custom-list-package-icon{width:50px;height:50px}
}
@media(max-width:560px){
  .custom-step-viewport{padding-left:16px;padding-right:16px}
  .custom-list-field select{min-height:56px;font-size:13px;padding-right:46px;background-position:calc(100% - 22px) 50%,calc(100% - 15px) 50%}
  .custom-list-detail{grid-template-columns:76px minmax(0,1fr);gap:12px}
  .custom-list-detail img{width:76px;height:76px}
  .custom-list-detail strong{font-size:21px}
  .custom-list-detail p{font-size:9px}
  .custom-wax-detail,.custom-package-detail{grid-template-columns:58px minmax(0,1fr)}
  .custom-list-color,.custom-list-package-icon{width:46px;height:46px}
}


/* FILUXIA V12 HQ — net ve tamamı görünen mumluk görselleri */
.custom-list-detail img{object-fit:contain!important;object-position:center!important;background:linear-gradient(145deg,#f7eee3,#dfc7aa)!important;padding:4px!important}
.custom-preview-image img,.custom-review-preview img{object-fit:contain!important;object-position:center!important;image-rendering:auto}


/* FILUXIA V13 — okunabilir metin, büyütülebilir seçimler ve mobil alt bar düzeltmesi */
.custom-builder-panel :where(p,small,em,label,input,textarea,select,button,.custom-progress-meta,.custom-progress-dots em){font-size:max(12px,.78rem)}
.custom-v11-header .eyebrow,.custom-preview-copy>span,.custom-price-box span,.custom-price-box small,.custom-step-head p,.custom-list-field>span,.custom-list-detail span,.custom-scent-kicker,.custom-scent-note-grid strong,.custom-field>span,.custom-field small,.custom-field em,.custom-image-consent,.custom-review-list span,.custom-review-list button,.custom-review-note p,.custom-back-button,.custom-mobile-total span{font-size:12px!important;line-height:1.55}
.custom-preview-copy p,.custom-list-detail p,.custom-scent-editorial-head p,.custom-scent-note-grid p,.custom-field input,.custom-field textarea,.custom-list-field select{font-size:14px!important;line-height:1.65}
.custom-list-field select{min-height:58px;padding:14px 46px 14px 16px}
.custom-list-detail{padding:0!important;border:0!important;background:transparent!important}
.custom-detail-card{width:100%;display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:18px;border:1px solid rgba(46,35,27,.12);background:#fffaf5;text-align:left;color:inherit;cursor:zoom-in;transition:border-color .25s,box-shadow .25s,transform .25s}
.custom-detail-card:hover,.custom-detail-card:focus-visible{border-color:#a67b4a;box-shadow:0 12px 30px rgba(82,55,32,.09);transform:translateY(-1px)}
.custom-detail-card img{width:112px;height:112px;object-fit:contain;background:#efe1d1}
.custom-detail-card .custom-list-color{width:88px;height:88px;border-radius:50%;margin:12px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.65),0 10px 24px rgba(48,34,22,.12)}
.custom-detail-card strong{display:block;font:500 27px/1 var(--serif);margin:6px 0 7px}
.custom-detail-card p{margin:0;color:var(--ink-soft)}
.custom-scent-editorial.custom-detail-trigger{display:block;width:100%;border:1px solid rgba(177,130,67,.2);color:inherit;text-align:left;cursor:zoom-in}
.custom-scent-editorial.custom-detail-trigger:hover,.custom-scent-editorial.custom-detail-trigger:focus-visible{border-color:#a67b4a;box-shadow:0 12px 30px rgba(82,55,32,.07)}
.custom-detail-modal{position:fixed;inset:0;z-index:190;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}
.custom-detail-modal.open{opacity:1;visibility:visible}
.custom-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(12,9,7,.82);backdrop-filter:blur(12px)}
.custom-detail-dialog{position:relative;width:min(900px,100%);max-height:calc(100dvh - 40px);overflow:auto;display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.9fr);background:#f8f1e8;box-shadow:0 35px 110px rgba(0,0,0,.48)}
.custom-detail-close{position:absolute;right:16px;top:16px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(35,27,21,.16);background:rgba(248,241,232,.92);font-size:26px;cursor:pointer}
.custom-detail-visual{min-height:520px;display:grid;place-items:center;padding:32px;background:linear-gradient(145deg,#f3e6d7,#d5b998)}
.custom-detail-visual>img{width:100%;height:100%;max-height:610px;object-fit:contain}
.custom-detail-copy{padding:70px 42px 42px;align-self:center}
.custom-detail-copy>span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark)}
.custom-detail-copy h3{font:500 clamp(38px,5vw,64px)/.95 var(--serif);margin:10px 0 18px}
.custom-detail-copy>p,.custom-detail-note{font-size:15px;line-height:1.75;color:var(--ink-soft)}
.custom-detail-wax{width:min(340px,80%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--wax);box-shadow:inset 0 0 0 12px rgba(255,255,255,.42),0 24px 60px rgba(55,37,22,.2)}
.custom-detail-wax span{width:34%;height:34%;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(2px)}
.custom-detail-combination{margin-top:22px;display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid rgba(38,29,22,.1);background:#fff}
.custom-detail-combination img{width:90px;height:90px;object-fit:contain;background:#efe1d1}.custom-detail-combination p{font-size:14px}
.custom-detail-scent-mark{width:min(380px,85%);aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid rgba(177,130,67,.5);border-radius:50%;background:radial-gradient(circle,#fffaf2,#e2c7a7);box-shadow:0 25px 65px rgba(88,56,28,.17)}
.custom-detail-scent-mark span{font-size:13px;letter-spacing:.38em}.custom-detail-scent-mark strong{font:500 40px/1 var(--serif);margin-top:18px}
.custom-detail-notes{display:grid;gap:10px;margin-top:24px}.custom-detail-notes article{padding:13px 15px;border:1px solid rgba(38,29,22,.1);background:#fff}.custom-detail-notes span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}.custom-detail-notes p{font-size:13px;line-height:1.6;margin:5px 0 0;color:var(--ink-soft)}
@media(max-width:980px){
  .custom-builder-form{height:auto!important;min-height:0;padding-bottom:0}
  .custom-step-viewport{padding-bottom:118px!important}
  .custom-builder-actions{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;display:grid!important;grid-template-columns:minmax(64px,auto) minmax(90px,1fr) minmax(132px,auto)!important;gap:8px!important;align-items:center!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow:visible!important}
  .custom-builder-actions .button{width:auto!important;min-width:132px!important;max-width:100%!important;margin:0!important;white-space:nowrap!important;padding:13px 14px!important;font-size:11px!important}
  .custom-back-button{min-width:64px!important;padding:11px 4px!important;white-space:nowrap}
  .custom-mobile-total{display:grid!important;justify-self:center;min-width:82px;text-align:center}
  .custom-mobile-total strong{font-size:24px!important;white-space:nowrap}
  #customAddToCart:not([hidden]){grid-column:3!important}
  .custom-detail-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 20px)}
  .custom-detail-visual{min-height:320px;max-height:44dvh;padding:20px}.custom-detail-copy{padding:34px 24px 30px}
}
@media(max-width:560px){
  .custom-v11-header h2{font-size:29px!important}.custom-preview-copy p{font-size:13px!important}
  .custom-step-head p{font-size:13px!important}.custom-list-field select{font-size:15px!important}
  .custom-detail-card{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px}.custom-detail-card img{width:92px;height:92px}
  .custom-detail-card .custom-list-color{width:70px;height:70px;margin:11px}.custom-detail-card strong{font-size:25px}
  .custom-builder-actions{grid-template-columns:58px minmax(76px,1fr) minmax(126px,auto)!important;padding-left:8px!important;padding-right:8px!important}
  .custom-builder-actions .button{min-width:126px!important;padding:12px 9px!important;font-size:10px!important;letter-spacing:.07em!important}
  .custom-back-button{font-size:10px!important}.custom-mobile-total strong{font-size:22px!important}
  .custom-detail-modal{padding:8px}.custom-detail-dialog{max-height:calc(100dvh - 16px)}.custom-detail-visual{min-height:280px}.custom-detail-copy h3{font-size:42px}
}
#customNextStep[hidden],#customAddToCart[hidden]{display:none!important}
@media(max-width:980px){
  .custom-price-box{display:none!important}
  .custom-builder-preview{overflow:hidden}
}

/* FILUXIA V14 — kişiselleştirme alanında okunabilir tipografi */
.custom-builder-panel :where(p,li,label,small,em,button,input,textarea,select){font-size:14px;line-height:1.65}
.custom-progress-meta,.custom-progress-dots em,.custom-step-head p,.custom-list-field>span,.custom-list-detail>div>span,.custom-field>span,.custom-field small,.custom-field em,.custom-review-list span,.custom-review-list button{font-size:13px!important;line-height:1.6}
.custom-preview-copy p,.custom-list-detail p,.custom-scent-editorial-head p,.custom-scent-note-grid p,.custom-review-note p{font-size:15px!important;line-height:1.72}
.custom-list-field select,.custom-field input,.custom-field textarea{font-size:16px!important}
.custom-list-detail strong{font-size:clamp(24px,2vw,29px)}
.custom-builder-actions .button,.custom-back-button{font-size:12px!important;letter-spacing:.08em}
.custom-mobile-total span{font-size:12px!important}.custom-mobile-total strong{font-size:25px!important}
@media(max-width:980px){
  .custom-builder-panel :where(p,li,label,small,em,button,input,textarea,select){font-size:15px;line-height:1.65}
  .custom-v11-header .eyebrow,.custom-progress-meta,.custom-step-head p,.custom-list-field>span,.custom-list-detail>div>span,.custom-field>span,.custom-field small,.custom-field em{font-size:13px!important}
  .custom-preview-copy p,.custom-list-detail p,.custom-scent-editorial-head p,.custom-scent-note-grid p{font-size:15px!important}
  .custom-list-field select{font-size:16px!important;min-height:60px}
}
@media(max-width:560px){
  .custom-v11-header h2{font-size:31px!important}
  .custom-step-head h3{font-size:28px!important}
  .custom-step-head p{font-size:14px!important}
  .custom-list-detail p,.custom-preview-copy p{font-size:14px!important}
  .custom-builder-actions .button{font-size:11px!important}
}


/* FILUXIA V15 — seçilen mumluk kartında satır ve hizalama düzeltmesi */
.custom-list-field{
  width:100%;
  max-width:760px;
  min-width:0;
}
.custom-list-detail{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.custom-detail-card{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
  padding:18px!important;
}
.custom-detail-card>div{
  min-width:0!important;
  width:100%!important;
  display:block!important;
}
.custom-detail-card>div>span,
.custom-detail-card strong,
.custom-detail-card p{
  width:auto!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.custom-detail-card>div>span{
  display:block!important;
  margin:0 0 6px!important;
  line-height:1.5!important;
}
.custom-detail-card strong{
  display:block!important;
  margin:4px 0 8px!important;
  line-height:1.05!important;
}
.custom-detail-card p{
  display:block!important;
  margin:0!important;
  line-height:1.65!important;
}
.custom-detail-card img{
  width:132px!important;
  height:132px!important;
  min-width:132px!important;
  padding:5px!important;
  box-sizing:border-box!important;
}
@media(max-width:980px){
  .custom-detail-card{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:16px!important;
    padding:15px!important;
  }
  .custom-detail-card img{
    width:108px!important;
    height:108px!important;
    min-width:108px!important;
  }
}
@media(max-width:560px){
  .custom-detail-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:13px!important;
    padding:13px!important;
  }
  .custom-detail-card img{
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
  }
  .custom-detail-card strong{font-size:24px!important}
  .custom-detail-card p{font-size:14px!important}
  .custom-detail-card>div>span{font-size:12px!important}
}


/* FILUXIA V16 — seçilen mumluk kartını sıfırdan kuran kesin yerleşim */
.custom-list-detail{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:760px!important;
  margin-top:16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.custom-list-detail>.custom-detail-card{
  display:grid!important;
  grid-template-columns:148px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:180px!important;
  gap:24px!important;
  align-items:center!important;
  padding:20px!important;
  margin:0!important;
  border:1px solid rgba(52,39,29,.14)!important;
  background:linear-gradient(145deg,#fffdf9 0%,#f5eadf 100%)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.custom-list-detail>.custom-detail-card>img{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:148px!important;
  height:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  margin:0!important;
  padding:6px!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
  background:linear-gradient(145deg,#f3e6d7,#dcc2a5)!important;
}
.custom-list-detail>.custom-detail-card>div{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.custom-list-detail>.custom-detail-card>div>span{
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  font-size:12px!important;
  line-height:1.45!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--gold-dark)!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.custom-list-detail>.custom-detail-card strong{
  display:block!important;
  width:100%!important;
  margin:0 0 10px!important;
  font:500 clamp(30px,2.3vw,38px)/1 var(--serif)!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.custom-list-detail>.custom-detail-card p{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.65!important;
  color:var(--ink-soft)!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.custom-list-detail>.custom-detail-card:hover,
.custom-list-detail>.custom-detail-card:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(166,123,74,.72)!important;
  box-shadow:0 16px 40px rgba(76,51,31,.10)!important;
}
@media(max-width:980px){
  .custom-list-detail>.custom-detail-card{
    grid-template-columns:118px minmax(0,1fr)!important;
    min-height:150px!important;
    gap:18px!important;
    padding:16px!important;
  }
  .custom-list-detail>.custom-detail-card>img{
    width:118px!important;
    height:118px!important;
    min-width:118px!important;
    max-width:118px!important;
  }
  .custom-list-detail>.custom-detail-card strong{font-size:30px!important}
  .custom-list-detail>.custom-detail-card p{font-size:14px!important}
}
@media(max-width:560px){
  .custom-list-detail>.custom-detail-card{
    grid-template-columns:92px minmax(0,1fr)!important;
    min-height:122px!important;
    gap:14px!important;
    padding:13px!important;
  }
  .custom-list-detail>.custom-detail-card>img{
    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    padding:4px!important;
  }
  .custom-list-detail>.custom-detail-card>div>span{
    margin-bottom:5px!important;
    font-size:10px!important;
    letter-spacing:.08em!important;
  }
  .custom-list-detail>.custom-detail-card strong{
    margin-bottom:6px!important;
    font-size:25px!important;
  }
  .custom-list-detail>.custom-detail-card p{
    font-size:13px!important;
    line-height:1.5!important;
  }
}


/* FILUXIA V19 — kişiye özel kartı yan ürün kartlarıyla birebir hizala */
.custom-product-link::after{display:none!important}
.custom-product-card{display:flex;flex-direction:column;min-width:0;height:100%}
.custom-product-card .product-image{flex:0 0 auto}
.custom-product-card .quick-add{position:static!important;display:flex!important;width:calc(100% - 4px)!important;min-height:48px!important;margin:10px 2px 0!important;padding:0 18px!important;align-items:center!important;justify-content:center!important;opacity:1!important;transform:none!important;border:1px solid rgba(35,29,25,.72)!important;background:transparent!important;color:var(--ink)!important;font-family:var(--lux-sans)!important;font-size:12px!important;font-weight:550!important;letter-spacing:.12em!important;line-height:1!important;text-transform:uppercase!important;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.custom-product-card .quick-add:hover,.custom-product-card .quick-add:focus-visible{background:#2a2521!important;color:#fff!important;border-color:#2a2521!important;box-shadow:none!important;transform:none!important}
.custom-product-card .product-info{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 2px 0!important}
.custom-product-card .product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.custom-product-card .product-top h3{min-width:0}
.custom-product-card .product-top h3,.custom-product-card .product-top h3 button{font-family:var(--lux-serif)!important;font-size:clamp(28px,1.7vw,34px)!important;line-height:1.02!important;letter-spacing:-.025em!important}
.custom-product-card .product-top strong{flex:0 0 auto;white-space:nowrap;font-size:15px!important;line-height:1.3!important;padding-top:3px!important;font-weight:550!important;font-variant-numeric:tabular-nums}
.custom-product-card .product-info p{font-size:15px!important;line-height:1.65!important;margin:10px 0 0!important;max-width:31ch!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.custom-product-card .product-detail-link,.custom-product-card .custom-product-link{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin-top:auto!important;padding-top:22px!important;padding-bottom:5px!important;border-bottom:1px solid currentColor!important;font-size:12px!important;font-weight:500!important;letter-spacing:.11em!important;line-height:1.35!important;text-transform:uppercase!important}
@media(max-width:720px){
  .custom-product-card .product-top h3,.custom-product-card .product-top h3 button{font-size:clamp(23px,6.2vw,29px)!important;line-height:1.08!important}
  .custom-product-card .product-top strong{font-size:14px!important}
  .custom-product-card .product-info p{font-size:15px!important;line-height:1.6!important;max-width:36ch!important}
  .custom-product-card .quick-add{min-height:50px!important;font-size:10px!important}
  .custom-product-card .product-detail-link,.custom-product-card .custom-product-link{font-size:11px!important;padding-top:18px!important}
}
@media(max-width:520px){
  .custom-product-card .product-top{gap:12px!important}
  .custom-product-card .product-top h3,.custom-product-card .product-top h3 button{font-size:30px!important}
  .custom-product-card .product-top strong{font-size:15px!important}
  .custom-product-card .product-info p{font-size:16px!important;max-width:36ch!important}
  .custom-product-card .quick-add{min-height:54px!important;font-size:12px!important}
}

/* FILUXIA V20 — Tasarlamaya Başla ve Sepete Ekle butonlarını birebir eşitle */
.product-card > .quick-add,
.custom-product-card > .quick-add{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% - 4px)!important;
  min-height:58px!important;
  height:58px!important;
  margin:12px 2px 0!important;
  padding:0 18px!important;
  border:1px solid rgba(35,29,25,.72)!important;
  background:transparent!important;
  color:var(--ink)!important;
  font-family:var(--lux-sans, Inter, Arial, sans-serif)!important;
  font-size:12px!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:none!important;
  position:static!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
.product-card > .quick-add:hover,
.product-card > .quick-add:focus-visible,
.custom-product-card > .quick-add:hover,
.custom-product-card > .quick-add:focus-visible{
  background:#2a2521!important;
  color:#fff!important;
  border-color:#2a2521!important;
  transform:none!important;
}
@media(max-width:720px){
  .product-card > .quick-add,
  .custom-product-card > .quick-add{
    min-height:54px!important;
    height:54px!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:.12em!important;
  }
}

/* FILUXIA V21 — mobil içerik sonuna kadar kaydırılabilir, alt çubuk içerik üstüne binmez */
@media (max-width:980px){
  .custom-builder,
  .custom-builder-panel{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
  }
  .custom-builder-panel{
    grid-template-rows:auto auto minmax(0,1fr)!important;
  }
  .custom-v11-body{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  .custom-builder-preview{
    flex:none!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
  }
  .custom-builder-form{
    display:grid!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .custom-step-viewport{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }
  .custom-step{
    min-height:min-content!important;
    overflow:visible!important;
  }
  .custom-scent-editorial{
    margin-bottom:24px!important;
  }
  .custom-builder-actions{
    z-index:20!important;
    min-height:82px!important;
    box-shadow:0 -10px 30px rgba(35,25,18,.10)!important;
  }
}
@media (max-width:560px){
  .custom-builder-preview{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
  .custom-step-viewport{
    padding-bottom:calc(165px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(165px + env(safe-area-inset-bottom))!important;
  }
  .custom-scent-note-grid article:last-child,
  .custom-review-note,
  .custom-upload-preview,
  .custom-image-consent{
    margin-bottom:18px!important;
  }
}

/* FILUXIA V22 — mobil kişiselleştirme tek sütun, taşmasız ve tam kaydırılabilir */
@media (max-width: 980px){
  html:has(.custom-builder.open),
  body:has(.custom-builder.open){
    overflow:hidden!important;
    width:100%!important;
    max-width:100%!important;
  }
  .custom-builder{
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    padding:0!important;
    overflow:hidden!important;
    place-items:stretch!important;
  }
  .custom-builder-panel{
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  .custom-v11-header,
  .custom-v11-progress{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .custom-v11-body{
    grid-column:1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  .custom-builder-preview{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px 18px!important;
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    gap:18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .custom-preview-image{
    grid-column:1!important;
    grid-row:1!important;
    width:120px!important;
    height:150px!important;
    min-height:0!important;
    padding:8px!important;
    align-self:center!important;
  }
  .custom-preview-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .custom-preview-copy{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    padding:0!important;
  }
  .custom-preview-copy h3{
    font-size:clamp(27px,7vw,34px)!important;
    line-height:1!important;
    margin:8px 0 10px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .custom-preview-copy p{
    font-size:14px!important;
    line-height:1.55!important;
    max-width:28ch!important;
  }
  .custom-price-box{
    display:none!important;
  }
  .custom-builder-form{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .custom-step-viewport{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    padding:28px 20px calc(118px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
  }
  .custom-step,
  .custom-step-head,
  .custom-select-wrap,
  .custom-list-detail,
  .custom-scent-editorial,
  .custom-scent-note-grid,
  .custom-gift-grid,
  .custom-review-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .custom-step-head{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  .custom-step-head h3{
    font-size:clamp(30px,8vw,40px)!important;
  }
  .custom-builder-actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:auto minmax(92px,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    min-height:82px!important;
    padding:11px 16px calc(11px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    z-index:300!important;
  }
  .custom-back-button{
    min-width:64px!important;
    padding:10px 0!important;
    white-space:nowrap!important;
  }
  .custom-mobile-total{
    min-width:0!important;
    text-align:center!important;
  }
  .custom-builder-actions .button{
    min-width:132px!important;
    width:auto!important;
    max-width:160px!important;
    margin:0!important;
    padding:14px 16px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:560px){
  .custom-v11-header{
    padding:16px 18px!important;
  }
  .custom-v11-header h2{
    font-size:clamp(28px,8vw,36px)!important;
  }
  .custom-v11-header-actions{
    gap:6px!important;
  }
  .custom-icon-button,
  .custom-builder-close{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }
  .custom-v11-progress{
    padding:14px 18px 16px!important;
  }
  .custom-builder-preview{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:16px!important;
    padding:14px 18px!important;
  }
  .custom-preview-image{
    width:108px!important;
    height:132px!important;
  }
  .custom-preview-copy h3{
    font-size:29px!important;
  }
  .custom-preview-copy p{
    font-size:13px!important;
    line-height:1.5!important;
  }
  .custom-step-viewport{
    padding:26px 18px calc(124px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(124px + env(safe-area-inset-bottom))!important;
  }
  .custom-builder-actions{
    grid-template-columns:58px minmax(82px,1fr) minmax(126px,auto)!important;
    gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .custom-builder-actions .button{
    min-width:126px!important;
    max-width:142px!important;
    padding:13px 12px!important;
    font-size:11px!important;
  }
}