/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  RW-Standard-Child-Theme 0.3 mit Kundenschicht Zuani (Designsystem „Zuani“)
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.5.7-zuani
*/



/* PRIMITIVES — rohe Farbskalen */
:root {
  /* --- Orange (Marke) ------------------------------------------ */
  --orange-50:  #fff4e9;
  --orange-100: #ffe6d1;
  --orange-200: #ffcfa9;
  --orange-300: #ffb179;
  --orange-400: #fc8f44;
  --orange-500: #ee7100; /* Markenfarbe */
  --orange-600: #bf4800;
  --orange-700: #852a00;
  --orange-800: #681b00;
  --orange-900: #4b1100;
  --orange-950: #2f0800;

  /* --- Grau (Marke) ---------------------------- */
  --gray-50:  #f8f8f8;
  --gray-100: #e7efef;
  --gray-200: #d5dfdf;
  --gray-300: #bfcaca;
  --gray-400: #a6b2b2;
  --gray-500: #909d9d;
  --gray-600: #667272;
  --gray-700: #434f4f; /* Markenfarbe */
  --gray-800: #313c3c;
  --gray-900: #202a2a;
  --gray-950: #111919;

  /* --- Rot (danger) -------------------------------------------- */
  --red-50:  #fff1ef;
  --red-100: #ffe2dd;
  --red-200: #ffc9c1;
  --red-300: #ffa99e;
  --red-400: #ff8074;
  --red-500: #f96056;
  --red-600: #ce3833;
  --red-700: #8e1415;
  --red-800: #6d0d0e;
  --red-900: #4e0808;
  --red-950: #310404;

  /* --- Grün (success) ------------------------------------------ */
  --green-50:  #effaf1;
  --green-100: #def4e1;
  --green-200: #c0e9c7;
  --green-300: #9ad9a7;
  --green-400: #72c585;
  --green-500: #50b26a;
  --green-600: #15813d;
  --green-700: #005d27;
  --green-800: #00461c;
  --green-900: #013112;
  --green-950: #011e09;

  /* --- Gelb (warning) ------ */
  --yellow-50:  #fcf6e9;
  --yellow-100: #f8ecd0;
  --yellow-200: #f0daa6;
  --yellow-300: #e5c371;
  --yellow-400: #d5a92e;
  --yellow-500: #c39200;
  --yellow-600: #906a00;
  --yellow-700: #644700;
  --yellow-800: #4c3500;
  --yellow-900: #372400;
  --yellow-950: #221400;

  /* --- Absolut ------------------------------------------------- */
  --white: #ffffff;
  --black: #000000;
  --overlay: rgba(0, 0, 0, 0.5);
  --menu: rgba(255,255,255,0.8);
}




/* ALLGEMEIN */
html {
  -webkit-hyphens: auto;      /* ältere Safari-Versionen */
  hyphens: auto;
  hyphenate-limit-chars: 8 4 3;   /* Wortlänge / min. vor / min. nach */
  -webkit-hyphenate-limit-before: 4;  /* Safari-Legacy-Fallback */
  -webkit-hyphenate-limit-after: 3;
  overflow-wrap: break-word;      /* Notbremse für URLs etc. */
	scroll-behavior: smooth;
	scroll-padding-top: 90px;
}
b, strong {
    font-weight: 600;
}
h1+*, h2+*, h3+*, h4+*, h5+*, h6+* {
  margin-top: 0.75em;
}
p {
  margin-bottom: 0 !important;
}
p+* {
  margin-top: 0.5em;
}
section {
  padding: clamp(20px, 9vw, 60px) 0;
}

.entry-content section:first-child {
	padding-top: 48px;
}

.gb-menu-link .gb-submenu-toggle {
	width: auto;
}

.img-item-frame {
  display: flex;
  position: relative;
}
.img-item-frame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.62em;
  height: 100%;
  background: var(--color-brand);
  z-index: 1;
}

.wp-block-gallery.wp-block-gallery-1.img-gallery {
  --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 1em)));
}
:where(.wp-block-gallery.is-layout-flex) {
  gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 1em ) ) );
}
.oeff-table {
  margin-top: 0;
}
.oeff-table table {
  border: 0;
  margin-bottom: 0;
}
.oeff-table table td {
  border: 0;
  padding: 0 0.69em 0 0;
}

/* ---------------------------------------------------------------- 0.2 (26.09.2026, Pilot-QA) */

/* RW-Token für den Klassen-Standard (setup/global-classes.css, Entwurf 1.2) */
:root {
  --rw-seitenrand: 40px;
  --rw-textbreite: 48rem;
}
@media (max-width: 767px) {
  :root {
    --rw-seitenrand: 20px;
  }
}

/* QA S2: keine automatische Silbentrennung in Überschriften und Kontaktdaten
   (html { hyphens: auto } trennte „Badsanie-rung“ und „anfrage@ex-ample.com“) */
h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: manual;
  hyphens: manual;
}
a[href^="tel:"] {
  white-space: nowrap;
}
a[href^="mailto:"] {
  -webkit-hyphens: none;
  hyphens: none;
}

/* ---------------------------------------------------------------- 0.3 (28.09.2026, Pilot-QA Runde 2) */

/* QA S11: auch Buttons und Akkordeon-Fragen nicht automatisch trennen („Kundenstim-men“) */
.gb-text[class*="btn-"],
.gb-accordion__toggle {
  -webkit-hyphens: manual;
  hyphens: manual;
}

/* ================================================================ Kundenschicht Zuani (22.10.2026, 0.4)
 * Quelle: Designsystem „Zuani“ (claude.ai Artifact) = Nachbau zuani.de 2018–2026
 * (Montserrat-Child style.css, Theme-Inline-CSS, Screenshots 22.10.2026). Ziel: möglichst exakter Nachbau.
 * Primitive mit den gemessenen Originalwerten; die GP Global Colors zeigen darauf (Customizer → Farben). */
:root {
  --orange-50: #fef3ea;
  --orange-100: #fde3d3;
  --orange-200: #fccaac;
  --orange-300: #f7a35a;
  --orange-400: #ef8214; /* Flächen-Orange: Buttons, Hero-Boxen, Zahlen-/Karriere-Band, Titel-Linie */
  --orange-500: #ec6608; /* Markenorange: Links, Preise, Akzent-Text */
  --orange-600: #d85200; /* Button-Hover */
  --orange-700: #ba3400; /* Link-Hover */
  --orange-800: #812404;
  --orange-900: #490e02;
  --orange-950: #2d0602;
  --coral-500: #f0634c;  /* Linie unter großen Abschnittstiteln */
  --gray-50: #f7f7f7;
  --gray-100: #f4f4f4;   /* Fläche Neuigkeiten */
  --gray-150: #eaeaea;   /* Rahmen Ghost-Button, Zitat-Kasten */
  --gray-200: #e6e6e6;   /* graue Abschnitte, Box-Tabs */
  --gray-300: #cccccc;
  --gray-400: #b8b8b8;   /* helle Schrift auf Dunkel, Linien */
  --gray-500: #999999;   /* Shop-Buttons, Altpreis */
  --gray-600: #717376;
  --gray-700: #54565a;   /* Text, Überschriften, Menü */
  --gray-800: #3f4146;
  --gray-900: #333333;   /* dunkles Band */
  --gray-950: #212326;
  --footer-bg: #2d3034;
  --footer-bottom-bg: #212326;
  --footer-heading: #d1d2d3;
  --footer-link: #c5c6c6;
  --footer-label: #808284;
  --footer-divider: #3f4146;
  --footer-bottom-text: #a1a1a1;
}

/* Überschriften wie das Original: leicht (400), Farbe Grau */
h1, h2, h3, h4, h5, h6 { color: var(--color-text-heading); }
::selection { background-color: var(--orange-500); color: #fff; }

/* Header: Menüpunkt zweizeilig (Titel im Menü als <span class="zu-nav__title">…</span><span class="zu-nav__label">…</span>) */
.gb-site-header .zu-nav__title { display: block; font-size: 15px; line-height: 18px; font-weight: 600; text-transform: uppercase; }
.gb-site-header .zu-nav__label { display: block; font-size: 14px; line-height: 18px; font-weight: 400; text-transform: none; color: var(--gray-700); }
.gb-site-header .menu-item:is(:hover, :focus-within, .current-menu-item, .current-menu-ancestor) > .gb-menu-link .zu-nav__title { color: var(--orange-500); }
.gb-site-header .gb-sub-menu .gb-menu-link { padding: 8px 20px; }
.gb-menu-container--mobile .zu-nav__label { display: none; }
/* Original ohne Untermenü-Pfeil am Desktop (Untermenü öffnet beim Überfahren) */
@media (min-width: 768px) { .gb-site-header .gb-menu-container:not(.gb-menu-container--mobile) .gb-submenu-toggle { display: none; } }

/* WooCommerce wie das Original: Preise orange, Shop-Buttons grau rund, Sale-Badge rund orange */
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,
.wc-block-components-product-price { color: var(--orange-500); font-size: 22px; line-height: 28px; }
.woocommerce ul.products li.product .price del, .woocommerce div.product p.price del { color: var(--gray-500); font-size: 17px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 19px; line-height: 27px; font-weight: 400; color: var(--gray-700); }
.woocommerce ul.products li.product { text-align: center; box-shadow: 0 0 3px rgba(0, 0, 0, .06); padding-bottom: 12px; }
/* Montserrat: .woocommerce .product .button – #999, 100px rund, 4px 35px 6px, 13 px / 24 px; zweizeilig wie im Original */
.woocommerce ul.products li.product .button { background-color: #999999; color: #fff; border-radius: 100px; text-transform: uppercase;
  font-weight: 600; font-size: 13px; line-height: 24px; padding: 4px 35px 6px; max-width: 190px; white-space: normal; }
.woocommerce ul.products li.product .button:hover { background-color: var(--gray-900); color: #fff; }
.woocommerce span.onsale { background-color: var(--orange-500); color: #fff; border-radius: 50%; min-width: 50px; min-height: 50px;
  line-height: 50px; padding: 0; font-weight: 400; font-size: 15px; }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt,
.woocommerce button.single_add_to_cart_button, .wc-block-components-button:not(.is-link) {
  background-color: var(--orange-400); color: #fff; border-radius: 0; font-weight: 600; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):hover { background-color: var(--orange-600); color: #fff; }
.woocommerce .price ins { text-decoration: none; font-weight: 400; }
.wc-gzd-additional-info, .woocommerce-loop-product__wrapper .wc-gzd-additional-info { font-size: 13px; line-height: 20px; }

/* Utility-Klassen der alten Seite (Inhalte aus WPBakery tragen sie teils noch) */
.fo-orange { color: var(--orange-500); }
.fo-grey { color: var(--gray-400); }
.forange { color: var(--orange-500); font-weight: 600; }
.orangeheadline :is(h1, h2, h3) { color: var(--orange-500) !important; font-weight: 700; }

/* Original ohne automatische Silbentrennung im Fließtext */
.entry-content :is(p, li) { -webkit-hyphens: manual; hyphens: manual; }

/* Beitragsbild nicht über dem Inhalt (Original: Logo/Bild nur in Listen und Referenz-Raster) */
.single-projects .page-header-image-single, .single-post .page-header-image-single { display: none; }

/* Beiträge: GP-Metazeile (Datum/Autor „admin“) sitzt bei voller Inhaltsbreite ohne Container am linken Rand – Original ohne */
.single-post .entry-header .entry-meta, .single-post footer.entry-meta { display: none; }

/* Shop-Übersicht wie zuani.de/shop: hellgraue Fläche, Kopfbild in Containerbreite, ohne Brotkrumen/Titel/Anzahl/Sortierung,
   weiße Produktkarten mit grauem Bildgrund */
.post-type-archive-product .site-content, .tax-product_cat .site-content { background-color: #f7f7f7; }
.post-type-archive-product .zu-hero, .tax-product_cat .zu-hero { max-width: var(--gb-container-width, 1170px); margin-left: auto; margin-right: auto; }
.post-type-archive-product :is(.woocommerce-breadcrumb, .woocommerce-products-header, .woocommerce-result-count, .woocommerce-ordering),
.tax-product_cat :is(.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering) { display: none; }
.post-type-archive-product .site-main, .tax-product_cat .site-main { padding-top: 36px; }
.woocommerce ul.products li.product { background-color: #fff; padding-bottom: 25px; }
.woocommerce ul.products li.product a img { background-color: var(--gray-150); margin-bottom: 20px; }

/* Karussells: GB setzt overflow hidden → Browser macht daraus senkrecht „auto“, die Zeile ließ sich hoch/runter scrollen
   (Systempartner u. a.). clip schneidet nur waagrecht, senkrecht bleibt alles sichtbar (Vorgabe RW 29.10.2026). */
.gb-carousel.gb-carousel { overflow-x: clip; overflow-y: visible; }

/* Referenz-Einzelseite wie Original: hellgraue Fläche, Logo auf weißer Kachel, Tabelle nur mit waagrechten Linien, Link grau */
.single-projects .site-content { background-color: #f7f7f7; }
.single-projects .entry-content .wp-block-image img, .single-projects .entry-content figure img { background-color: #fff; }
.single-projects .entry-content table, .single-projects .entry-content table td { border: 0; }
.single-projects .entry-content table { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.single-projects .entry-content table td { padding: 6px 5px; font-size: 13px; }
.single-projects .entry-content table a { color: inherit; }

/* Warenkorb und Kasse (klassische Shortcodes wie im Original): graue Felder ohne Rahmen, orange Großbuchstaben-Knöpfe */
.woocommerce-cart .woocommerce a.remove { color: #999 !important; font-weight: 400; font-size: 16px; }
.woocommerce-cart .woocommerce a.remove:hover { background: transparent; color: var(--orange-500) !important; }
.woocommerce table.cart td.actions { border: 0; padding: 15px 0 0; text-align: left; background: transparent; }
.woocommerce table.cart td.actions .coupon { float: none; display: inline-flex; gap: 4px; margin-right: 4px; }
.woocommerce table.cart td.actions > .button { float: none; }
.woocommerce form :is(.form-row, .coupon) :is(input.input-text, textarea, select), .woocommerce form #coupon_code {
  background-color: #eee; border: 0; border-radius: 0; font-size: 13px; color: #666; }
.woocommerce form .form-row :is(input.input-text, select) { height: 40px; padding: 0 12px; }
.woocommerce #coupon_code { width: 170px; height: 40px; padding: 0 12px; }
.woocommerce :is(.cart button.button, a.checkout-button, #place_order, .checkout_coupon button.button) {
  background-color: var(--orange-500); color: #fff; text-transform: uppercase; font-size: 11px; font-weight: 400;
  padding: 13px 20px; border-radius: 0; opacity: 1; line-height: 1.2; }
.woocommerce .cart button.button:disabled[disabled] { background-color: var(--orange-500); color: #fff; opacity: 1; padding: 13px 20px; }
.woocommerce :is(.cart button.button, a.checkout-button, #place_order):hover { background-color: #333; color: #fff; }
.woocommerce .cart-collaterals .cart_totals { float: left; width: 48%; margin-top: 50px; }
.woocommerce .cart-collaterals .cart_totals h2 { font-size: 16px; font-weight: 400; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { display: inline-block; width: auto; font-size: 11px; margin-top: 10px; }
.woocommerce-checkout .woocommerce-info, .woocommerce-cart .woocommerce-info { background-color: #f7f7f7; border-top: 0; color: #666; text-align: center; font-size: 12px; }
.woocommerce-checkout .woocommerce-info::before { display: none; }
.woocommerce-checkout h3 { font-size: 16px; font-weight: 400; }
body.woocommerce-checkout form .form-row:is(.form-row-first, .form-row-last) { width: 100%; float: none; }
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table { background-color: #fff; }

/* Mobilmenü (GB-Navigation, mobil): weiße Fläche statt Milchglas, Zeilen mit Trennlinien, Aufklapp-Pfeil rechts in der Zeile */
.gb-menu-container.gb-menu-container--mobile{background-color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid #e6e6e6}
.gb-menu-container--mobile .gb-menu .gb-menu-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-bottom:1px solid #e6e6e6}
.gb-menu-container--mobile .gb-menu .zu-nav__title{flex:1 1 auto;width:auto}
.gb-menu-container--mobile .gb-menu .gb-submenu-toggle{flex:0 0 auto;width:auto;padding:6px 10px;margin:-6px -10px -6px 0}
.gb-menu-container--mobile .gb-sub-menu .gb-menu-link{padding-left:35px;background:#f7f7f7}

/* Kopfbild-Karussell: alle Folien so hoch wie die höchste, Punkte bleiben auf der Fläche (mobil unterschiedlich lange Texte) */
.zu-hero .gb-carousel-items{align-items:stretch}
.zu-hero .gb-carousel-item{display:flex;flex-direction:column}
.zu-hero .gb-carousel-item>.zu-hero-folie{flex:1 1 auto}

/* Konfigurator mobil: verschachtelte Zeilen ohne doppelten Innenabstand, Auswahlknöpfe bündig unter der Feldbezeichnung */
@media (max-width:767px){.rwzk-wrap .row .row{padding-left:0;padding-right:0}}

/* Untermenü (Desktop) wie Original: beginnt an der Unterkante des Kopfs, weiße Fläche mit Trennlinien.
   Die Brücke (::before) hält das Menü offen, wenn die Maus vom Menüpunkt nach unten fährt. */
.gb-site-header .gb-menu-container:not(.gb-menu-container--mobile) .gb-menu > li > .gb-sub-menu{top:calc(100% + 27px);background:#fff;border:1px solid #e1e1e1;border-top:0;box-shadow:0 8px 15px rgba(0,0,0,.06)}
.gb-site-header .gb-menu-container:not(.gb-menu-container--mobile) .gb-menu > li > .gb-sub-menu::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:27px}
.gb-site-header .gb-menu-container:not(.gb-menu-container--mobile) .gb-sub-menu li{background:#fff}
.gb-site-header .gb-menu-container:not(.gb-menu-container--mobile) .gb-sub-menu li + li{border-top:1px solid #e1e1e1}
.gb-site-header .gb-menu-container:not(.gb-menu-container--mobile) .gb-sub-menu .gb-menu-link{font-size:13px;padding:10px 15px}

/* Abstände im Fließtext wie im Original-Theme (Montserrat: h1–h6 margin-bottom 5px, p/ul margin-bottom 10px, li padding 5px 0).
   :where hält die Spezifität niedrig, damit Abstände einzelner Blöcke (GB-Klassen) Vorrang behalten. */
:where(.entry-content) :is(h1,h2,h3,h4,h5,h6) + * { margin-top: 5px; }
:where(.entry-content) p + * { margin-top: 10px; }
:where(.entry-content) :is(ul,ol):not([class*="gb-"]) > li { padding: 5px 0; }
.fo-small { font-size: 15px; }

/* Konfigurator „Ausgewählte Schnitte“: Reiter und „+“ unter der orangen Linie statt darauf (App-CSS zog die Zeile um 25 px hoch),
   Löschen-× und „+“ in Größe und Gewicht wie im Original */
.rwzk-wrap .boxes.col12 { margin-top: 0; display: flow-root; }
.rwzk-wrap .boxes .delete-icon::before { font-size: 18px; font-weight: 600; }
.rwzk-wrap .boxes .box.active .delete-icon { color: #fff; }
.rwzk-wrap .boxes .icon-plus::before { font-size: 24px; font-weight: 700; }

/* Konfigurator unten: Knöpfe 15 px unter der Linie (App-CSS zog sie 13 px darauf), 52 px hoch wie im Original;
   Kopieren-Knopf erst nach „Projektlink erzeugen“, Symbol 20 px mittig */
.rwzk-wrap .buttons.buttons { margin-top: 15px; }
.rwzk-wrap .buttons.buttons button { height: 52px; }
.rwzk-wrap .buttons div.projektlink:not(.show) .copy-button { display: none; }
.rwzk-wrap .buttons div.projektlink.show .copy-button.copy-button { display: flex !important; align-items: center; justify-content: center; padding: 0; margin: 0; }
.rwzk-wrap .buttons .copy-button .icon-copy::before { font-size: 20px; line-height: 1; }
.rwzk-wrap .buttons div.projektlink.show input { padding: 0 12px; font-size: 13px; }

/* Shop-Kacheln: je Reihe gleich hoch, Knopf unten bündig und einzeilig („Ausführung wählen“) */
.woocommerce ul.products { display: flex; flex-wrap: wrap; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { display: flex; flex-direction: column; }
.woocommerce ul.products li.product > .wc-gzd-additional-info:last-of-type { padding-bottom: 22px; }
.woocommerce ul.products li.product > .button { margin-top: auto; align-self: center; }
@media (min-width: 1025px) { .woocommerce ul.products li.product > .button { max-width: none; white-space: nowrap; padding-left: 20px; padding-right: 20px; } }

/* Shop-Kacheln: Abstände Titel → Preis → MwSt./Versand enger wie im Original */
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding-bottom: 4px; }
.woocommerce ul.products li.product .price { margin-bottom: 6px; }
.woocommerce ul.products li.product .wc-gzd-additional-info { font-size: 12px; line-height: 17px; margin: 0; }
.woocommerce ul.products li.product .wc-gzd-additional-info + .wc-gzd-additional-info { margin-top: 0; }

/* Akkordeons: „+“/„−“ genau in der Kreismitte (Zeilenhöhe der Symbol-Hülle schob das SVG nach oben) */
.gb-accordion__toggle-icon > span { line-height: 0; }
.gb-accordion__toggle-icon svg { display: block; }
.woocommerce div.product form.cart .quantity input.qty, .woocommerce div.product form.cart .single_add_to_cart_button { height: 45px; box-sizing: border-box; }
.woocommerce div.product form.cart .single_add_to_cart_button { font-size: 13px !important; line-height: 1; padding-top: 0; padding-bottom: 0; }
/* Kopfbereich immer über dem Seiteninhalt, damit das Untermenü beim Klick nicht hinter dem Karussell verschwindet */
.gb-site-header { position: relative; z-index: 1000; }
.woocommerce-cart .entry-content, .woocommerce-checkout .entry-content { padding-top: 50px; padding-bottom: 50px; }
.rwzk-wrap .controls-3d button { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; padding: 0; }
.rwzk-wrap .controls-3d button > i { display: block; width: 22px; height: 22px; font-size: 0; line-height: 0; }
.rwzk-wrap .controls-3d button > i::before { content: ""; display: block; width: 100%; height: 100%; background-color: #fff; -webkit-mask: var(--zu-icon) center / contain no-repeat; mask: var(--zu-icon) center / contain no-repeat; }
.rwzk-wrap .controls-3d .icon-zoomin { --zu-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5v14M5 12h14'/></svg>"); }
.rwzk-wrap .controls-3d .icon-zoomout { --zu-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/></svg>"); }
.rwzk-wrap .controls-3d .icon-spinner6 { --zu-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3M19.5 4.5v4.5H15'/></svg>"); }
.rwzk-wrap .controls-3d .icon-expand { --zu-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M14 4h6v6M20 4l-6.5 6.5M10 20H4v-6M4 20l6.5-6.5'/></svg>"); }