/* CLXON24 Wunschtext-Darstellung.
 * Eine Datei, dieselbe Kaskade wie bisher: editor, extras, conversion, guided, polish, premium.
 * Spätere Regeln gewinnen weiter. studio-wish.css bleibt das Grundlayout.
 */

/* --- section: editor --- */
/* CLXON24 Wunschtext Studio / 2026-10-11.
 * Isolated presentation upgrade. Existing SEO, pricing, Cart and wish logic remain authoritative. */
body.page-wish-config.clx-editor-v2{background:#f3f5f8;color:#111923}
.clx-editor-v2 .wish-config__bar,
.clx-editor-v2 .wish-intro,
.clx-editor-v2 .product-page{width:min(1390px,calc(100% - 36px));max-width:1390px;margin-left:auto;margin-right:auto}
.clx-editor-v2 .wish-config__bar{margin-top:1.2rem;margin-bottom:.75rem}
.clx-editor-v2 .wish-intro{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1.5rem;align-items:end;
 padding:1.2rem 1.5rem 1rem;border-radius:18px 18px 0 0;background:#fff;
 border:1px solid #e2e6eb;border-bottom:0;box-shadow:none}
.clx-editor-v2 .wish-intro__copy{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.clx-editor-v2 .clx-editor__eyebrow{margin:0;color:#526072;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.clx-editor-v2 .clx-editor__headline{margin:0;color:#121820;font-size:clamp(1.65rem,3.15vw,2.7rem);font-weight:850;line-height:1.06;letter-spacing:-.055em}
.clx-editor-v2 .wish-intro__lead{font-size:.98rem;font-weight:500;line-height:1.5;color:#465262;max-width:65ch}
.clx-editor-v2 .wish-intro__trust{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}
.clx-editor-v2 .wish-intro__trust li{background:#f4f6f8;border:1px solid #e8ebef;color:#2b3441;padding:.34rem .6rem;font-size:.75rem;border-radius:8px}
.clx-editor-v2 .wish-intro__from{align-self:start;margin-top:.4rem;text-align:right}
.clx-editor-v2 .wish-intro__from strong{font-size:1.35rem;color:#131923}
.clx-editor-v2 .clx-intro-action{border-color:#161d27;background:#161d27;color:white;border-radius:10px;font-size:.89rem;min-height:44px;margin-top:.15rem}
.clx-editor-v2 .product-page{border:1px solid #e2e6eb;border-top:0;border-radius:0 0 18px 18px;background:#fff;padding:1.1rem 1.25rem 1.5rem;overflow:visible}
.clx-editor-v2 .product-main{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,1fr);align-items:start;gap:1.4rem}
.clx-editor-v2 .product-media,.clx-editor-v2 .product-panel,.clx-editor-v2 .product-panel__shop{min-width:0}
.clx-editor-v2 .product-gallery--wish{overflow:visible}
.clx-editor-v2 .wish-preview--hero{position:static!important;display:flex;flex-direction:column;gap:.7rem}
.clx-editor-v2 .wish-preview--hero .wish-preview__head{display:flex;justify-content:space-between;align-items:center;padding:.1rem}
.clx-editor-v2 .wish-preview--hero .wish-preview__label{font-size:.79rem;font-weight:800;letter-spacing:.015em;color:#253044}
.clx-editor-v2 .wish-preview--hero .wish-preview__size{color:#5a6677;font-size:.78rem;font-weight:700}
/* A neutral photograph-inspired transparent transfer-film scene.
   Text remains the actual dynamic native wish preview: no text baked in. */
.clx-editor-v2 .wish-preview--hero .wish-preview__stage{
 isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;
 min-height:300px;height:clamp(300px,29vw,410px)!important;max-height:410px;
 padding:3.4rem 10% 3.8rem;border:1px solid #d1d6dc;border-radius:15px;overflow:hidden;
 box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(30,33,38,.08)}
.clx-editor-v2 .wish-preview--hero .wish-preview__stage--light{
 background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.94),transparent 42%),
 repeating-linear-gradient(168deg,rgba(99,79,53,.02) 0 2px,transparent 2px 11px),
 linear-gradient(145deg,#e6dfd3 0%,#d6c8b9 46%,#f6f2e9 100%)}
.clx-editor-v2 .wish-preview--hero .wish-preview__stage--dark{
 background:radial-gradient(circle at 20% 8%,rgba(140,150,160,.21),transparent 45%),
 linear-gradient(145deg,#262d38 0%,#101720 100%);border-color:#303947}
.clx-editor-v2 .wish-preview__stage:before{
 content:"";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-3deg);
 width:var(--clx-foil-width,91%);height:74%;border:1px solid rgba(255,255,255,.62);
 background:linear-gradient(115deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.22) 42%,rgba(255,255,255,.49) 100%);
 box-shadow:0 17px 35px rgba(32,35,37,.17),inset 0 0 30px rgba(255,255,255,.18);z-index:0;pointer-events:none}
.clx-editor-v2 .wish-preview__stage:after{
 content:"";position:absolute;left:5%;top:28%;height:44%;width:4.5%;min-width:18px;
 border:1px solid rgba(163,171,172,.55);border-radius:50%/6%;
 background:linear-gradient(90deg,#d2d7d8,#fff 32%,#eef1ef 67%,#b7bec3);
 box-shadow:4px 6px 12px rgba(29,35,39,.14);z-index:1;pointer-events:none}
.clx-editor-v2 .wish-preview__stage .wish-preview__grain{opacity:.025}
.clx-editor-v2 .wish-preview--hero .wish-preview__text{z-index:2;scale:1;transform-origin:center;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.07));max-width:none;white-space:pre}
.clx-editor-v2 .wish-preview--hero .wish-preview__ruler{z-index:3}
.clx-editor-v2 .wish-preview__stage--dark:before{background:linear-gradient(115deg,rgba(255,255,255,.32),rgba(255,255,255,.06),rgba(255,255,255,.25));border-color:rgba(244,247,251,.35)}
.clx-editor-v2 .wish-preview--hero .wish-preview__hint{color:#566273;font-size:.75rem;line-height:1.4}
/* The quick widths are honest controls for real available native widths. */
.clx-editor-v2 .clx-editor__quick{display:grid;gap:.5rem;padding:.75rem .9rem;background:#f7f9fb;border:1px solid #e8edf1;border-radius:12px}
.clx-editor-v2 .clx-editor__quick-head{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}
.clx-editor-v2 .clx-editor__quick-head strong{font-size:.85rem}
.clx-editor-v2 .clx-editor__quick-head span{font-size:.72rem;color:#687586}
.clx-editor-v2 .clx-editor__sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem}
.clx-editor-v2 .clx-editor__size{min-height:39px;border:1px solid #d7dde5;border-radius:8px;background:white;color:#202936;font-size:.79rem;font-weight:800;line-height:1.2;cursor:pointer}
.clx-editor-v2 .clx-editor__size:hover:not(:disabled){border-color:#343c49}
.clx-editor-v2 .clx-editor__size[aria-pressed="true"]{background:#1b232d;color:#fff;border-color:#1b232d}
.clx-editor-v2 .clx-editor__size:disabled{opacity:.38;cursor:not-allowed}
.clx-editor-v2 .clx-editor__size:focus-visible{outline:3px solid #5297df;outline-offset:2px}
.clx-editor-v2 .clx-editor__quick-foot{font-size:.73rem;line-height:1.4;color:#596678;margin:0}
/* Equal-size editorial cards without misrepresenting measured vinyl widths. */
.clx-editor-v2 .wish-preview-examples,.clx-editor-v2 .clx-editor__uses{display:grid;gap:.65rem;padding:0;border:0;background:transparent;box-shadow:none;margin:0}
.clx-editor-v2 .wish-preview-examples__head,.clx-editor-v2 .clx-editor__uses-head{display:grid;gap:.2rem}
.clx-editor-v2 .wish-preview-examples__head strong,.clx-editor-v2 .clx-editor__uses-head strong{font-size:1rem;font-weight:850;color:#171d26}
.clx-editor-v2 .wish-preview-examples__head span,.clx-editor-v2 .clx-editor__uses-head span{font-size:.74rem;color:#637083;line-height:1.45}
.clx-editor-v2 .wish-preview-examples__grid,.clx-editor-v2 .clx-editor__uses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.clx-editor-v2 .wish-preview-examples__grid figure,.clx-editor-v2 .clx-editor__uses-grid figure{margin:0;min-width:0;overflow:visible;background:transparent;border:0;border-radius:0;aspect-ratio:auto;display:grid;gap:.28rem}
.clx-editor-v2 .wish-preview-examples__grid img,.clx-editor-v2 .clx-editor__uses-grid img{display:block;width:100%;height:auto;aspect-ratio:1.44/1;object-fit:cover;border-radius:10px;border:1px solid #e1e5eb;transition:none}
.clx-editor-v2 .wish-preview-examples__grid figcaption,.clx-editor-v2 .clx-editor__uses-grid figcaption{color:#212b39;text-align:center;font-size:.76rem;line-height:1.3;font-weight:750}
.clx-editor-v2 .product-panel__shop{background:#fff;border:1px solid #e4e8ed;border-radius:16px;padding:1rem;box-shadow:0 10px 35px rgba(22,32,45,.06)}
.clx-editor-v2 .product-panel h1{font-size:clamp(1.16rem,1.9vw,1.55rem);margin:0 0 .5rem;letter-spacing:-.035em;line-height:1.2}
.clx-editor-v2 .product-panel [data-product-description]{font-size:.85rem;margin:.25rem 0 .65rem}
.clx-editor-v2 .product-panel__shop > .plot-banner{display:none}
.clx-editor-v2 .product-buybox{padding:0;border:0;background:transparent;box-shadow:none}
.clx-editor-v2 .wish-buy__block{border:1px solid #e9edf1;border-radius:11px;background:#fff;padding:.65rem .75rem;margin:.5rem 0}
.clx-editor-v2 .wish-buy__block .hours-block__head h3{color:#1b222c;font-size:.86rem;font-weight:800}
.clx-editor-v2 .product-buy input:not([type=hidden]),.clx-editor-v2 .product-buy select{border-radius:8px}
.clx-editor-v2 .wish-buy .buy-cta{border-radius:11px;min-height:51px;background:#171f29;color:white;box-shadow:0 6px 14px rgba(19,27,39,.12)}
.clx-editor-v2 .wish-buy .buy-cta:hover:not(:disabled){background:#2a3543;color:#fff}
.clx-editor-v2 .wish-price-wrap .hours-buy__price{font-size:clamp(1.55rem,2.8vw,2.25rem);color:#151d27}
.clx-editor-v2 .wish-buy__trust{border-top:1px solid #ecedf0;padding-top:.65rem}
@media(max-width:900px){
 .clx-editor-v2 .wish-config__bar,.clx-editor-v2 .wish-intro,.clx-editor-v2 .product-page{width:min(100% - 24px,720px)}
 .clx-editor-v2 .wish-intro{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;padding:1rem;border-radius:16px 16px 0 0}
 .clx-editor-v2 .wish-intro__copy{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
 .clx-editor-v2 .wish-intro__from{align-self:flex-start;text-align:left;margin:0}
 .clx-editor-v2 .wish-intro__trust{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .clx-editor-v2 .product-page{padding:.7rem;border-radius:0 0 16px 16px}
 .clx-editor-v2 .product-main{display:flex;flex-direction:column;gap:.8rem}
 .clx-editor-v2 .product-panel,.clx-editor-v2 .product-media{width:100%}
 .clx-editor-v2 .wish-preview--hero .wish-preview__stage{height:260px!important;min-height:260px;padding:2rem 11% 2.2rem}
 .clx-editor-v2 .product-panel__shop{padding:.8rem;border-radius:12px}
 .clx-editor-v2 .clx-editor__sizes{grid-template-columns:repeat(5,minmax(0,1fr))}
 .clx-editor-v2 .clx-editor__size{font-size:.73rem;min-height:41px}
 .clx-editor-v2 .wish-preview-examples__grid,.clx-editor-v2 .clx-editor__uses-grid{gap:.42rem}
 .clx-editor-v2 .wish-preview-examples__grid figcaption,.clx-editor-v2 .clx-editor__uses-grid figcaption{font-size:.66rem}
}

/* Mobile conversion: examples are moved below the order panel by the safe addon. */
@media(max-width:900px){
 .clx-editor-v2 .product-page > .wish-preview-examples,
 .clx-editor-v2 .product-page > .clx-editor__uses{margin:1rem .3rem 0;padding:.2rem 0}
}
@media(max-width:490px){
 .clx-editor-v2 .clx-editor__headline{font-size:1.55rem}
 .clx-editor-v2 .wish-preview--hero .wish-preview__stage{height:220px!important;min-height:220px}
 .clx-editor-v2 .clx-editor__quick{padding:.6rem}
 .clx-editor-v2 .clx-editor__quick-head{display:grid;gap:.12rem}
 .clx-editor-v2 .clx-editor__size{min-height:38px;font-size:.69rem}
 .clx-editor-v2 .wish-preview-examples__grid,.clx-editor-v2 .clx-editor__uses-grid{gap:.3rem}
 .clx-editor-v2 .wish-preview-examples__grid img,.clx-editor-v2 .clx-editor__uses-grid img{border-radius:6px}
}
@media(prefers-reduced-motion:reduce){.clx-editor-v2 *, .clx-editor-v2 *::before,.clx-editor-v2 *::after{scroll-behavior:auto}}

/* Preserve and emphasize the original 3-line/90-char configurable text fields. */
.clx-editor-v2 .clx-editor__line-info{margin:0 0 .55rem;color:#516071;font-size:.76rem;line-height:1.5;background:#f5f8fb;border-left:3px solid #4f9fe5;padding:.55rem .7rem;border-radius:0 8px 8px 0}
.clx-editor-v2 .wish-builder__rows{display:grid;gap:.45rem}
.clx-editor-v2 .wish-builder__row{min-width:0;grid-template-columns:1.2rem minmax(0,1fr) max(2.3rem, 44px);gap:.4rem;align-items:center}
.clx-editor-v2 .wish-builder__row input{width:100%;min-width:0;height:44px;border:1px solid #d7dfe7;border-radius:8px;font-size:.96rem;padding:0 .7rem}
.clx-editor-v2 .wish-builder__index{color:#47566a;font-weight:800;font-size:.77rem}
.clx-editor-v2 .wish-buy .wish-builder__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.45rem}
.clx-editor-v2 .wish-buy .wish-builder__hint{display:block;font-weight:800;color:#3d5167}
.clx-editor-v2 .wish-buy .wish-builder__add{white-space:normal;max-width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:9px;color:#152536}
.clx-editor-v2 .wish-preview--hero .wish-preview__text{overflow:visible;white-space:pre;max-width:none;margin:0 auto}
.clx-editor-v2 .clx-editor__quick-foot a{color:#175ca0;text-decoration:underline;text-underline-offset:2px}
.clx-editor-v2 .clx-editor__sizes{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:490px){.clx-editor-v2 .clx-editor__size{font-size:.65rem;padding:.2rem .1rem}.clx-editor-v2 .clx-editor__line-info{font-size:.72rem}}


/* Mobile production hotfix: width containment for the preview that shop.js
   deliberately moves into the buybox after the text fields.
   This does not change desktop, pricing, or the native input workflow. */
@media (max-width: 900px) {
  body.page-wish-config.clx-editor-v2,
  body.page-wish-config.clx-editor-v2 main.product-layout {
    min-width: 0;
    max-width: 100%;
  }
  body.page-wish-config.clx-editor-v2 main.product-layout {
    box-sizing: border-box;
    width: 100%;
    padding-inline: 12px;
  }
  body.page-wish-config.clx-editor-v2 .wish-config__bar,
  body.page-wish-config.clx-editor-v2 .wish-intro,
  body.page-wish-config.clx-editor-v2 .product-page {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
  body.page-wish-config.clx-editor-v2 .product-page {
    padding: 10px;
    overflow: visible;
  }
  body.page-wish-config.clx-editor-v2 .product-main {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  body.page-wish-config.clx-editor-v2 .product-panel,
  body.page-wish-config.clx-editor-v2 .product-panel__shop,
  body.page-wish-config.clx-editor-v2 .product-buybox,
  body.page-wish-config.clx-editor-v2 .wish-buy,
  body.page-wish-config.clx-editor-v2 .wish-buy .product-buy,
  body.page-wish-config.clx-editor-v2 .product-media,
  body.page-wish-config.clx-editor-v2 .product-gallery--wish,
  body.page-wish-config.clx-editor-v2 .wish-preview--hero {
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.page-wish-config.clx-editor-v2 .wish-buy .product-buy {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .65rem;
  }
  body.page-wish-config.clx-editor-v2 .wish-preview--hero {
    display: flex !important;
    flex-direction: column !important;
    gap: .6rem;
  }
  body.page-wish-config.clx-editor-v2 .wish-preview--hero .wish-preview__stage {
    box-sizing: border-box;
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden;
    padding: 2rem 8% 2.5rem;
  }
  body.page-wish-config.clx-editor-v2 .wish-preview--hero .wish-preview__text {
    position: relative;
    flex: 0 1 auto;
    display: block;
    max-width: none !important;
    min-width: 0;
    scale: 1 !important;
    white-space: pre;
    text-align: center;
    line-height: 1.12;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__quick {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: .65rem;
    overflow: hidden;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__quick-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    min-width: 0;
    gap: .25rem .6rem;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__quick-head span,
  body.page-wish-config.clx-editor-v2 .clx-editor__quick-foot {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__sizes {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__size {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 1px !important;
    min-height: 44px !important;
    font-size: clamp(.6rem, 2.6vw, .75rem) !important;
    white-space: nowrap;
  }
  body.page-wish-config.clx-editor-v2 .wish-preview--hero .wish-preview__head,
  body.page-wish-config.clx-editor-v2 .wish-preview--hero .wish-preview__hint,
  body.page-wish-config.clx-editor-v2 .clx-editor__uses,
  body.page-wish-config.clx-editor-v2 .wish-preview-examples {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

/* One ordered line stays one line. A second, third or fourth customer-added line
   remains a separate line; JS measures all lines against the real film area. */
.clx-editor-v2 .wish-preview--hero .wish-preview__text{
  box-sizing:content-box;
  display:block;
  flex:none;
  width:max-content;
  max-width:none!important;
  min-width:0;
  white-space:pre!important;
  overflow:visible;
  scale:1!important;
}

/* --- section: extras --- */
/* CLXON24 2026-10-12: production-safe Wunschtext usability upgrade
   Scoped to Wunschtext only; no changes to pricing or checkout. */
body.page-wish-config.clx-editor-v2 .product-main,
body.page-wish-config.clx-editor-v2 .product-media,
body.page-wish-config.clx-editor-v2 .product-gallery--wish,
body.page-wish-config.clx-editor-v2 .wish-preview--hero,
body.page-wish-config.clx-editor-v2 .wish-preview__stage {
  min-width: 0;
  max-width: 100%;
}
body.page-wish-config.clx-editor-v2 .wish-preview--hero .wish-preview__stage {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
body.page-wish-config.clx-editor-v2 .wish-preview--hero .wish-preview__text {
  flex: none;
  width: max-content;
  max-width: none !important;
  white-space: pre !important;
  scale: 1 !important;
}
/* The left live product proof follows scrolling alongside the desktop editor. */
@media (min-width: 901px) {
  body.page-wish-config.clx-editor-v2 .product-main {
    align-items: start;
    overflow: visible;
  }
  body.page-wish-config.clx-editor-v2 .product-media {
    position: sticky;
    top: 85px;
    align-self: start;
    width: 100%;
    overflow: visible;
  }
}
/* Photo galleries now occupy the full width BELOW the order editor.
   This eliminates the wasted left-hand space under long purchase forms. */
body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1.2rem;
  padding: 1.5rem .4rem .6rem;
  margin-top: 1.3rem;
  border-top: 1px solid #e7ebf1;
}
body.page-wish-config.clx-editor-v2 .clx-editor__proof-heading {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  align-items: baseline;
}
body.page-wish-config.clx-editor-v2 .clx-editor__proof-heading strong {
  color: #111b29;
  font-weight: 850;
  font-size: clamp(1.05rem, 2vw, 1.4rem);
  letter-spacing: -.02em;
}
body.page-wish-config.clx-editor-v2 .clx-editor__proof-heading span {
  color: #607084;
  font-size: .81rem;
}
body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery .wish-preview-examples,
body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery .clx-editor__uses {
  min-width: 0;
  margin: 0;
  padding: .85rem;
  border: 1px solid #e5eaf0;
  border-radius: 15px;
  background: #fafbfc;
}
body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery figure {
  position: relative;
  min-width: 0;
}
body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery figure img {
  display: block;
  width: 100%;
  border-radius: 9px;
}
body.page-wish-config.clx-editor-v2 .clx-editor__zoom {
  position: absolute;
  z-index: 2;
  right: .36rem;
  top: .36rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid rgba(23, 31, 41, .1);
  border-radius: 9px;
  background: rgba(255,255,255,.95);
  color: #152239;
  font-size: 1.25rem;
  line-height: 1;
  cursor: zoom-in;
  box-shadow: 0 2px 12px rgba(0,0,0,.12);
}
body.page-wish-config.clx-editor-v2 .clx-editor__zoom:focus-visible,
.clx-editor__lightbox-close:focus-visible {
  outline: 3px solid #1688eb;
  outline-offset: 2px;
}
.clx-editor__lightbox {
  position: fixed;
  inset: 0;
  z-index: 900;
  max-width: min(95vw, 1050px);
  max-height: 92dvh;
  padding: 1rem;
  border: 1px solid #d5dce6;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 22px 80px rgba(0,0,0,.3);
}
.clx-editor__lightbox::backdrop { background: rgba(8,14,26,.75); }
.clx-editor__lightbox-card {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  align-items: center;
  max-height: calc(92dvh - 2rem);
}
.clx-editor__lightbox-card img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(73dvh, 830px);
  object-fit: contain;
  border-radius: 9px;
}
.clx-editor__lightbox-card p {
  color: #344255;
  text-align: center;
  font-size: .89rem;
  margin: 0;
}
.clx-editor__lightbox-close {
  align-self: flex-end;
  border: 1px solid #d0d9e6;
  border-radius: 8px;
  background: #f6f8fb;
  color: #172535;
  font: 700 .82rem/1.2 system-ui,sans-serif;
  padding: .55rem .85rem;
  cursor: pointer;
}
/* Discoverability for all 24 fonts: clearly visible purchase-related action. */
body.page-wish-config.clx-editor-v2 .wish-preview--controls [data-wish-fonts-toggle]:not([hidden]) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: .85rem 1rem;
  border: 2px solid #2272cc;
  border-radius: 12px;
  background: #eaf3ff;
  color: #0b3f7d;
  font-size: .92rem;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(12,80,153,.09);
  text-align: center;
}
body.page-wish-config.clx-editor-v2 .wish-preview--controls [data-wish-fonts-toggle]:not([hidden])::after {
  content: " ↗";
  font-size: 1.18rem;
  margin-left: .5rem;
}
body.page-wish-config.clx-editor-v2 .wish-preview--controls [data-wish-fonts-toggle]:focus-visible {
  outline: 3px solid #1688eb;
  outline-offset: 3px;
}
body.page-wish-config.clx-editor-v2 .wish-builder__alert:not([hidden]) {
  display: block;
  margin: .4rem 0 0;
  padding: .7rem .85rem;
  border: 1px solid #f0cf97;
  border-radius: 9px;
  background: #fff9ed;
  color: #795015;
  font-size: .8rem;
  font-weight: 650;
  line-height: 1.5;
}
/* A compact LIVE read-only mini-preview shown when the original scrolls away.
   It never replaces the native text editor or touch input. */
.clx-editor__sticky-mini[hidden] { display: none !important; }
.clx-editor__sticky-mini {
  position: fixed;
  z-index: 55;
  left: 10px;
  width: calc(100% - 20px);
  max-width: calc(100vw - 20px);
  box-sizing: border-box;
  padding: .35rem .55rem .45rem;
  border: 1px solid #b9c7d8;
  border-radius: 0 0 12px 12px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 7px 24px rgba(17,28,44,.15);
}
.clx-editor__sticky-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  font-size: .69rem;
  color: #253348;
  margin-bottom: .25rem;
}
.clx-editor__sticky-head strong { font-weight: 800; }
.clx-editor__sticky-text {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 26px;
  max-height: 58px;
  padding: .3rem .5rem;
  overflow: hidden;
  white-space: pre;
  text-align: center;
  line-height: 1.05;
  font-weight: 700;
  border-radius: 7px;
  background: #f2f5f8;
  color: #111827;
}
/* Single-column under the buybox on mobile. Never keep full scene sticky over forms. */
@media (max-width: 900px) {
  body.page-wish-config.clx-editor-v2 .product-media {
    position: static !important;
    top: auto !important;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery {
    grid-template-columns: minmax(0,1fr);
    gap: .8rem;
    padding: 1rem 0 .2rem;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery .wish-preview-examples,
  body.page-wish-config.clx-editor-v2 .clx-editor__proof-gallery .clx-editor__uses {
    padding: .7rem;
  }
}
@media (min-width: 901px) {
  .clx-editor__sticky-mini { display: none !important; }
}

/* --- section: conversion --- */
/* CLXON24 2026-10-12 – Wish buyer guidance.
   Visual layer only: native sizing, production validation, and cart remain in shop.js. */
body.page-wish-config.clx-editor-v2 .clx-editor__recommend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  padding: .85rem 1rem;
  margin-top: .55rem;
  background: #eff7ff;
  border: 1px solid #b9d9f9;
  border-radius: 11px;
  color: #143c65;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend[hidden],
body.page-wish-config.clx-editor-v2 .clx-editor__correction[hidden] {
  display: none !important;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend strong {
  display: block;
  font-size: .86rem;
  font-weight: 850;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend p {
  margin: .15rem 0 0;
  font-size: .78rem;
  line-height: 1.4;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend button {
  min-height: 43px;
  padding: .5rem .8rem;
  border: 1px solid #095aa4;
  border-radius: 9px;
  background: #0c62a9;
  color: white;
  font-size: .8rem;
  font-weight: 850;
  cursor: pointer;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend button:disabled {
  background: #e2ebf6;
  border-color: #bdc9d6;
  color: #526171;
  cursor: default;
}
body.page-wish-config.clx-editor-v2 .clx-editor__correction {
  display: grid;
  gap: .55rem;
  padding: .8rem;
  margin-top: .5rem;
  border: 1px solid #f1d8a8;
  border-radius: 10px;
  background: #fffaf0;
}
body.page-wish-config.clx-editor-v2 .clx-editor__correction strong {
  font-size: .83rem;
  font-weight: 800;
  color: #744915;
}
body.page-wish-config.clx-editor-v2 .clx-editor__correction > div {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
body.page-wish-config.clx-editor-v2 .clx-editor__correction button {
  min-height: 42px;
  flex: 1 1 auto;
  border: 1px solid #d9bc82;
  background: #fff;
  border-radius: 8px;
  color: #58390e;
  font-size: .77rem;
  font-weight: 750;
  cursor: pointer;
  padding: .4rem .6rem;
}
body.page-wish-config.clx-editor-v2 .clx-editor__correction button:disabled {
  opacity: .47;
  cursor: default;
}
body.page-wish-config.clx-editor-v2 .wish-builder__hint.is-invalid {
  color: #a74718;
}
body.page-wish-config.clx-editor-v2 .clx-editor__order-check {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  padding: .7rem .8rem;
  margin: .8rem 0 0;
  border: 1px solid #dae3ef;
  border-radius: 9px;
  background: #f6f8fb;
  color: #4d6072;
  font-weight: 700;
  font-size: .8rem;
  line-height: 1.45;
}
/* Eine gültige Konfiguration braucht keine zusätzliche Warn- oder Erfolgsbox. */
body.page-wish-config.clx-editor-v2 .clx-editor__order-check[hidden] {
  display: none !important;
}
body.page-wish-config.clx-editor-v2 [data-wish-height][readonly] {
  background: #f3f6fa;
  color: #465566;
  cursor: default;
}
body.page-wish-config.clx-editor-v2 .clx-editor__order-check[data-status="valid"] {
  background: #f0f8f0;
  border-color: #b9dcbc;
  color: #235d2f;
}
body.page-wish-config.clx-editor-v2 .clx-editor__order-check[data-status="invalid"] {
  background: #fff7ee;
  border-color: #efccaa;
  color: #965018;
}
body.page-wish-config.clx-editor-v2 .wish-review__grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
body.page-wish-config.clx-editor-v2 .wish-review__grid dd {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.page-wish-config.clx-editor-v2 .wish-preview__fonts-toggle:focus-visible,
body.page-wish-config.clx-editor-v2 .clx-editor__recommend button:focus-visible,
body.page-wish-config.clx-editor-v2 .clx-editor__correction button:focus-visible {
  outline: 3px solid #178fe6;
  outline-offset: 2px;
}
/* Search and side-by-side comparison in the existing native 24-font sheet. */
.wish-font-sheet__search-label {
  display: block;
  margin: .7rem 0 .25rem;
  color: #2d3a4d;
  font-size: .78rem;
  font-weight: 800;
}
.wish-font-sheet__search {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  border-radius: 9px;
  border: 1px solid #a8b8c9;
  padding: .65rem .8rem;
  font: 600 .92rem/1.3 system-ui,sans-serif;
}
.wish-font-sheet__search:focus-visible {
  outline: 3px solid #4e9ee8;
  outline-offset: 1px;
}
.wish-font-sheet__compare {
  display: grid;
  gap: .3rem;
  margin: .65rem 0 .45rem;
  padding: .65rem .75rem;
  border: 1px solid #d5e1ed;
  background: #f5f9fd;
  border-radius: 9px;
  color: #2b445f;
}
.wish-font-sheet__compare strong { font-size: .73rem; }
.wish-font-sheet__compare [data-wish-font-compare-list]:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.wish-font-sheet__compare-pick {
  min-height: 36px;
  border: 1px solid #7da2c9;
  border-radius: 8px;
  background: #fff;
  color: #174977;
  padding: .3rem .55rem;
  font-size: .76rem;
  font-weight: 800;
  cursor: pointer;
}
.wish-font-sheet__choice {
  display: grid;
  align-content: start;
  gap: .25rem;
  min-width: 0;
}
.wish-font-sheet__choice .wish-font-chip {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.wish-font-sheet__compare-toggle {
  min-height: 37px;
  border: 1px solid #c4d1e1;
  border-radius: 7px;
  background: #fff;
  color: #405268;
  font-size: .73rem;
  font-weight: 800;
  cursor: pointer;
}
.wish-font-sheet__compare-toggle.is-saved {
  border-color: #e8b745;
  background: #fff8df;
  color: #725008;
}
.wish-font-sheet__empty {
  grid-column: 1 / -1;
  font-size: .82rem;
  color: #607286;
}
/* Sticky miniature preview is intentionally non-interactive and compact. */
@media (max-width: 900px) {
  .clx-editor__sticky-mini {
    box-sizing: border-box;
    max-height: 108px;
    overflow: hidden;
    pointer-events: none;
  }
  .clx-editor__sticky-head { margin-bottom: .15rem; }
  .clx-editor__sticky-text { min-height: 23px; max-height: 60px; }
  body.page-wish-config.clx-editor-v2 .clx-editor__recommend {
    flex-direction: column;
    align-items: stretch;
  }
  body.page-wish-config.clx-editor-v2 .clx-editor__recommend button {
    width: 100%;
  }
}
@media (max-width: 400px) {
  body.page-wish-config.clx-editor-v2 .wish-review__grid {
    grid-template-columns: 1fr;
  }
  .wish-font-sheet__choice { gap: .15rem; }
  .wish-font-sheet__compare-toggle { min-height: 40px; }
}

/* --- section: guided --- */
/* CLXON24 Wunschtext: eine Fläche, mobil zuerst. Preis und Warenkorb bleiben nativ. */
body.page-wish-config.wish-single-ready {
  overflow-x: hidden;
}
body.page-wish-config.wish-single-ready .wish-intro {
  max-width: 1180px;
  margin: 0 auto .35rem;
  padding: .2rem 0 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body.page-wish-config.wish-single-ready .wish-intro__copy,
body.page-wish-config.wish-single-ready .wish-intro__from,
body.page-wish-config.wish-single-ready [data-wish-review],
body.page-wish-config.wish-single-ready .clx-editor__quick,
body.page-wish-config.wish-single-ready .wish-buy__block .cfg-tip {
  display: none !important;
}
body.page-wish-config.wish-single-ready .product-page {
  max-width: 1180px;
  margin-inline: auto;
}
body.page-wish-config.wish-single-ready .product-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .85rem;
  align-items: start;
  min-width: 0;
}
body.page-wish-config.wish-single-ready .wish-single-head,
body.page-wish-config.wish-single-ready .product-media,
body.page-wish-config.wish-single-ready .product-panel {
  min-width: 0;
  max-width: 100%;
}
body.page-wish-config.wish-single-ready .wish-single-head h1 {
  margin: 0 0 .15rem;
  font-size: clamp(1.35rem, 5vw, 2.05rem);
  line-height: 1.12;
  letter-spacing: -.03em;
}
body.page-wish-config.wish-single-ready .wish-single-head p {
  margin: 0;
  color: #3e5368;
  font-size: 1rem;
}
body.page-wish-config.wish-single-ready .product-panel__shop {
  background: #fff;
  border: 1px solid #e4ebf3;
  border-radius: 18px;
  padding: .85rem;
  box-shadow: 0 10px 30px rgba(16, 36, 64, .06);
}
body.page-wish-config.wish-single-ready [data-wish-preview-stage] {
  min-height: 168px;
  border-radius: 16px;
}
body.page-wish-config.wish-single-ready .wish-buy__block {
  margin: 0 0 .85rem;
  min-width: 0;
}
body.page-wish-config.wish-single-ready .wish-buy__block h3 {
  margin: 0 0 .45rem;
  font-size: 1rem;
}
body.page-wish-config.wish-single-ready [data-wish-step] > label > .buy-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
body.page-wish-config.wish-single-ready .wish-builder__row input {
  min-height: 48px;
  font-size: 1.05rem;
  width: 100%;
  min-width: 0;
}
body.page-wish-config.wish-single-ready .wish-builder__add {
  min-height: 44px;
  width: 100%;
  border-style: dashed;
  background: #f7fafc;
}
body.page-wish-config.wish-single-ready .wish-size-picks__row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .4rem;
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn {
  min-height: 48px;
  border-radius: 12px;
  border: 1.5px solid #d5deea;
  background: #fff;
  font-weight: 750;
  padding: .35rem .2rem;
  color: #122033;
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn[aria-pressed="true"] {
  border-color: #0b3b73;
  background: #e8f2fc;
  box-shadow: inset 0 0 0 1px #0b3b73;
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn.is-unavailable,
body.page-wish-config.wish-single-ready .wish-size-picks__btn:disabled {
  opacity: .45;
  text-decoration: line-through;
}
body.page-wish-config.wish-single-ready .wish-size-picks__more {
  margin: .55rem 0;
  min-height: 44px;
  width: 100%;
  border: 0;
  background: transparent;
  color: #0b3b73;
  font-weight: 750;
  text-decoration: underline;
}
body.page-wish-config.wish-single-ready .wish-size-picks__height,
body.page-wish-config.wish-single-ready .wish-dimensions__note {
  margin: .35rem 0 0;
  color: #4b6178;
  font-size: .92rem;
}
body.page-wish-config.wish-single-ready [data-wish-size-editor] .wish-dimension-field,
body.page-wish-config.wish-single-ready [data-wish-size-editor] .wish-dimension-lock {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
body.page-wish-config.wish-single-ready .color-chips--pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .55rem;
}
body.page-wish-config.wish-single-ready .color-chip {
  min-height: 64px;
  border-radius: 14px;
  border: 2px solid #d5deea;
}
body.page-wish-config.wish-single-ready .color-chip.is-active {
  border-color: #0b3b73;
  box-shadow: inset 0 0 0 1px #0b3b73;
}
body.page-wish-config.wish-single-ready .wish-preview__fonts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-wish-config.wish-single-ready .wish-font-chip {
  min-height: 72px;
}
body.page-wish-config.wish-single-ready .wish-price-wrap > span {
  display: block;
  font-size: .82rem;
  color: #4b6178;
  font-weight: 650;
}
body.page-wish-config.wish-single-ready [data-product-price] {
  font-size: clamp(1.6rem, 6vw, 2rem);
  margin: .1rem 0 .35rem;
}
body.page-wish-config.wish-single-ready .wish-buy__trust {
  margin: .4rem 0 .7rem;
  padding: 0;
  list-style: none;
}
body.page-wish-config.wish-single-ready .wish-buy__trust li {
  margin: .15rem 0;
}
body.page-wish-config.wish-single-ready [data-add-cart] {
  width: 100%;
  min-height: 54px;
  font-size: 1.05rem;
}
body.page-wish-config.wish-single-ready [data-cart-added] .product-cart-added__actions {
  display: grid;
  gap: .45rem;
}
body.page-wish-config.wish-single-ready [data-cart-added] .product-cart-added__actions a,
body.page-wish-config.wish-single-ready [data-cart-added] .product-cart-added__actions button {
  min-height: 48px;
  width: 100%;
}
body.page-wish-config.wish-single-ready [data-clx-size-recommendation]:not([hidden]) {
  display: grid;
  gap: .55rem;
  margin-top: .65rem;
  padding: .75rem;
  border-radius: 12px;
  background: #f4f8fc;
  border: 1px solid #d5e3f2;
}
body.page-wish-config.wish-single-ready [data-clx-recommend-click] {
  min-height: 44px;
}
@media (max-width: 359px) {
  body.page-wish-config.wish-single-ready .wish-size-picks__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 901px) {
  body.page-wish-config.wish-single-ready .product-main {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    column-gap: 1.25rem;
  }
  body.page-wish-config.wish-single-ready .wish-single-head {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  body.page-wish-config.wish-single-ready .product-media {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
  }
  body.page-wish-config.wish-single-ready .product-panel__shop {
    grid-column: 2;
    grid-row: 2;
  }
  body.page-wish-config.wish-single-ready .product-related-block,
  body.page-wish-config.wish-single-ready .product-panel__details,
  body.page-wish-config.wish-single-ready .product-seo-guide {
    grid-row: auto;
    grid-column: 1 / -1;
  }
  body.page-wish-config.wish-single-ready [data-wish-preview-stage] {
    min-height: 280px;
  }
  body.page-wish-config.wish-single-ready .wish-preview__fonts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-wish-config.wish-single-ready * {
    scroll-behavior: auto !important;
  }
}
body.page-wish-config.wish-single-ready :focus-visible {
  outline: 2px solid #0b3b73;
  outline-offset: 2px;
}


/* 2026-10-16: CLXON24 Single-Screen Premium Polish.
   Editorial, fast, conversion-first. No commerce or production overrides. */
body.page-wish-config.wish-single-ready {
  --wish-ink: #15233b;
  --wish-accent: #174d96;
  --wish-line: #e5ebf4;
  --wish-soft: #f5f8fc;
}
body.page-wish-config.wish-single-ready .wish-single-head {
  position: relative;
  padding: .15rem 0 .5rem;
}
body.page-wish-config.wish-single-ready .wish-single-head::before {
  content: "DEIN DESIGN · ECHTE VINYLFOLIE";
  display: block;
  width: fit-content;
  margin: 0 0 .65rem;
  padding: .38rem .7rem;
  border-radius: 999px;
  border: 1px solid #d9e6f5;
  background: #edf4fe;
  color: #174d96;
  font-size: .67rem;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .09em;
}
body.page-wish-config.wish-single-ready .wish-single-head h1 {
  font-size: clamp(1.55rem, 5.7vw, 2.7rem);
  font-weight: 850;
  letter-spacing: -.055em;
  color: var(--wish-ink);
  text-wrap: balance;
}
body.page-wish-config.wish-single-ready .wish-single-head p {
  color: #627087;
  font-size: clamp(.92rem, 2.7vw, 1.03rem);
}
body.page-wish-config.wish-single-ready .product-main {
  gap: clamp(.75rem, 2.1vw, 1.2rem);
}
/* Product examples already appear in the six-image gallery AFTER the form.
   Keeping them in the hero doubles media and delays the first input on mobile. */
body.page-wish-config.wish-single-ready .product-media .wish-preview-examples,
body.page-wish-config.wish-single-ready .product-media .clx-editor__uses {
  display: none !important;
}
body.page-wish-config.wish-single-ready .product-media {
  align-self: start;
}
body.page-wish-config.wish-single-ready .product-media .wish-preview--hero {
  position: relative;
  overflow: hidden;
  border: 1px solid #e1eaf5;
  border-radius: 22px;
  padding: clamp(.7rem, 2.4vw, 1.25rem);
  background: linear-gradient(150deg, #fff 0%, #f6f9fd 70%, #eef4fc 100%);
  box-shadow: 0 12px 34px rgba(17, 42, 78, .06);
}
body.page-wish-config.wish-single-ready .product-media .wish-preview__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-bottom: .55rem;
}
body.page-wish-config.wish-single-ready .product-media .wish-preview__label {
  font-size: .69rem;
  font-weight: 850;
  color: #526985;
  letter-spacing: .07em;
  text-transform: uppercase;
}
body.page-wish-config.wish-single-ready .product-media [data-wish-preview-stage] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(175px, 37vw, 310px);
  border: 1px solid #e4eaf2;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: inset 0 1px 12px rgba(21, 35, 59, .025);
}
body.page-wish-config.wish-single-ready .product-media .wish-preview__hint {
  margin: .65rem .15rem .15rem;
  color: #5d6f86;
  font-size: .79rem;
  line-height: 1.45;
}
body.page-wish-config.wish-single-ready .product-panel__shop {
  border: 1px solid var(--wish-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 48px rgba(13, 38, 74, .065);
  padding: clamp(1rem, 2.2vw, 1.55rem);
}
body.page-wish-config.wish-single-ready .wish-buy__block {
  position: relative;
  padding: 0 0 1rem;
  margin: 0 0 1.05rem;
  border: 0;
  border-bottom: 1px solid var(--wish-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.page-wish-config.wish-single-ready .wish-buy__block h3 {
  font-size: .98rem;
  color: var(--wish-ink);
  font-weight: 850;
  letter-spacing: -.025em;
  margin: 0 0 .66rem;
}
body.page-wish-config.wish-single-ready .wish-builder__row input {
  border: 1.5px solid #d7e1ec;
  border-radius: 13px;
  min-height: 54px;
  padding: .85rem .75rem;
  color: var(--wish-ink);
  background: #fbfcff;
  box-shadow: inset 0 1px 2px rgba(10,35,65,.02);
}
body.page-wish-config.wish-single-ready .wish-builder__row input:focus {
  background: #fff;
  border-color: var(--wish-accent);
  box-shadow: 0 0 0 3px rgba(23,77,150,.12);
  outline: none;
}
body.page-wish-config.wish-single-ready .wish-builder__add {
  width: auto;
  padding-inline: .85rem;
  border: 1px dashed #b4c7df;
  border-radius: 11px;
  background: #f5f9fd;
  color: #1b4e84;
  font-size: .84rem;
  font-weight: 750;
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn,
body.page-wish-config.wish-single-ready .color-chip,
body.page-wish-config.wish-single-ready .wish-font-chip {
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn {
  background: #f9fbfe;
  border: 1.5px solid #dbe5f0;
  border-radius: 12px;
  color: #203654;
  font-size: clamp(.7rem, 1.7vw, .88rem);
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn:not(:disabled):hover {
  border-color: #6794c7;
  background: #eef5fe;
  transform: translateY(-1px);
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn[aria-pressed="true"] {
  background: #193f73;
  border-color: #193f73;
  color: #fff;
  box-shadow: 0 4px 12px rgba(22,67,127,.18);
}
body.page-wish-config.wish-single-ready .wish-size-picks__btn[aria-pressed="true"]:hover {
  background: #17467f;
}
body.page-wish-config.wish-single-ready .wish-size-picks__more {
  color: #19508c;
  text-decoration: none;
  font-size: .82rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
}
body.page-wish-config.wish-single-ready .wish-size-picks__more::after {
  content: "⌄";
  font-size: 1.2rem;
  line-height: 1;
}
body.page-wish-config.wish-single-ready .wish-size-picks__more[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
body.page-wish-config.wish-single-ready .color-chip {
  background: #fbfcff;
  border-color: #dbe5f0;
  box-shadow: none;
}
body.page-wish-config.wish-single-ready .color-chip.is-active {
  border-color: #214d83;
  box-shadow: 0 0 0 2px rgba(33,77,131,.11);
}
body.page-wish-config.wish-single-ready .wish-font-chip {
  background: #f9fbfe;
  border-radius: 13px;
  border: 1.5px solid #dce6f1;
  min-height: 72px;
}
body.page-wish-config.wish-single-ready .wish-font-chip.is-active {
  border-color: var(--wish-accent);
  background: #f0f6ff;
  box-shadow: 0 0 0 2px rgba(23,77,150,.085);
}
body.page-wish-config.wish-single-ready .wish-preview__fonts-toggle {
  min-height: 42px;
  border-radius: 11px;
  font-weight: 750;
  color: #19508c;
}
body.page-wish-config.wish-single-ready .wish-buy__foot {
  padding: .9rem .1rem 0;
  margin-top: 0;
}
body.page-wish-config.wish-single-ready .wish-price-wrap > span::after {
  content: " · inkl. Versand DE";
  color: #677b95;
  font-weight: 500;
}
body.page-wish-config.wish-single-ready [data-product-price] {
  color: #102f57;
  font-weight: 900;
  letter-spacing: -.04em;
}
body.page-wish-config.wish-single-ready .wish-buy__trust {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem .65rem;
  margin: .7rem 0 .9rem;
}
body.page-wish-config.wish-single-ready .wish-buy__trust li {
  position: relative;
  margin: 0;
  padding-left: 1.15rem;
  font-size: .75rem;
  line-height: 1.45;
  color: #3a536c;
}
body.page-wish-config.wish-single-ready .wish-buy__trust li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #1d8565;
  font-weight: 900;
}
body.page-wish-config.wish-single-ready [data-add-cart] {
  min-height: 58px;
  border-radius: 14px;
  background: linear-gradient(115deg, #183e72, #0b2b55);
  color: #fff;
  box-shadow: 0 9px 24px rgba(22,63,116,.17);
  font-weight: 850;
  letter-spacing: -.01em;
}
body.page-wish-config.wish-single-ready [data-add-cart]:not(:disabled):hover {
  background: #174a89;
  transform: translateY(-1px);
}
body.page-wish-config.wish-single-ready [data-add-cart]:disabled {
  box-shadow: none;
  opacity: .56;
}
body.page-wish-config.wish-single-ready .wish-mobile-dock {
  border-top: 1px solid #e2eaf4;
  box-shadow: 0 -10px 32px rgba(20,36,60,.09);
}
@media (min-width: 901px) {
  body.page-wish-config.wish-single-ready .product-media {
    position: sticky;
    top: 92px;
  }
}
@media (max-width: 900px) {
  body.page-wish-config.wish-single-ready .product-main {
    row-gap: .65rem;
  }
  body.page-wish-config.wish-single-ready .wish-single-head {
    padding: .1rem .2rem .2rem;
  }
  body.page-wish-config.wish-single-ready .product-media .wish-preview--hero {
    padding: .68rem;
    border-radius: 18px;
    box-shadow: 0 7px 22px rgba(13,38,74,.045);
  }
  body.page-wish-config.wish-single-ready .product-panel__shop {
    padding: .95rem;
    border-radius: 18px;
    box-shadow: 0 7px 22px rgba(13,38,74,.045);
  }
  body.page-wish-config.wish-single-ready .wish-buy__trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 359px) {
  body.page-wish-config.wish-single-ready .wish-buy__trust {
    grid-template-columns: 1fr;
  }
  body.page-wish-config.wish-single-ready .wish-single-head h1 {
    font-size: 1.5rem;
  }
}
@media (hover: none), (prefers-reduced-motion: reduce) {
  body.page-wish-config.wish-single-ready .wish-size-picks__btn,
  body.page-wish-config.wish-single-ready .color-chip,
  body.page-wish-config.wish-single-ready .wish-font-chip,
  body.page-wish-config.wish-single-ready [data-add-cart] {
    transition: none;
  }
}

/* Only one floating mobile conversion element: the real cart dock.
   The legacy tiny preview competes for limited vertical space. */
body.page-wish-config.wish-single-ready .clx-editor__sticky-mini {
  display: none !important;
}

/* --- section: polish --- */
﻿/* CLXON24 Wunschtext UX refinement v5: intentionally scoped to active wizard.
   Existing vinyl preview font classes remain untouched. */
body.page-wish-config.wish-guided-ready {
  --wg-ink: #142b43;
  --wg-navy: #102a43;
  --wg-action: #0764be;
  --wg-muted: #4d637b;
  --wg-line: #d6e3ef;
  --wg-surface: #f1f6fb;
  color: var(--wg-ink);
  background: #e8eef5;
}
body.page-wish-config.wish-guided-ready :is(.wish-intro,.product-main,.product-panel,.product-panel__shop,.product-buybox,.product-buy,.wg-panel,.wg-nav,.wg-inspiration,.wg-added),
body.page-wish-config.wish-guided-ready :is(.wish-intro,.product-main,.product-panel,.product-panel__shop,.product-buybox,.product-buy,.wg-panel,.wg-nav,.wg-inspiration,.wg-added) * { box-sizing: border-box; }
body.page-wish-config.wish-guided-ready .wish-intro {
  background: linear-gradient(124deg,#102a43 4%,#173d62 70%,#1b5080 100%) !important;
  border: 1px solid #315777 !important;
  border-radius: 19px;
  box-shadow: 0 16px 40px rgba(10,31,52,.16);
  color: #f6fbff;
}
body.page-wish-config.wish-guided-ready .wish-intro :is(.clx-editor__headline,.clx-editor__eyebrow,.wish-intro__lead,.clx-intro-action__note) { color: #fff !important; }
body.page-wish-config.wish-guided-ready .wish-intro .clx-editor__eyebrow { color: #b8dafa !important; letter-spacing: .075em; }
body.page-wish-config.wish-guided-ready .wish-intro .wish-intro__lead { max-width: 680px; color: #e0ecf9 !important; font-weight: 400; }
body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action {
  color: #102a43 !important; background: #fff !important; border-color: #fff !important;
  font-family: var(--font-sans,"Segoe UI",Arial,sans-serif);
  font-weight: 750; border-radius: 10px; box-shadow: 0 5px 16px rgba(2,15,34,.12);
}
body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action:hover { background: #e9f4ff !important; }
body.page-wish-config.wish-guided-ready .wish-intro__from {
  background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.23);
  color: #fff; border-radius: 14px;
}
body.page-wish-config.wish-guided-ready .wish-intro__from :is(strong,span) { color: #fff !important; }
body.page-wish-config.wish-guided-ready .product-page { max-width: 1260px; margin-inline: auto; }
body.page-wish-config.wish-guided-ready .product-main {
  gap: clamp(1rem,2vw,1.6rem);
  grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);
  align-items: start;
}
body.page-wish-config.wish-guided-ready .product-panel__shop {
  background: #fff !important;
  color: var(--wg-ink);
  border: 1px solid #b7cbe0 !important;
  border-top: 3px solid #0764be !important;
  border-radius: 18px;
  padding: clamp(1rem,2vw,1.5rem);
  box-shadow: 0 18px 42px rgba(16, 42, 67, .14);
}
body.page-wish-config.wish-guided-ready .product-panel__shop > h1 {
  color: var(--wg-ink); font: 760 clamp(1.3rem,1.9vw,1.65rem)/1.23 var(--font-sans,"Segoe UI",Arial,sans-serif);
  letter-spacing: -.025em; text-wrap: pretty; overflow-wrap: break-word; margin-bottom: .4rem;
}
body.page-wish-config.wish-guided-ready [data-product-description] {
  color: var(--wg-muted); font-size: .88rem; line-height: 1.55;
}
body.page-wish-config.wish-guided-ready .product-buy {
  font-family: var(--font-sans,"Segoe UI",Arial,sans-serif);
  letter-spacing: normal;
}
body.page-wish-config.wish-guided-ready :is(.wg-nav,.wg-panel,.wg-actions,.wg-review-intro,.wg-text-meta,.wg-total,.wg-dimensions,.wish-builder__hint,.wish-dimensions,.clx-editor__recommend,.wish-review) {
  min-width: 0; width: 100%; max-width: 100%; line-height: 1.5; letter-spacing: normal !important;
  text-transform: none !important; overflow-wrap: break-word; word-break: normal;
  font-family: var(--font-sans,"Segoe UI",Arial,sans-serif);
}
body.page-wish-config.wish-guided-ready .product-buy :is(.wish-buy__block,.wish-builder__hint,.wish-dimension-field span,.wish-dimensions__note,.clx-editor__recommend,.clx-editor__recommend *, .wg-text-meta label,.wg-review-intro,.wg-actions__status,.wg-total,.wish-review dt,.wish-review dd,.hours-block__head) {
  letter-spacing: normal !important; text-transform: none !important; font-family: var(--font-sans,"Segoe UI",Arial,sans-serif);
}
body.page-wish-config.wish-guided-ready .product-buy :is(.wish-builder__hint,.wish-dimensions__note,.clx-editor__recommend p,.wg-review-intro,.wg-text-meta label,.wish-review dd) {
  font-size: .84rem !important; line-height: 1.52 !important;
}
body.page-wish-config.wish-guided-ready .product-buy .hours-block__head h3,
body.page-wish-config.wish-guided-ready .product-buy .clx-editor__recommend strong {
  font-size: .9rem !important; font-weight: 750 !important; line-height: 1.3;
}
body.page-wish-config.wish-guided-ready .wg-nav {
  padding: 1rem; background: #e9f1f9; border: 1px solid #d2e1ef; border-radius: 14px;
  gap: .75rem; container-type: inline-size;
}
body.page-wish-config.wish-guided-ready .wg-nav__top strong { font-size: 1rem; color: #112c47; font-weight: 750; }
body.page-wish-config.wish-guided-ready .wg-nav__top span { font-size: .78rem; color: #46617b; }
body.page-wish-config.wish-guided-ready .wg-nav__track { height: 4px; background: #cfddea; }
body.page-wish-config.wish-guided-ready .wg-nav__track > span { background: #0764be; }
body.page-wish-config.wish-guided-ready .wg-nav__list { gap: .5rem; }
body.page-wish-config.wish-guided-ready .wg-nav__list button {
  min-width: 0; max-width: 100%; background: #fff; border: 1px solid #dbe6ef;
  color: #405a74; font-family: var(--font-sans,"Segoe UI",Arial,sans-serif);
  font-size: .8rem; font-weight: 680; line-height: 1.36; min-height: 54px;
  border-radius: 10px; overflow-wrap: break-word; padding: .55rem;
  letter-spacing: normal; text-transform: none;
}
body.page-wish-config.wish-guided-ready .wg-nav__list button b { flex: 0 0 27px; font-family: inherit; font-weight: 700; }
body.page-wish-config.wish-guided-ready .wg-nav__list button.is-current { background: #ddecfd; border-color: #5c9edf; color: #0b427c; }
body.page-wish-config.wish-guided-ready .wg-nav__list button.is-current b { background: #0764be; color: #fff; }
body.page-wish-config.wish-guided-ready .wg-nav__list button.is-complete { background: #f5fafb; }
body.page-wish-config.wish-guided-ready .wg-nav__list button.is-complete b { background: #227b69; }
@container (max-width: 560px) {
  .wg-nav__list { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
body.page-wish-config.wish-guided-ready .wg-panel {
  padding: .25rem 0; gap: .75rem;
}
body.page-wish-config.wish-guided-ready .wg-panel__title {
  color: #112a42; font: 760 clamp(1.14rem,1.8vw,1.4rem)/1.25 var(--font-sans,"Segoe UI",Arial,sans-serif);
  letter-spacing: -.02em; text-wrap: pretty; overflow-wrap: break-word;
}
body.page-wish-config.wish-guided-ready .wg-step-guide {
  color: #526981; font-size: .87rem; line-height: 1.53; margin: -.3rem 0 .2rem;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-buy__block {
  background: #fff; border: 1px solid #d7e3ef; border-left: 3px solid #0764be;
  border-radius: 13px; padding: clamp(.75rem,1.8vw,1rem);
  box-shadow: 0 5px 18px rgba(18,51,78,.035); min-width: 0;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-buy__block *,
body.page-wish-config.wish-guided-ready .wg-panel .wish-buy__block :is(input,select,button) {
  max-width: 100%;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-builder__row {
  min-width: 0; grid-template-columns: 22px minmax(0,1fr) 34px;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-builder__row :is(input,button) { min-width: 0; }
body.page-wish-config.wish-guided-ready .wg-panel .wish-builder__row input {
  color: #132c46; background: #fff; border-color: #cbdbe9; font-size: 1rem;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-builder__add { justify-self: stretch; width: 100%; border-style: dashed; background: #f5f9fc; }
body.page-wish-config.wish-guided-ready .wg-text-meta {
  border: 1px solid #dae7f1; background: #edf4fa; border-radius: 11px; padding: .7rem .8rem;
  display: flex; align-items: flex-start; gap: .4rem;
}
body.page-wish-config.wish-guided-ready .wg-text-meta [data-wg-chars] { display: none; }
body.page-wish-config.wish-guided-ready .wg-text-meta label {
  display: flex !important; flex: 1; min-width: 0; gap: .65rem;
  align-items: flex-start; font-weight: 530 !important; white-space: normal !important;
  color: #2e506c; font-size: .85rem !important; text-transform: none !important; letter-spacing: normal !important;
  overflow-wrap: break-word;
}
body.page-wish-config.wish-guided-ready .wg-text-meta input {
  flex: 0 0 18px; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #0764be;
}
body.page-wish-config.wish-guided-ready .wg-dimensions {
  border-color: #cbdfee; background: #e9f3fc; border-radius: 10px;
  padding: .68rem .8rem; color: #194871; font-size: .85rem;
}
body.page-wish-config.wish-guided-ready .wg-panel [data-wish-size-editor] { display: grid; min-width: 0; width: 100%; }
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimensions {
  display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  gap: clamp(.25rem,1vw,.75rem); align-items: end; min-width: 0;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-field { min-width: 0; }
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-field > span:first-child {
  display: block; color: #455f7b; font-size: .81rem; font-weight: 700;
  letter-spacing: normal; overflow-wrap: break-word; line-height: 1.35;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-input {
  display: flex; align-items: center; min-width: 0; width: 100%;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-input input {
  min-width: 0; flex: 1 1 auto; width: 0; padding-inline: clamp(.4rem,1.2vw,.8rem);
  font-size: clamp(.85rem,1.5vw,1rem);
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-input b { flex: 0 0 auto; font-size: .73rem; padding-inline: .35rem; }
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-lock { align-self: center; padding-top: 1rem; font-size: .85rem; }
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimensions__note {
  grid-column: 1/-1; color: #4c657c !important; margin: .25rem 0 0;
  font-weight: 500; max-width: 100%; line-height: 1.5;
}
body.page-wish-config.wish-guided-ready .wg-panel [data-clx-size-recommendation]:not([hidden]) {
  display: grid !important; grid-template-columns: minmax(0,1fr) auto;
  align-items: center; gap: .5rem; width: 100%; min-width: 0;
  background: #f0f7fd; color: #153e69; margin-top: .7rem;
  border: 1px solid #b9d5ec; border-radius: 10px; padding: .8rem;
}
body.page-wish-config.wish-guided-ready .wg-panel [data-clx-size-recommendation] > div { min-width: 0; overflow-wrap: break-word; }
body.page-wish-config.wish-guided-ready .wg-panel [data-clx-size-recommendation] button { width: auto; max-width: 100%; white-space: normal; font-size: .78rem; }
body.page-wish-config.wish-guided-ready .wg-panel [data-clx-size-recommendation] button:disabled {
  background: #e3eff9; color: #305c81;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-preview__fonts {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-font-chip {
  background: #f5f8fc; border: 1px solid #d4e1eb;
  box-shadow: none; border-radius: 10px; min-height: 75px;
  padding: .6rem; gap: .35rem;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-font-chip.is-active { background: #e7f3ff; border-color: #0764be; box-shadow: inset 0 0 0 1px #0764be; }
body.page-wish-config.wish-guided-ready .wg-panel .wish-font-chip__name {
  font: 650 .76rem/1.3 var(--font-sans,"Segoe UI",Arial,sans-serif);
  letter-spacing: normal !important; text-transform: none !important; color: #3f5b75;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-font-chip__sample {
  max-width: 100%; font-size: clamp(1.05rem,2vw,1.3rem); white-space: nowrap;
}
body.page-wish-config.wish-guided-ready .wg-review-intro { line-height: 1.55; color: #4f6880; font-size: .88rem; }
body.page-wish-config.wish-guided-ready .wg-total {
  padding: .95rem 1rem; background: #eaf3fb; border: 1px solid #cddfed; border-radius: 13px;
}
body.page-wish-config.wish-guided-ready .wg-total :is(strong,span,p) { letter-spacing: normal; }
body.page-wish-config.wish-guided-ready .wg-total > div:nth-child(2) strong { color: #094b88; }
body.page-wish-config.wish-guided-ready .wg-actions {
  margin-top: 1.15rem; border-top-color: #cfdeec; padding-top: .85rem; background: #f8fbfe;
}
body.page-wish-config.wish-guided-ready .wg-actions__status { color: #335875; font-size: .83rem; }
body.page-wish-config.wish-guided-ready .wg-actions__buttons button {
  font: 730 .9rem/1.3 var(--font-sans,"Segoe UI",Arial,sans-serif);
  letter-spacing: normal; min-height: 49px;
}
body.page-wish-config.wish-guided-ready .wg-actions__buttons .wg-next { background: #0764be; border-color: #0764be; color: #fff; }
body.page-wish-config.wish-guided-ready .wg-actions__buttons .wg-back { background: #fff; color: #194b78; }
body.page-wish-config.wish-guided-ready .wg-panel[data-wg-panel="3"] .wish-buy__foot [data-add-cart] {
  color: #fff !important; background: #0764be !important; border-color: #0764be !important;
  font-family: var(--font-sans,"Segoe UI",Arial,sans-serif) !important;
  font-size: 1rem; font-weight: 750; letter-spacing: normal; text-transform: none;
}
body.page-wish-config.wish-guided-ready .wg-panel[data-wg-panel="3"] .wish-buy__foot [data-add-cart]:hover { background: #0955a3 !important; }
body.page-wish-config.wish-guided-ready .product-media { min-width: 0; max-width: 100%; }
/* Existing six-image proof gallery gets a responsive placement; no second image block. */
body.page-wish-config.wish-guided-ready dialog.wg-added {
  width: min(92vw, 470px); max-width: 470px; max-height: calc(100dvh - 28px);
  padding: 0; border: 1px solid #d9e5ee; border-radius: 18px;
  background: #fff; box-shadow: 0 28px 90px rgba(4,18,35,.35); overflow: auto;
  font-family: var(--font-sans,"Segoe UI",Arial,sans-serif); color: #102a43;
}
body.page-wish-config.wish-guided-ready dialog.wg-added::backdrop { background: rgba(7,22,39,.72); backdrop-filter: blur(3px); }
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__header {
  display: flex; justify-content: space-between; align-items: center;
  padding: .8rem 1.15rem; background: linear-gradient(115deg,#102a43,#194c7a);
}
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__brand { display: flex; align-items: center; gap: .45rem; color: #fff; font-size: .75rem; font-weight: 750; letter-spacing: .04em; }
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__brand img { display: block; width: 102px; height: auto; max-height: 44px; object-fit: contain; }
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__brand img { background: #fff; border-radius: 6px; padding: 5px; }
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__header button { width: 38px; display: grid; place-items: center; padding: 0; background: rgba(255,255,255,.12); color: #fff; border: 0; border-radius: 8px; min-width: 38px; min-height: 38px; cursor: pointer; font: 600 1.3rem/1 var(--font-sans,"Segoe UI",Arial,sans-serif); }
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__body { padding: clamp(1rem,3.5vw,1.65rem); gap: .65rem; display: grid; }
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__tick { background: #167f6b; color: #fff; width: 52px; height: 52px; }
body.page-wish-config.wish-guided-ready dialog.wg-added h2 { font: 750 1.36rem/1.28 var(--font-sans,"Segoe UI",Arial,sans-serif); letter-spacing: -.025em; color: #102a43; }
body.page-wish-config.wish-guided-ready dialog.wg-added p { font-size: .87rem; line-height: 1.5; color: #4f647b; }
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__next {
  background: #eaf3fb; border: 1px solid #d5e4f0; color: #244d74; border-radius: 10px;
  padding: .7rem; font-size: .81rem; line-height: 1.5;
}
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__next strong { font-weight: 750; color: #143a60; }
body.page-wish-config.wish-guided-ready dialog.wg-added :is(a,button:not(.wg-added__header button)) {
  font: 740 .91rem/1.3 var(--font-sans,"Segoe UI",Arial,sans-serif); letter-spacing: normal; text-transform: none;
}
body.page-wish-config.wish-guided-ready dialog.wg-added a { background: #0764be; color: #fff; border: 1px solid #0764be; }
body.page-wish-config.wish-guided-ready dialog.wg-added a:nth-of-type(1) { background: #f2f7fb; color: #0c4d84; border: 1px solid #b9d6ed; }
body.page-wish-config.wish-guided-ready dialog.wg-added [data-wg-another] {
  color: #fff !important; background: #102a43 !important; border-color: #102a43 !important;
}
body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__close { color: #405d79; }
body.page-wish-config.wish-guided-ready :is(.wg-nav,.wg-actions,.wg-panel,.clx-editor__proof-gallery,.wg-total) :is(a,button,input,select):focus-visible {
  outline: 3px solid #57a7f2 !important; outline-offset: 2px;
}
@media (max-width: 900px) {
  body.page-wish-config.wish-guided-ready .product-main { grid-template-columns: minmax(0,1fr) !important; }
  body.page-wish-config.wish-guided-ready .product-page { padding: .5rem !important; }
  body.page-wish-config.wish-guided-ready .product-media { position: static !important; top: auto !important; overflow: visible; }
  body.page-wish-config.wish-guided-ready .product-panel__shop { padding: clamp(.8rem,3vw,1.2rem) !important; }
  body.page-wish-config.wish-guided-ready .wg-actions { position: static !important; box-shadow: none; }
}
@media (max-width: 540px) {
  body.page-wish-config.wish-guided-ready .wish-intro { border-radius: 13px; padding: 1.1rem; }
  body.page-wish-config.wish-guided-ready .wg-nav { padding: .75rem; }
  body.page-wish-config.wish-guided-ready .wg-nav__list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.page-wish-config.wish-guided-ready .wg-nav__list button { padding: .5rem; font-size: .76rem; }
  body.page-wish-config.wish-guided-ready .wg-panel .wish-dimensions { gap: .3rem; }
  body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-input input { padding-inline: .28rem; }
  body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-input b { padding-inline: .25rem; font-size: .67rem; }
  body.page-wish-config.wish-guided-ready .wg-panel .wish-font-chip { min-height: 68px; }
  body.page-wish-config.wish-guided-ready .wg-actions__buttons { gap: .5rem; }
  body.page-wish-config.wish-guided-ready dialog.wg-added .wg-added__brand img { width: 82px; }
}
@media (max-width: 355px) {
  body.page-wish-config.wish-guided-ready .wg-panel .wish-dimensions { grid-template-columns: minmax(0,1fr) !important; }
  body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-lock { display: none; }
  body.page-wish-config.wish-guided-ready .wg-nav__list button { font-size: .72rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-wish-config.wish-guided-ready .wg-panel { animation: none; }
}


/* v6: audited buyer-facing layout. Never show identical example images twice.
   Fix dark-hero pills, narrow nested grid children and page-wide readability. */
body.page-wish-config.wish-guided-ready .wish-intro__trust {
  display: flex; flex-wrap: wrap; gap: .45rem .55rem;
  align-items: center; margin: .75rem 0 0; padding: 0; list-style: none;
  width: 100%; min-width: 0;
}
body.page-wish-config.wish-guided-ready .wish-intro__trust > li {
  display: inline-flex; align-items: center; min-width: 0; max-width: 100%;
  flex: 0 1 auto; gap: .32rem;
  background: #f3f8ff !important; border: 1px solid #d0e0ed !important;
  color: #173753 !important;
  padding: .45rem .75rem; border-radius: 9px;
  font: 650 .8rem/1.4 var(--font-sans,"Segoe UI",Arial,sans-serif);
  letter-spacing: normal !important; text-transform: none !important;
  white-space: normal; overflow-wrap: break-word;
}
body.page-wish-config.wish-guided-ready .wish-intro__trust > li::before { color: #0764be !important; }
body.page-wish-config.wish-guided-ready .wish-intro__from {
  box-sizing: border-box; min-width: 160px; width: auto; max-width: 100%;
  padding: .8rem .95rem; overflow: visible; text-align: center;
  display: grid; justify-items: center; align-content: center; gap: .25rem;
}
body.page-wish-config.wish-guided-ready .wish-intro__from strong {
  font-size: clamp(1.2rem,2vw,1.5rem); line-height: 1.2;
  font-weight: 770; white-space: nowrap; margin: 0;
}
body.page-wish-config.wish-guided-ready .wish-intro__from span {
  font-size: .75rem; line-height: 1.4; white-space: normal;
}
body.page-wish-config.wish-guided-ready .product-page,
body.page-wish-config.wish-guided-ready .product-main,
body.page-wish-config.wish-guided-ready .product-media,
body.page-wish-config.wish-guided-ready .product-panel,
body.page-wish-config.wish-guided-ready .product-panel__shop,
body.page-wish-config.wish-guided-ready .product-buybox,
body.page-wish-config.wish-guided-ready .product-buy,
body.page-wish-config.wish-guided-ready .wg-panel,
body.page-wish-config.wish-guided-ready .wg-nav,
body.page-wish-config.wish-guided-ready .wg-actions,
body.page-wish-config.wish-guided-ready .clx-editor__proof-gallery {
  min-width: 0; max-width: 100%;
}
body.page-wish-config.wish-guided-ready .product-panel :is(
  .wg-nav__top,.wg-nav__list,.wg-panel,.wish-buy__block,.wish-builder,.wish-builder__rows,
  .wish-dimensions,.wish-dimension-field,.wish-dimension-input,.clx-editor__recommend,
  .wish-review,.wish-review__grid,.wg-total,.wg-actions,.wg-text-meta
) { min-width: 0; max-width: 100%; }
body.page-wish-config.wish-guided-ready .product-panel :is(
  .hours-block__head,.wish-builder__hint,.wish-dimensions__note,.wg-step-guide,
  .wish-review dt,.wish-review dd,.wg-review-intro,.wg-actions__status
) { overflow-wrap: break-word; word-break: normal; white-space: normal; }
body.page-wish-config.wish-guided-ready .product-panel .wish-review dd {
  overflow-wrap: anywhere; white-space: pre-wrap;
}
body.page-wish-config.wish-guided-ready [data-clx-size-recommendation] {
  display: none !important; /* duplicate advice removed in JS as well */
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimensions {
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  width: 100%; max-width: 100%; align-items: end;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimensions__note {
  grid-column: 1/-1; max-width: 100%; min-width: 0;
  margin: .25rem 0 0; padding: .15rem 0;
  color: #49657c !important; font-size: .83rem !important;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-input {
  width: 100%; min-width: 0; max-width: 100%;
}
body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-input input {
  min-width: 0 !important; width: 100% !important; box-sizing: border-box;
  font-variant-numeric: tabular-nums;
}

/* Desktop â€“ original lightbox-ready six-image gallery occupies the available
   space underneath the live preview; NEVER clone/append duplicate photos. */
@media (min-width: 901px) {
  body.page-wish-config.wish-guided-ready .product-media {
    position: relative !important; top: auto !important; align-self: start;
  }
  body.page-wish-config.wish-guided-ready.wish-gallery-in-preview
  .product-media > .clx-editor__proof-gallery {
    display: grid; grid-template-columns: minmax(0,1fr);
    gap: .85rem; width: 100%; margin: 1rem 0 0; padding: 0;
    border: 0; box-shadow: none;
  }
  body.page-wish-config.wish-guided-ready.wish-gallery-in-preview
  .product-media > .clx-editor__proof-gallery > .clx-editor__proof-heading {
    display: grid; grid-column: 1/-1; gap: .25rem; padding: 0 .15rem;
  }
  body.page-wish-config.wish-guided-ready.wish-gallery-in-preview
  .product-media > .clx-editor__proof-gallery > :is(.clx-editor__uses,.wish-preview-examples) {
    min-width: 0; width: 100%; border: 1px solid #d6e3ee;
    border-radius: 13px; background: #f8fbfe; padding: .85rem;
  }
  body.page-wish-config.wish-guided-ready.wish-gallery-in-preview
  .product-media > .clx-editor__proof-gallery :is(.clx-editor__uses-grid,.wish-preview-examples__grid) {
    display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem;
  }
  body.page-wish-config.wish-guided-ready.wish-gallery-in-preview
  .product-media > .clx-editor__proof-gallery figure { min-width: 0; margin: 0; }
  body.page-wish-config.wish-guided-ready.wish-gallery-in-preview
  .product-media > .clx-editor__proof-gallery img {
    display: block; max-width: 100%; width: 100%; height: auto;
    aspect-ratio: 1.34/1; object-fit: cover;
  }
}
@media (max-width: 900px) {
  body.page-wish-config.wish-guided-ready .product-main { display: flex !important; flex-direction: column !important; }
  body.page-wish-config.wish-guided-ready .product-panel { width: 100% !important; }
  body.page-wish-config.wish-guided-ready .clx-editor__proof-gallery {
    width: 100%; max-width: 100%; margin: 1rem 0 0; padding: 1rem 0 .2rem;
  }
  body.page-wish-config.wish-guided-ready .wish-intro__trust { display: flex; flex-wrap: wrap; grid-template-columns: none; }
}
@media (max-width: 380px) {
  body.page-wish-config.wish-guided-ready .wish-intro__trust > li {
    flex: 1 1 100%; width: 100%;
  }
  body.page-wish-config.wish-guided-ready .wish-intro__from {
    justify-self: stretch; width: 100%; min-width: 0;
  }
  body.page-wish-config.wish-guided-ready .wg-panel .wish-dimensions {
    grid-template-columns: minmax(0,1fr) !important;
  }
  body.page-wish-config.wish-guided-ready .wg-panel .wish-dimension-lock {
    display: none !important;
  }
}


/* Below the editor: one genuinely different storefront application photo. */
body.page-wish-config.wish-guided-ready #wish-gallery .cfg-story__cluster {
  display: block; min-width: 0; width: 100%; margin: 0;
}
body.page-wish-config.wish-guided-ready #wish-gallery .cfg-story__cluster img:first-child {
  display: block; grid-row: auto; grid-column: auto;
  aspect-ratio: 4/3; height: auto; width: 100%; object-fit: cover;
}

/* Intro is the top of the same light configurator card. */
body.page-wish-config.wish-guided-ready .wish-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 2rem;
  row-gap: 0;
  align-items: start;
  width: min(var(--max), 100%);
  max-width: none;
  margin: 0 auto;
  padding: 1.15rem 1.45rem 1.2rem;
  border-radius: 18px 18px 0 0;
  border: 1px solid #d6e3ef !important;
  border-bottom: 0 !important;
  background: #fff !important;
  color: #142b43;
  box-shadow: none;
}
body.page-wish-config.wish-guided-ready .wish-intro::before { content: none; }
body.page-wish-config.wish-guided-ready .product-page {
  width: min(var(--max), 100%);
  max-width: none;
  margin-top: 0;
}
body.page-wish-config.wish-guided-ready .wish-intro__copy { display: contents !important; }
body.page-wish-config.wish-guided-ready .wish-intro .wish-config__back {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: start;
  margin: 0 0 .85rem;
  color: #4d637b !important;
  font-size: .86rem;
  font-weight: 650;
  text-decoration: none;
}
body.page-wish-config.wish-guided-ready .wish-intro .wish-config__back:hover { color: #0764be !important; }
body.page-wish-config.wish-guided-ready .wish-intro .clx-editor__eyebrow {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0764be !important;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}
body.page-wish-config.wish-guided-ready .wish-intro .clx-editor__eyebrow::before { content: none; }
body.page-wish-config.wish-guided-ready .wish-intro .clx-editor__headline {
  grid-column: 1;
  grid-row: 3;
  max-width: 18em;
  margin: .28rem 0 0;
  color: #102a43 !important;
  font-size: clamp(1.7rem, 2.3vw, 2.15rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.03em;
}
body.page-wish-config.wish-guided-ready .wish-intro .wish-intro__lead {
  grid-column: 1 / -1;
  grid-row: 4;
  max-width: 68ch;
  margin: .7rem 0 0;
  color: #4d637b !important;
  font-size: .98rem;
  line-height: 1.5;
}
body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action {
  grid-column: 1;
  grid-row: 5;
  justify-self: start;
  margin-top: .9rem;
  min-height: 44px;
  gap: .45rem;
  padding: .55rem 1rem;
  border-radius: 10px;
  font-size: .95rem;
  color: #fff !important;
  background: #0764be !important;
  border-color: #0764be !important;
  box-shadow: none;
}
body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action span {
  display: inline;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: 1rem;
}
body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action:hover { background: #0a569f !important; }
body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action__note {
  grid-column: 1;
  grid-row: 6;
  margin: .4rem 0 0;
  color: #5c7288 !important;
  font-size: .78rem;
}
body.page-wish-config.wish-guided-ready .wish-intro__from {
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: end;
  justify-self: end;
  display: grid;
  width: auto;
  min-width: 11rem;
  margin: 0;
  padding: 0 0 .1rem;
  justify-items: end;
  text-align: right;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
}
body.page-wish-config.wish-guided-ready .wish-intro__from strong {
  color: #102a43 !important;
  font-size: 1.55rem;
  letter-spacing: -.03em;
}
body.page-wish-config.wish-guided-ready .wish-intro__from span {
  color: #4d637b !important;
  max-width: none;
}
body.page-wish-config.wish-guided-ready .wish-intro__trust {
  grid-column: 2;
  grid-row: 5 / 7;
  align-self: center;
  justify-self: end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
  width: auto;
  max-width: 28rem;
  margin: .9rem 0 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
body.page-wish-config.wish-guided-ready .wish-intro__trust > li {
  flex: 0 1 auto;
  width: auto;
  background: #f3f8ff !important;
  border: 1px solid #d0e0ed !important;
  color: #173753 !important;
}
@media (max-width: 800px) {
  body.page-wish-config.wish-guided-ready .wish-intro {
    grid-template-columns: minmax(0, 1fr);
    border-radius: 16px 16px 0 0;
    padding: 1rem;
  }
  body.page-wish-config.wish-guided-ready .wish-intro .wish-config__back,
  body.page-wish-config.wish-guided-ready .wish-intro .clx-editor__eyebrow,
  body.page-wish-config.wish-guided-ready .wish-intro .clx-editor__headline,
  body.page-wish-config.wish-guided-ready .wish-intro .wish-intro__lead,
  body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action,
  body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action__note,
  body.page-wish-config.wish-guided-ready .wish-intro__from,
  body.page-wish-config.wish-guided-ready .wish-intro__trust {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    text-align: left;
    justify-items: start;
    max-width: none;
    margin-top: .45rem;
  }
  body.page-wish-config.wish-guided-ready .wish-intro .wish-config__back { margin-top: 0; }
  body.page-wish-config.wish-guided-ready .wish-intro .clx-editor__headline { font-size: 1.6rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-wish-config.wish-guided-ready .wish-intro .clx-intro-action:hover { transform: none; }
}

/* Preview reads as matte vinyl on a door, with clear transfer film. */
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__stage--light {
  background:
    radial-gradient(90% 70% at 18% 0%, rgba(255,255,255,.72), transparent 46%),
    linear-gradient(165deg, #f6f1ea 0%, #e7dfd4 58%, #f3eee6 100%) !important;
  border: 1px solid #d9d0c4 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 12px 28px rgba(16, 42, 67, .08) !important;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__stage--dark {
  background:
    radial-gradient(80% 60% at 20% 0%, rgba(255,255,255,.08), transparent 50%),
    linear-gradient(165deg, #2c323c 0%, #14181e 100%) !important;
  border-color: #3a414c !important;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__stage::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 1;
  width: min(92%, var(--clx-foil-width, 82%));
  height: var(--clx-foil-height, 52%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 1px;
  border: 1px solid rgba(255,255,255,.55);
  background:
    linear-gradient(118deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.08) 38%, rgba(255,255,255,.28) 100%);
  box-shadow: 0 16px 28px rgba(48, 36, 22, .12), inset 0 0 0 1px rgba(255,255,255,.2);
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__stage::after {
  content: none;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__grain {
  opacity: .07;
  z-index: 0;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__text {
  position: absolute !important;
  left: 50% !important;
  top: 46% !important;
  z-index: 2;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  text-align: center;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__text.is-mirrored {
  transform: translate(-50%, -50%) scaleX(-1) !important;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__stage--light .wish-preview__text {
  color: #16181b !important;
  filter: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.25), 0 1px 1px rgba(20, 16, 12, .22) !important;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__stage--dark .wish-preview__text {
  position: relative;
  z-index: 2;
  color: #f3f4f5 !important;
  filter: none !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 1px 1px rgba(0,0,0,.28) !important;
}
body.page-wish-config.wish-guided-ready .wish-preview__text.is-placeholder {
  opacity: .72;
}
body.page-wish-config.wish-guided-ready .wish-preview__stage.is-unmeasured .wish-preview__ruler {
  visibility: hidden;
}
body.page-wish-config.wish-guided-ready .wish-preview--hero .wish-preview__ruler {
  z-index: 3;
}

/* --- section: premium --- */
/* CLXON24 Wunschtext – Premium V2, 16.10.2026
   New visual composition instead of the legacy transfer-roll mockup.
   Scoped to the hydrated single-page editor; native fallback is untouched.
   Pricing, production geometry and payment behavior are controlled by shop.js. */
body.page-wish-config.wish-premium-v2 {
  --w2-ink: #152338;
  --w2-muted: #64758b;
  --w2-blue: #245ec0;
  --w2-blue-hover: #1a4c9e;
  --w2-border: #dce5f0;
  --w2-bg: #f5f7fb;
  --w2-white: #ffffff;
  background: #f1f4f9;
  color: var(--w2-ink);
}
body.page-wish-config.wish-premium-v2 :is(
  .wish-single-head, .product-main, .product-media, .product-panel,
  .product-panel__shop, .product-buybox, .product-buy, .wish-buy__block,
  .wish-size-picks, .wish-preview--hero
),
body.page-wish-config.wish-premium-v2 :is(
  .wish-single-head, .product-main, .product-media, .product-panel,
  .product-panel__shop, .product-buybox, .product-buy, .wish-buy__block,
  .wish-size-picks, .wish-preview--hero
) * {box-sizing:border-box}
body.page-wish-config.wish-premium-v2 .wish-intro.wish-v2-intro-empty {
  display: none !important;
}
body.page-wish-config.wish-premium-v2 .product-layout.wish-config {
  max-width: none;
  padding: 0 0 4.5rem;
  margin: 0;
  width: 100%;
}
body.page-wish-config.wish-premium-v2 .product-page {
  width: min(1480px, calc(100% - 56px)) !important;
  max-width: 1480px !important;
  padding: clamp(20px, 2.5vw, 36px) clamp(24px, 3vw, 48px) 34px !important;
  margin: 24px auto 32px !important;
  background: var(--w2-white);
  border: 1px solid var(--w2-border);
  border-radius: 28px;
  box-shadow: 0 20px 64px rgba(28, 49, 82, .055);
  overflow: visible;
}
body.page-wish-config.wish-premium-v2 .product-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(425px, .92fr) !important;
  grid-template-areas: "heading heading" "preview form" !important;
  align-items: start;
  column-gap: clamp(24px, 3.2vw, 56px);
  row-gap: clamp(22px, 2.5vw, 38px);
  width: 100%;
}
body.page-wish-config.wish-premium-v2 .wish-single-head {
  grid-area: heading !important;
  grid-column: auto !important;
  grid-row: auto !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  border-bottom: 1px solid #edf1f6;
  padding: 0 0 clamp(20px, 2.5vw, 32px);
  width: 100%;
}
body.page-wish-config.wish-premium-v2 .wish-single-head::before {content:none !important}
body.page-wish-config.wish-premium-v2 .wish-v2-back {
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.5;
  color: #64758a;
  text-decoration: none;
  padding: .1rem 0 .75rem;
}
body.page-wish-config.wish-premium-v2 .wish-v2-back:hover {color:var(--w2-blue)}
body.page-wish-config.wish-premium-v2 .wish-v2-eyebrow {
  display: inline-flex;
  align-items: center;
  background: #edf4ff;
  border: 1px solid #dceaff;
  border-radius: 999px;
  padding: .38rem .76rem;
  color: #275ca6;
  font-size: .7rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .09em;
  margin: 0 0 .92rem;
}
body.page-wish-config.wish-premium-v2 .wish-single-head h1 {
  font: 850 clamp(2rem, 3.7vw, 3.2rem)/1.08 var(--font-sans,"Segoe UI",Arial,sans-serif);
  letter-spacing: -.057em;
  color: #11213a;
  margin: 0 0 .58rem;
  max-width: 24ch;
  text-wrap: balance;
}
body.page-wish-config.wish-premium-v2 .wish-single-head [data-product-description] {
  color: #5c6d81;
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  line-height: 1.5;
  margin: 0;
}
body.page-wish-config.wish-premium-v2 .wish-v2-benefits {
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  gap: .5rem 1.35rem;
  padding:0;
  margin:1.15rem 0 0;
  list-style:none;
}
body.page-wish-config.wish-premium-v2 .wish-v2-benefits li {
  position:relative;
  padding-left:1.27rem;
  font-size: .8rem;
  font-weight:650;
  color:#455c75;
  line-height:1.5;
}
body.page-wish-config.wish-premium-v2 .wish-v2-benefits li::before {
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:900;
  color:#148269;
}
body.page-wish-config.wish-premium-v2 .product-media {
  grid-area: preview !important;
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;
  width:100%;
  position:sticky !important;
  top:100px !important;
  align-self:start;
  min-width:0;
}
body.page-wish-config.wish-premium-v2 .product-panel {
  grid-area: form !important;
  grid-column: 2 / 3 !important;
  grid-row: 2 !important;
  min-width:0;
  width:100%;
}
body.page-wish-config.wish-premium-v2 .product-gallery--wish,
body.page-wish-config.wish-premium-v2 .wish-preview--hero {
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero {
  position:static !important;
  gap:0;
  padding: 17px;
  background:#fff;
  border:1px solid var(--w2-border);
  box-shadow:0 16px 38px rgba(26,51,89,.065);
  border-radius:24px;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-stage] {
  position:relative !important;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  height:clamp(335px, 31vw, 465px) !important;
  min-height:335px !important;
  max-height:none !important;
  width:100%;
  padding:74px 9% 62px !important;
  margin:0;
  border-radius:17px;
  border:1px solid #e6edf5;
  box-shadow:none;
  overflow:hidden;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-stage].wish-preview__stage--light {
  background: radial-gradient(ellipse at 50% 20%, #fff 0%, #f3f7fb 64%, #e9f0f7 100%) !important;
  border-color:#e2eaf4 !important;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-stage].wish-preview__stage--dark {
  background: radial-gradient(ellipse at 50% 20%, #34445a 0%, #182538 55%, #101a2a 100%) !important;
  border-color:#26354a !important;
}
/* No tilted sheet, transfer-film rectangle, simulated roll or grain. */
body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-stage]::before,
body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-stage]::after {
  content:none !important;
  display:none !important;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview__grain {
  display:none !important;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-text] {
  position:relative;
  z-index:2;
  max-width:none;
  white-space:pre;
  filter:none !important;
  text-shadow:none !important;
  font-variant:normal;
  text-align:center;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview__stage--light [data-wish-preview-text] {
  color:#141b2b !important;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview__stage--dark [data-wish-preview-text] {
  color:#fff !important;
}
body.page-wish-config.wish-premium-v2 .wish-v2-live {
  position:absolute;
  top:18px;
  left:18px;
  z-index:4;
  padding:.45rem .75rem;
  background:rgba(255,255,255,.91);
  border:1px solid rgba(210,224,239,.86);
  border-radius:99px;
  color:#326092;
  font-size:.67rem;
  font-weight:850;
  letter-spacing:.075em;
  line-height:1;
  pointer-events:none;
}
body.page-wish-config.wish-premium-v2 .wish-preview__stage--dark .wish-v2-live {
  background:rgba(255,255,255,.12);
  color:#e6f1ff;
  border-color:rgba(255,255,255,.18);
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview__ruler {
  bottom:20px;
  left:10%;
  right:10%;
  font-size:.72rem;
  opacity:.66;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview__head {
  order:2;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:13px 4px 2px;
  gap:.45rem;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview__size {
  text-align:center;
  width:auto;
  color:#263e59;
  font-size:.95rem;
  font-weight:850;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview__hint {
  order:3;
  font-size:.81rem;
  line-height:1.45;
  margin:.1rem 0 0;
  padding:0;
  color:#63778d;
  text-align:center;
}
body.page-wish-config.wish-premium-v2 .wish-v2-preview-caption {
  order:4;
  margin:.45rem 0 0;
  padding:.72rem .4rem 0;
  border-top:1px solid #edf0f5;
  text-align:center;
  font-size:.79rem;
  line-height:1.5;
  color:#51667f;
}
body.page-wish-config.wish-premium-v2 .wish-preview--hero .wish-preview-examples {
  display:none !important;
}
body.page-wish-config.wish-premium-v2 .product-panel__shop {
  display:block;
  padding:clamp(21px, 2.2vw, 32px) !important;
  width:100%;
  background:#fff;
  border:1px solid var(--w2-border);
  border-radius:24px;
  box-shadow:0 16px 38px rgba(26,51,89,.065);
}
body.page-wish-config.wish-premium-v2 .product-buybox {
  background:transparent;
  border:0;
  padding:0;
  box-shadow:none;
  width:100%;
}
body.page-wish-config.wish-premium-v2 .product-buy {
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
}
body.page-wish-config.wish-premium-v2 .wish-buy__block {
  margin:0 0 22px;
  padding:0 0 23px;
  border:0;
  border-bottom:1px solid #e9edf3;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  width:100%;
}
body.page-wish-config.wish-premium-v2 .wish-buy__block:last-of-type {margin-bottom:0}
body.page-wish-config.wish-premium-v2 .wish-buy__block .hours-block__head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  margin:0 0 .75rem;
}
body.page-wish-config.wish-premium-v2 .wish-buy__block .hours-block__head h3 {
  color:#152238;
  font-size:1.1rem;
  font-weight:850;
  line-height:1.3;
  letter-spacing:-.025em;
  margin:0;
}
body.page-wish-config.wish-premium-v2 .wish-v2-text-guide,
body.page-wish-config.wish-premium-v2 .wish-v2-font-guide {
  font-size:.83rem;
  line-height:1.45;
  color:#66778c;
  margin:0 0 .65rem;
}
body.page-wish-config.wish-premium-v2 .wish-builder__row {
  gap:.55rem;
}
body.page-wish-config.wish-premium-v2 .wish-builder__row input {
  width:100%;
  min-height:60px;
  min-width:0;
  padding:.75rem 1rem;
  border:1.5px solid #d7e2ef;
  border-radius:13px;
  background:#f9fbfe;
  font-size:1.04rem;
  line-height:1.4;
  color:#17273e;
  box-shadow:none;
}
body.page-wish-config.wish-premium-v2 .wish-builder__row input:focus {
  border-color:#3479cf;
  background:#fff;
  box-shadow:0 0 0 3px rgba(52,121,207,.11);
  outline:0;
}
body.page-wish-config.wish-premium-v2 .wish-builder__row input::placeholder {color:#8a9bb0}
body.page-wish-config.wish-premium-v2 .wish-builder__add {
  display:inline-flex;
  justify-content:center;
  min-height:44px;
  min-width:0;
  width:auto;
  padding:.55rem .9rem;
  margin:.5rem 0 0;
  border:1px dashed #bed0e7;
  border-radius:10px;
  background:#f6faff;
  color:#255c9e;
  font-size:.81rem;
  font-weight:700;
}
body.page-wish-config.wish-premium-v2 .wish-builder__hint {
  font-size:.77rem;
  font-weight:600;
  color:#6d7d90;
}
body.page-wish-config.wish-premium-v2 .wish-size-picks__row {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.55rem;
}
body.page-wish-config.wish-premium-v2 .wish-size-picks__btn {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:55px;
  font-size:.86rem;
  line-height:1.1;
  border:1.5px solid #d8e3f0;
  border-radius:12px;
  background:#f8fafd;
  color:#23405e;
  padding:.35rem .15rem;
  box-shadow:none;
  font-weight:800;
}
body.page-wish-config.wish-premium-v2 .wish-size-picks__btn[aria-pressed="true"] {
  color:#fff !important;
  background:#204e8b !important;
  border-color:#204e8b !important;
  box-shadow:0 5px 13px rgba(25,68,131,.14);
}
body.page-wish-config.wish-premium-v2 .wish-size-picks__btn:focus-visible,
body.page-wish-config.wish-premium-v2 .color-chip:focus-visible,
body.page-wish-config.wish-premium-v2 .wish-font-chip:focus-visible {outline:3px solid #5191e3;outline-offset:2px}
body.page-wish-config.wish-premium-v2 .wish-size-picks__btn:disabled {
  opacity:.46;
  background:#f5f6f8;
  text-decoration:line-through;
}
body.page-wish-config.wish-premium-v2 .wish-size-picks__more {
  margin:.52rem 0 .3rem;
  text-decoration:none;
  color:#2864ab;
  font-size:.84rem;
  font-weight:750;
}
body.page-wish-config.wish-premium-v2 .wish-size-picks__height {
  font-size:.83rem;
  font-weight:600;
  color:#536c89;
}
body.page-wish-config.wish-premium-v2 .wish-dimensions__note {
  color:#7a8a9b;
  font-size:.76rem;
  line-height:1.4;
  margin:.35rem 0 0;
}
body.page-wish-config.wish-premium-v2 .color-chips--pair {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
body.page-wish-config.wish-premium-v2 .color-chip {
  width:100%;
  min-height:72px;
  border:1.5px solid #d7e2ef;
  border-radius:13px;
  padding:.55rem .65rem;
  background:#fafcff;
  font-size:.9rem;
  font-weight:750;
  color:#1c3049;
}
body.page-wish-config.wish-premium-v2 .color-chip.is-active {
  border-color:#2660b2;
  background:#f0f6ff;
  box-shadow:0 0 0 2px rgba(38,96,178,.1);
}
body.page-wish-config.wish-premium-v2 .wish-v2-advanced {
  margin-top:.7rem;
  padding:.1rem 0 0;
  border:0;
  font-size:.84rem;
  color:#536b87;
}
body.page-wish-config.wish-premium-v2 .wish-v2-advanced > summary {
  cursor:pointer;
  min-height:44px;
  display:list-item;
  padding:.65rem .2rem;
  font-size:.83rem;
  color:#426487;
  font-weight:650;
}
body.page-wish-config.wish-premium-v2 .wish-v2-advanced[open] {
  padding-bottom:.35rem;
}
body.page-wish-config.wish-premium-v2 .wish-v2-advanced .wish-adhesive {
  padding:.55rem 0;
  border-top:1px solid #edf1f5;
}
body.page-wish-config.wish-premium-v2 .wish-preview__fonts {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  min-width:0;
}
body.page-wish-config.wish-premium-v2 .wish-font-chip {
  width:100%;
  min-width:0;
  min-height:91px;
  padding:.7rem .8rem;
  border:1.5px solid #dae5f1;
  border-radius:13px;
  background:#f9fbfe;
  color:#193452;
  overflow:hidden;
}
body.page-wish-config.wish-premium-v2 .wish-font-chip__sample {
  display:block;
  font-size:clamp(1.17rem, 1.65vw, 1.48rem);
  color:#152235;
  max-width:100%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
body.page-wish-config.wish-premium-v2 .wish-font-chip__name {
  color:#56708e;
  font-size:.73rem;
  font-weight:750;
}
body.page-wish-config.wish-premium-v2 .wish-font-chip.is-active {
  background:#edf5ff;
  border-color:#2563b3;
  box-shadow:inset 0 0 0 1px #2563b3;
}
body.page-wish-config.wish-premium-v2 .wish-preview__fonts-toggle {
  min-height:47px;
  border:1px solid #d6e5f6;
  border-radius:12px;
  background:#f5f9ff;
  color:#275d9b;
  font-size:.89rem;
  font-weight:750;
  margin:.85rem 0 0;
}
body.page-wish-config.wish-premium-v2 .wish-buy__foot {
  display:block;
  padding:22px;
  margin:5px 0 0;
  border:1px solid #dfe9f4;
  border-radius:19px;
  background:linear-gradient(135deg,#f3f8ff,#f8fbff);
  box-shadow:inset 0 1px 0 #fff;
}
body.page-wish-config.wish-premium-v2 .wish-price-wrap > span {
  color:#5a6f88;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:0;
}
body.page-wish-config.wish-premium-v2 [data-product-price] {
  color:#142d54;
  font-size:clamp(2.1rem, 3.25vw, 2.8rem);
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.045em;
  margin:.25rem 0 .3rem;
}
body.page-wish-config.wish-premium-v2 .wish-buy__trust {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem .6rem;
  margin:1rem 0 1.1rem;
  font-size:.8rem;
  padding:0;
}
body.page-wish-config.wish-premium-v2 .wish-buy__trust li {
  padding-left:1.1rem;
  font-size:.76rem;
  line-height:1.35;
  color:#49617b;
}
body.page-wish-config.wish-premium-v2 [data-add-cart] {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:62px;
  margin:.4rem 0 0;
  padding:.9rem 1rem;
  border:0;
  border-radius:14px;
  color:#fff;
  background:#215bc2;
  background:linear-gradient(110deg,#286bdd,#164cae);
  box-shadow:0 12px 25px rgba(37,95,196,.2);
  font-size:1.05rem;
  font-weight:850;
  line-height:1.3;
  letter-spacing:-.01em;
}
body.page-wish-config.wish-premium-v2 [data-add-cart]:not(:disabled):hover {
  background:#1a56ba;
  box-shadow:0 15px 28px rgba(37,95,196,.24);
}
body.page-wish-config.wish-premium-v2 [data-add-cart]:disabled {
  background:#91a6c0;
  color:#fff;
  box-shadow:none;
  opacity:.8;
}
body.page-wish-config.wish-premium-v2 .cfg-buy-foot {
  margin:.55rem 0 0;
  font-size:.82rem;
  color:#687b92;
}
body.page-wish-config.wish-premium-v2 [data-clx-visual-gallery] {
  border-radius:19px;
  border:1px solid #e2e9f3;
  padding:clamp(1rem,2vw,1.45rem);
  box-shadow:0 5px 20px rgba(26,51,89,.035);
}
body.page-wish-config.wish-premium-v2 .wish-mobile-dock {
  background:rgba(255,255,255,.97);
  border-top:1px solid #d9e4f0;
  backdrop-filter:blur(12px);
  box-shadow:0 -6px 20px rgba(24,42,69,.1);
}
body.page-wish-config.wish-premium-v2 .wish-mobile-dock .btn {
  background:#205fca;
  color:#fff;
  min-height:48px;
  border-radius:12px;
  font-weight:800;
}
body.page-wish-config.wish-premium-v2 .clx-editor__sticky-mini {display:none !important}
body.page-wish-config.wish-premium-v2 .product-buy :focus-visible,
body.page-wish-config.wish-premium-v2 .wish-v2-back:focus-visible,
body.page-wish-config.wish-premium-v2 .wish-v2-advanced summary:focus-visible {
  outline:3px solid #5793e1;
  outline-offset:3px;
}
@media (min-width: 961px) {
  body.page-wish-config.wish-premium-v2 .product-media {
    position:sticky !important;
    top:92px !important;
  }
}
@media (max-width: 1100px) and (min-width: 961px) {
  body.page-wish-config.wish-premium-v2 .product-main {
    grid-template-columns:minmax(0,1fr) minmax(385px,1fr) !important;
    column-gap:24px;
  }
}
@media (max-width: 960px) {
  body.page-wish-config.wish-premium-v2 .product-layout.wish-config {padding-bottom:2rem}
  body.page-wish-config.wish-premium-v2 .product-page {
    width:min(720px,calc(100% - 28px)) !important;
    padding:clamp(14px,3vw,22px) !important;
    border-radius:22px;
    margin:16px auto 24px !important;
  }
  body.page-wish-config.wish-premium-v2 .product-main {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:"heading" "preview" "form" !important;
    gap:18px;
  }
  body.page-wish-config.wish-premium-v2 .product-panel {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
  body.page-wish-config.wish-premium-v2 .product-media {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position:static !important;
    top:auto !important;
    width:100%;
  }
  body.page-wish-config.wish-premium-v2 .wish-single-head {
    padding-bottom:20px;
  }
  body.page-wish-config.wish-premium-v2 .wish-single-head h1 {
    font-size:clamp(1.8rem,5vw,2.6rem);
  }
  body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-stage] {
    height:clamp(200px,48vw,340px) !important;
    min-height:200px !important;
    padding:53px 8% 38px !important;
  }
  body.page-wish-config.wish-premium-v2 .wish-preview--hero {
    padding:12px;
  }
  body.page-wish-config.wish-premium-v2 .product-panel__shop {
    padding:22px !important;
  }
}
@media (max-width: 540px) {
  body.page-wish-config.wish-premium-v2 .product-page {
    width:calc(100% - 16px) !important;
    margin:8px auto 18px !important;
    padding:13px !important;
    border-radius:16px;
  }
  body.page-wish-config.wish-premium-v2 .product-main {gap:12px}
  body.page-wish-config.wish-premium-v2 .wish-single-head {padding:3px 3px 15px}
  body.page-wish-config.wish-premium-v2 .wish-v2-back {font-size:.76rem;padding:0 0 .58rem}
  body.page-wish-config.wish-premium-v2 .wish-v2-eyebrow {
    font-size:.59rem;
    margin-bottom:.65rem;
  }
  body.page-wish-config.wish-premium-v2 .wish-single-head h1 {
    font-size:clamp(1.62rem,7vw,2rem);
    letter-spacing:-.045em;
    max-width:100%;
  }
  body.page-wish-config.wish-premium-v2 .wish-single-head [data-product-description] {font-size:.92rem}
  body.page-wish-config.wish-premium-v2 .wish-v2-benefits {
    gap:.4rem .8rem;
    margin-top:.7rem;
  }
  body.page-wish-config.wish-premium-v2 .wish-v2-benefits li {font-size:.7rem}
  body.page-wish-config.wish-premium-v2 .wish-preview--hero [data-wish-preview-stage] {
    height:clamp(185px,51vw,250px) !important;
    min-height:185px !important;
    border-radius:12px;
    padding:50px 8% 38px !important;
  }
  body.page-wish-config.wish-premium-v2 .wish-preview--hero {
    padding:9px;
    border-radius:15px;
    box-shadow:none;
  }
  body.page-wish-config.wish-premium-v2 .wish-v2-live {top:10px;left:10px;padding:.35rem .57rem;font-size:.59rem}
  body.page-wish-config.wish-premium-v2 .wish-v2-preview-caption {font-size:.7rem}
  body.page-wish-config.wish-premium-v2 .product-panel__shop {
    padding:16px !important;
    border-radius:15px;
    box-shadow:none;
  }
  body.page-wish-config.wish-premium-v2 .wish-buy__block {margin-bottom:16px;padding-bottom:17px}
  body.page-wish-config.wish-premium-v2 .wish-buy__block .hours-block__head h3 {font-size:1rem}
  body.page-wish-config.wish-premium-v2 .wish-builder__row input {font-size:1rem;min-height:53px}
  body.page-wish-config.wish-premium-v2 .wish-size-picks__row {gap:.32rem}
  body.page-wish-config.wish-premium-v2 .wish-size-picks__btn {
    font-size:.72rem;
    min-height:48px;
    border-radius:9px;
  }
  body.page-wish-config.wish-premium-v2 .color-chip {min-height:60px}
  body.page-wish-config.wish-premium-v2 .wish-font-chip {min-height:78px}
  body.page-wish-config.wish-premium-v2 .wish-buy__foot {padding:16px;border-radius:14px}
  body.page-wish-config.wish-premium-v2 [data-add-cart] {min-height:57px;font-size:1rem}
}
@media (max-width: 359px) {
  body.page-wish-config.wish-premium-v2 .wish-size-picks__row {grid-template-columns:repeat(3,minmax(0,1fr))}
  body.page-wish-config.wish-premium-v2 .wish-v2-benefits {display:grid;grid-template-columns:1fr}
  body.page-wish-config.wish-premium-v2 .wish-buy__trust {grid-template-columns:1fr}
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.page-wish-config.wish-premium-v2 .wish-size-picks__btn:not(:disabled),
  body.page-wish-config.wish-premium-v2 .wish-font-chip,
  body.page-wish-config.wish-premium-v2 .color-chip {
    transition:background-color .14s ease, border-color .14s ease, box-shadow .14s ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-wish-config.wish-premium-v2 * {transition:none !important;animation:none !important}
}

/* 2026-10-16 · Sticky live preview + low-friction mobile purchase.
 * The single-page editor previously applied overflow-x:hidden to body.
 * Hidden overflow creates a sticky scroll container, so the left preview
 * appeared to scroll away despite its position:sticky declaration.
 * Overflow:clip does not create that containing scrollport.
 */
body.page-wish-config.wish-single-ready.wish-premium-v2 {
  overflow-x: clip !important;
  overflow-y: visible !important;
}
@media (min-width: 961px) and (min-height: 620px) {
  body.page-wish-config.wish-premium-v2 .product-main {
    overflow: visible !important;
  }
  body.page-wish-config.wish-premium-v2 .product-media {
    position: sticky !important;
    top: 94px !important;
    align-self: start !important;
    height: max-content !important;
    overflow: visible !important;
    z-index: 2;
  }
  /* In shorter browser windows keep the full preview including the size
     ruler within reach, without introducing an internal scroll region. */
  body.page-wish-config.wish-premium-v2
  .wish-preview--hero [data-wish-preview-stage] {
    height: clamp(248px, calc(100dvh - 300px), 420px) !important;
    min-height: 248px !important;
  }
}
@media (min-width: 961px) and (max-height: 619px) {
  body.page-wish-config.wish-premium-v2 .product-media {
    position: static !important;
    top: auto !important;
  }
}
/* On touch screens the preview stays above the form, not permanently in
   front of the software keyboard. Native sticky dock remains the sole CTA. */
@media (max-width: 960px) {
  body.page-wish-config.wish-premium-v2 .product-media {
    position: static !important;
    top: auto !important;
  }
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock {
    gap: .65rem;
    min-height: 66px;
    padding: .58rem max(4.6rem, env(safe-area-inset-right)) calc(.58rem + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left)) !important;
    z-index: 30;
  }
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock [data-wish-dock-price] {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #15375f;
    font-size: 1.17rem;
    line-height: 1.08;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    white-space: nowrap;
  }
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock [data-wish-dock-price]::after {
    content: 'inkl. Versand DE';
    color: #657890;
    font-size: .64rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock [data-wish-dock-cart] {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    min-height: 51px;
    padding: .55rem .55rem;
    border-radius: 12px;
    background: #205fca;
    color: #fff;
    font-size: .85rem;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
    font-weight: 800;
  }
  body.page-wish-config.wish-premium-v2 .wish-buy__block .wish-builder__row input {
    font-size: 16px !important;
    line-height: 1.35;
  }
  body.page-wish-config.wish-premium-v2 .wish-v2-preview-caption {
    display: none;
  }
  body.page-wish-config.wish-premium-v2 .wish-font-chip,
  body.page-wish-config.wish-premium-v2 .color-chip,
  body.page-wish-config.wish-premium-v2 .wish-size-picks__btn {
    touch-action: manipulation;
  }
}
/* Retain existing keyboard/consent/dialog suppression implemented by
   shop.js and studio-wish.css; no duplicate dock or fast-pay checkout. */
@media (max-width: 359px) {
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock {
    gap: .4rem;
    padding-right: max(4.2rem, env(safe-area-inset-right)) !important;
    padding-left: max(8px, env(safe-area-inset-left)) !important;
  }
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock [data-wish-dock-price] {
    font-size: 1.03rem;
  }
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock [data-wish-dock-cart] {
    font-size: .78rem;
    min-height: 48px;
  }
}
@media (max-width: 900px) {
  body.page-wish-config .wish-preview-examples,
  body.page-wish-config.wish-premium-v2 .wish-v2-benefits {
    display: none;
  }
  body.page-wish-config.wish-premium-v2 .product-main {
    grid-template-areas: "heading" "text" "preview" "form" !important;
  }
  body.page-wish-config.wish-premium-v2 .wish-single-head {
    grid-row: 1 !important;
  }
  body.page-wish-config.wish-premium-v2 [data-wish-step="text"] {
    grid-area: text !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-bottom: .35rem;
  }
  body.page-wish-config.wish-premium-v2 .product-media {
    grid-row: 3 !important;
  }
  body.page-wish-config.wish-premium-v2 .product-panel {
    grid-row: 4 !important;
  }
  body.page-wish-config .wish-preview--hero .wish-preview__stage {
    height: 7.25rem;
    min-height: 7.25rem;
  }
  body.page-wish-config.wish-premium-v2 .wish-mobile-dock {
    padding-left: 3.75rem !important;
  }
}

body.page-wish-config .clx-editor__quick,
body.page-wish-config [data-wish-size-picks] {
  display: none !important;
}
body.page-wish-config [data-wish-step="size"] .buy-field__label,
body.page-wish-config [data-wish-step="size"] select[data-product-size] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
body.page-wish-config.wish-single-ready [data-wish-size-editor] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .7rem;
}
body.page-wish-config.wish-single-ready [data-wish-size-editor] .wish-dimension-field,
body.page-wish-config.wish-single-ready [data-wish-size-editor] .wish-dimension-lock {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}
body.page-wish-config.wish-single-ready .wish-dimension-field {
  margin: 0;
}
body.page-wish-config.wish-single-ready .wish-dimension-input {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 46px;
  padding: 0 .15rem 0 .15rem;
  border: 1px solid #d5dde6;
  border-radius: 10px;
  background: #fff;
}
body.page-wish-config.wish-single-ready .wish-dimension-input input {
  width: 4.6rem;
  height: 44px;
  border: 0;
  background: transparent;
  color: #121820;
  font-size: 1.05rem;
  font-weight: 750;
  text-align: center;
}
body.page-wish-config.wish-single-ready .wish-dimension-input b {
  padding-right: .7rem;
  color: #3d4b5c;
  font-size: .92rem;
  font-weight: 650;
  font-style: normal;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.page-wish-config.wish-single-ready .wish-dimensions__note,
body.page-wish-config .clx-editor__recommend,
body.page-wish-config .clx-editor__recommend p,
body.page-wish-config .clx-editor__recommend button {
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.page-wish-config.wish-single-ready .wish-dimension-lock {
  color: #627083;
  font-size: 1.05rem;
  font-weight: 650;
}
body.page-wish-config.wish-single-ready .wish-dimensions__note {
  flex: 1 0 100%;
  margin: .15rem 0 0;
  color: #526072;
  font-size: .84rem;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend {
  display: block !important;
  margin-top: .35rem;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #b42318;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend p {
  margin: 0;
  color: #b42318 !important;
  font-size: .92rem;
  font-weight: 750;
  line-height: 1.4;
}
body.page-wish-config.clx-editor-v2 .clx-editor__recommend button {
  display: inline !important;
  width: auto !important;
  min-height: 0 !important;
  margin-top: .2rem;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #0b3b73 !important;
  font-size: .92rem;
  font-weight: 750;
  text-decoration: underline;
  cursor: pointer;
}
