/*
 * Lotti's Blumenlädchen – Design 2 / Modern
 * Version 0.2.44
 *
 * Dieses Stylesheet wird ausschließlich bei aktivem Design 2 geladen.
 * Es verwendet weiterhin die im Adminpanel gepflegte Lotti-Farbpalette.
 */

body.lottis-modern-design{
  --lotti-modern-surface:color-mix(in srgb,var(--lotti-surface) 93%,#fff);
  --lotti-modern-surface-strong:color-mix(in srgb,var(--lotti-surface) 82%,#fff);
  --lotti-modern-tint:color-mix(in srgb,var(--lotti-soft) 30%,var(--lotti-bg));
  --lotti-modern-border:color-mix(in srgb,var(--lotti-border) 48%,transparent);
  --lotti-modern-muted:color-mix(in srgb,var(--lotti-text) 64%,transparent);
  --lotti-modern-shadow:0 18px 55px color-mix(in srgb,var(--lotti-heading) 9%,transparent);
  --lotti-modern-shadow-lg:0 30px 90px color-mix(in srgb,var(--lotti-heading) 12%,transparent);
  --lotti-modern-radius:28px;
  --lotti-modern-radius-sm:18px;
  --lotti-modern-shell:1320px;
  --lotti-modern-copy:760px;
  --lotti-radius-sm:14px;
  --lotti-radius-md:20px;
  --lotti-radius-lg:30px;
  --lotti-card-border:var(--lotti-modern-border);
  --lotti-card-bg:var(--lotti-modern-surface);
  --lotti-shadow-sm:var(--lotti-modern-shadow);
  background:
    radial-gradient(circle at 8% 3%,color-mix(in srgb,var(--lotti-soft) 34%,transparent),transparent 27rem),
    radial-gradient(circle at 96% 30%,color-mix(in srgb,var(--lotti-secondary) 8%,transparent),transparent 30rem),
    var(--lotti-bg);
  color:var(--lotti-text);
  line-height:1.62;
  text-rendering:optimizeLegibility;
}
body.lottis-modern-design .site-shell{width:min(var(--lotti-modern-shell),calc(100% - 48px))}
body.lottis-modern-design :where(h1,h2,h3,h4,h5,h6){letter-spacing:-.045em;line-height:1.02}
body.lottis-modern-design h1{font-size:clamp(2.7rem,6.5vw,6rem)}
body.lottis-modern-design h2{font-size:clamp(2rem,4.2vw,3.85rem)}
body.lottis-modern-design h3{font-size:clamp(1.25rem,2vw,1.7rem)}
body.lottis-modern-design :where(p,li){letter-spacing:-.008em}
body.lottis-modern-design :where(a,button,input,select,textarea){transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,transform .18s ease}
body.lottis-modern-design :where(a,button,input,select,textarea,summary):focus-visible{outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--lotti-focus) 32%,transparent)!important}

/* Header: leichter, gläserner und stärker auf Navigation fokussiert. */
body.lottis-modern-design .site-header{
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--lotti-border) 32%,transparent);
  background:color-mix(in srgb,var(--lotti-header-bg) 76%,transparent);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  backdrop-filter:blur(22px) saturate(1.35);
  box-shadow:0 8px 34px color-mix(in srgb,var(--lotti-heading) 5%,transparent);
}
body.lottis-modern-design .header-inner{min-height:76px;gap:20px}
body.lottis-modern-design .custom-logo{max-height:54px}
body.lottis-modern-design .brand{gap:11px}
body.lottis-modern-design .brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--lotti-primary) 11%,transparent);font-size:22px}
body.lottis-modern-design .brand-text{font-size:1.15rem;letter-spacing:-.03em}
body.lottis-modern-design .main-navigation ul{gap:5px}
body.lottis-modern-design .main-navigation a{display:flex;align-items:center;min-height:40px;padding:7px 12px;border-radius:12px;font-size:.88rem;font-weight:740}
body.lottis-modern-design .main-navigation a:hover,
body.lottis-modern-design .main-navigation .current-menu-item>a,
body.lottis-modern-design .main-navigation .current-menu-ancestor>a{background:color-mix(in srgb,var(--lotti-primary) 9%,transparent);color:var(--lotti-primary)}
body.lottis-modern-design .header-actions{gap:9px}
body.lottis-modern-design .header-contact-link{border-radius:12px;background:transparent!important}
body.lottis-modern-design .header-cart{min-height:42px;padding:7px 12px;border:1px solid var(--lotti-modern-border);border-radius:13px;background:var(--lotti-modern-surface);box-shadow:0 7px 22px color-mix(in srgb,var(--lotti-heading) 5%,transparent)}
body.lottis-modern-design .cart-count{border-radius:8px}
body.lottis-modern-design .header-opening-status{border:0;background:color-mix(in srgb,var(--lotti-primary) 8%,var(--lotti-modern-surface));font-size:.78rem}
body.lottis-modern-design .header-opening-status .site-shell{min-height:30px}

/* Grundflächen, Seitenköpfe und Inhaltsseiten. */
body.lottis-modern-design .section-space{padding-block:clamp(48px,6.5vw,92px)}
body.lottis-modern-design :where(.lottis-page-view,.lottis-listing-view,.lottis-article-view,.lottis-not-found-view).section-space{padding-top:clamp(28px,4vw,52px)}
body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero,.lottis-empty-state){
  border:1px solid var(--lotti-modern-border);
  border-radius:36px;
  background:
    radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--lotti-accent) 14%,transparent),transparent 26%),
    radial-gradient(circle at 72% 100%,color-mix(in srgb,var(--lotti-primary) 8%,transparent),transparent 33%),
    color-mix(in srgb,var(--lotti-modern-surface) 96%,transparent);
  box-shadow:var(--lotti-modern-shadow);
}
body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero,.lottis-empty-state)::after{width:260px;right:-112px;bottom:-150px;border-color:color-mix(in srgb,var(--lotti-primary) 14%,transparent);box-shadow:0 0 0 52px color-mix(in srgb,var(--lotti-primary) 3%,transparent),0 0 0 104px color-mix(in srgb,var(--lotti-secondary) 2.5%,transparent)}
body.lottis-modern-design .lottis-page-hero{width:min(var(--lotti-modern-shell),calc(100% - 48px));padding:clamp(34px,5vw,68px);margin-bottom:clamp(34px,5vw,62px)!important}
body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero) h1{max-width:13ch!important;letter-spacing:-.06em!important}
body.lottis-modern-design .lottis-page-parent,
body.lottis-modern-design .eyebrow,
body.lottis-modern-design .lottis-shop-kicker{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--lotti-primary) 8%,transparent);letter-spacing:.11em;font-size:.67rem}
body.lottis-modern-design .lottis-block-content>:where(:not(.alignfull):not(.alignwide)){width:min(var(--lotti-modern-copy),calc(100% - 48px))}
body.lottis-modern-design .lottis-block-content>.alignwide{width:min(var(--lotti-modern-shell),calc(100% - 48px))}
body.lottis-modern-design .lottis-block-content :where(h2,h3){text-wrap:balance}
body.lottis-modern-design .lottis-block-content p,
body.lottis-modern-design .lottis-article-content p{color:color-mix(in srgb,var(--lotti-text) 91%,transparent)}
body.lottis-modern-design .lottis-block-content hr{height:1px;border:0;background:var(--lotti-modern-border);margin-block:clamp(40px,6vw,72px)}

/* Startseite / Gutenberg-Komponenten. */
body.lottis-modern-design .lottis-editor-hero,
body.lottis-modern-design .hero-section{
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--lotti-accent) 18%,transparent),transparent 22rem),
    radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--lotti-primary) 10%,transparent),transparent 25rem),
    linear-gradient(145deg,color-mix(in srgb,var(--lotti-bg) 88%,#fff),var(--lotti-modern-surface));
  border-bottom:1px solid var(--lotti-modern-border);
}
body.lottis-modern-design .lottis-editor-hero{padding-block:clamp(78px,10vw,146px)}
body.lottis-modern-design .lottis-editor-hero h1,
body.lottis-modern-design .hero-copy h1{max-width:11ch;letter-spacing:-.065em}
body.lottis-modern-design .hero-lead{max-width:62ch;color:var(--lotti-modern-muted);line-height:1.58}
body.lottis-modern-design .opening-card,
body.lottis-modern-design .lottis-status-card{border-color:var(--lotti-modern-border);border-radius:17px;background:color-mix(in srgb,var(--lotti-modern-surface) 83%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 12px 36px color-mix(in srgb,var(--lotti-heading) 7%,transparent)}
body.lottis-modern-design .bouquet-card{border-color:var(--lotti-modern-border);border-radius:42px;box-shadow:var(--lotti-modern-shadow-lg)}
body.lottis-modern-design .welcome-section{background:transparent}
body.lottis-modern-design .home-shop{background:color-mix(in srgb,var(--lotti-soft) 20%,transparent)}
body.lottis-modern-design .feature-cards,
body.lottis-modern-design .lottis-editor-feature-grid{gap:16px!important}
body.lottis-modern-design .feature-cards article,
body.lottis-modern-design .lottis-editor-feature-card,
body.lottis-modern-design :where(.lottis-service-card,.lottis-team-card,.lottis-page-callout,.lottis-team-values>.wp-block-column){
  border:1px solid var(--lotti-modern-border);
  border-radius:24px;
  background:var(--lotti-modern-surface);
  box-shadow:0 10px 38px color-mix(in srgb,var(--lotti-heading) 6%,transparent);
}
body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card,.lottis-team-card){position:relative;overflow:hidden}
body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card,.lottis-team-card)::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--lotti-primary),var(--lotti-accent));opacity:.72}

/* Buttons und Formulare. */
body.lottis-modern-design :where(.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button){min-height:46px!important;padding:0 19px!important;border-radius:14px!important;box-shadow:0 8px 20px color-mix(in srgb,var(--lotti-primary) 13%,transparent);font-size:.9rem!important;font-weight:780!important;letter-spacing:-.01em}
body.lottis-modern-design :where(.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button):hover{transform:translateY(-2px);box-shadow:0 13px 28px color-mix(in srgb,var(--lotti-primary) 18%,transparent)}
body.lottis-modern-design .button-ghost{box-shadow:none;background:transparent;border-color:var(--lotti-modern-border)!important}
body.lottis-modern-design :where(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="search"],input[type="password"],select,textarea){
  min-height:46px;
  border:1px solid var(--lotti-modern-border)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--lotti-input-bg) 86%,#fff)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 72%,transparent);
}
body.lottis-modern-design :where(input,select,textarea):focus{border-color:color-mix(in srgb,var(--lotti-primary) 60%,var(--lotti-border))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--lotti-primary) 11%,transparent)!important}
body.lottis-modern-design label{font-weight:670}

/* Gutenberg: Medien, Gruppen, Zitate, Tabellen. */
body.lottis-modern-design .lottis-block-content .wp-block-media-text{border-color:var(--lotti-modern-border);border-radius:30px;background:var(--lotti-modern-surface);box-shadow:var(--lotti-modern-shadow);transform:translateZ(0)}
body.lottis-modern-design .lottis-block-content .wp-block-media-text__media img{min-height:320px}
body.lottis-modern-design .lottis-block-content :where(.wp-block-group.has-background,.wp-block-columns.has-background){border-radius:26px}
body.lottis-modern-design .lottis-block-content .wp-block-image img,
body.lottis-modern-design .lottis-article-content .wp-block-image img{border-radius:22px}
body.lottis-modern-design .lottis-block-content .wp-block-table{border-color:var(--lotti-modern-border);border-radius:20px;box-shadow:0 10px 35px color-mix(in srgb,var(--lotti-heading) 5%,transparent)}
body.lottis-modern-design .lottis-block-content blockquote,
body.lottis-modern-design .lottis-article-content blockquote{border-left:3px solid var(--lotti-primary);padding:18px 22px;border-radius:0 18px 18px 0;background:color-mix(in srgb,var(--lotti-primary) 5%,transparent)}

/* Blog, Archive, Suche. */
body.lottis-modern-design .post-grid{gap:18px}
body.lottis-modern-design .post-card{border:1px solid var(--lotti-modern-border);border-radius:25px;background:var(--lotti-modern-surface);box-shadow:0 12px 40px color-mix(in srgb,var(--lotti-heading) 6%,transparent);transition:transform .2s ease,box-shadow .2s ease}
body.lottis-modern-design .post-card:hover{transform:translateY(-4px);box-shadow:var(--lotti-modern-shadow)}
body.lottis-modern-design .post-thumb{aspect-ratio:16/10}
body.lottis-modern-design .post-card-body{padding:22px}
body.lottis-modern-design .post-card h2{font-size:1.45rem;letter-spacing:-.04em}
body.lottis-modern-design .post-meta{font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
body.lottis-modern-design .single-thumb{border-radius:28px;box-shadow:var(--lotti-modern-shadow)}
body.lottis-modern-design .lottis-empty-state{text-align:center;padding:clamp(44px,7vw,82px)}

/* Kontakt, Öffnungszeiten und Informationskarten. */
body.lottis-modern-design .lottis-contact-card,
body.lottis-modern-design .maintenance-info-grid>div{border-color:var(--lotti-modern-border);border-radius:22px;background:var(--lotti-modern-surface);box-shadow:0 12px 38px color-mix(in srgb,var(--lotti-heading) 6%,transparent)}
body.lottis-modern-design .lottis-hours-table>div{border-bottom-style:solid;border-color:var(--lotti-modern-border);padding:.48rem 0}
body.lottis-modern-design .lottis-open-now{border-color:var(--lotti-modern-border);background:color-mix(in srgb,var(--lotti-primary) 7%,var(--lotti-modern-surface));font-size:.8rem}

/* Galerie: weniger Rahmen, modernere Bühne. */
body.lottis-modern-design .lottis-gallery__item{border-radius:22px!important}
body.lottis-modern-design .lottis-gallery__image{border-radius:22px!important}
body.lottis-modern-design .lottis-gallery--hover-lift .lottis-gallery__item:hover{transform:translateY(-5px)}
body.lottis-modern-design .lottis-gallery-lightbox__stage{border-radius:24px;background:color-mix(in srgb,#000 90%,var(--lotti-heading));box-shadow:0 30px 90px rgba(0,0,0,.36)}
body.lottis-modern-design .lottis-gallery-lightbox :where(button){border-radius:14px}

/* WooCommerce – Shopstart, Kategorien und Produktkarten. */
body.lottis-modern-design.lottis-commerce .site-main,
body.lottis-modern-design :where(.lottis-cart-page,.lottis-checkout-page,.lottis-account-page) .lottis-editor-page{padding-top:clamp(22px,3vw,40px)}
body.lottis-modern-design .lottis-shop-archive .woocommerce-products-header{padding:clamp(34px,4vw,56px);border:1px solid var(--lotti-modern-border);border-radius:32px;background:var(--lotti-modern-surface);box-shadow:var(--lotti-modern-shadow)}
body.lottis-modern-design .lottis-shop-archive .woocommerce-products-header__title.page-title{font-size:clamp(2.35rem,5vw,4.7rem);letter-spacing:-.06em}
body.lottis-modern-design .lottis-commerce .lottis-product-breadcrumb{padding:5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:.75rem!important;opacity:.78}
body.lottis-modern-design .lottis-category-switcher{gap:8px;margin-bottom:22px;padding:7px!important;border:1px solid var(--lotti-modern-border)!important;border-radius:15px!important;background:color-mix(in srgb,var(--lotti-modern-surface) 86%,transparent)!important;box-shadow:none!important}
body.lottis-modern-design .lottis-category-switcher-head{gap:5px}
body.lottis-modern-design :where(.lottis-category-shop-link,.lottis-category-back-link,.lottis-category-jump-link){min-height:30px!important;padding:4px 8px!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;font-size:.74rem!important}
body.lottis-modern-design :where(.lottis-category-shop-link,.lottis-category-back-link,.lottis-category-jump-link):hover,
body.lottis-modern-design .lottis-category-jump-link.is-current{background:color-mix(in srgb,var(--lotti-primary) 10%,transparent)!important;color:var(--lotti-primary)!important;transform:none!important}
body.lottis-modern-design .lottis-category-jump-label{font-size:.61rem;letter-spacing:.08em}
body.lottis-modern-design .lottis-shop-discovery{padding:10px 12px;border-color:var(--lotti-modern-border);border-radius:16px;background:var(--lotti-modern-surface);box-shadow:none}
body.lottis-modern-design .lottis-shop-toolbar{padding:8px 10px;border-color:var(--lotti-modern-border);border-radius:15px;background:transparent;box-shadow:none}
body.lottis-modern-design .lottis-shop-toolbar select.orderby{min-height:38px!important;border-color:var(--lotti-modern-border);border-radius:11px}
body.lottis-modern-design .woocommerce ul.products{gap:clamp(14px,2vw,22px)!important}
body.lottis-modern-design .woocommerce ul.products li.product{
  padding:8px 8px 14px!important;
  border:1px solid var(--lotti-modern-border)!important;
  border-radius:22px!important;
  background:var(--lotti-modern-surface)!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--lotti-heading) 5%,transparent)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
body.lottis-modern-design .woocommerce ul.products li.product::after{display:none!important}
body.lottis-modern-design .woocommerce ul.products li.product:hover{transform:translateY(-5px)!important;box-shadow:0 20px 50px color-mix(in srgb,var(--lotti-heading) 10%,transparent)!important}
body.lottis-modern-design .woocommerce ul.products li.product a img{margin:0 0 13px!important;border-radius:16px!important;background:var(--lotti-modern-tint)}
body.lottis-modern-design .woocommerce ul.products li.product .woocommerce-loop-product__title{margin-inline:8px!important;font-size:1.04rem!important;letter-spacing:-.035em!important}
body.lottis-modern-design .woocommerce ul.products li.product .price{margin:4px 8px 12px!important;font-size:.94rem!important}
body.lottis-modern-design .woocommerce ul.products li.product .star-rating{margin-inline:8px!important}
body.lottis-modern-design .woocommerce ul.products li.product .button{align-self:stretch!important;margin:auto 8px 0!important;min-height:40px!important;padding-inline:12px!important;border-radius:11px!important;box-shadow:none;font-size:.8rem!important}
body.lottis-modern-design .woocommerce span.onsale{top:15px!important;left:15px!important;padding:5px 9px!important;border-radius:9px!important;font-size:.67rem!important;box-shadow:0 8px 22px rgba(0,0,0,.12)}
body.lottis-modern-design .woocommerce nav.woocommerce-pagination ul li a,
body.lottis-modern-design .woocommerce nav.woocommerce-pagination ul li span{border-color:var(--lotti-modern-border);border-radius:11px;background:var(--lotti-modern-surface)}

/* Einzelprodukt: galerieorientiert, ruhiger Kaufbereich, beide vorhandenen Produktlayouts bleiben intakt. */
body.lottis-modern-design.lottis-product-page.woocommerce div.product{gap:clamp(24px,4vw,54px)!important;padding:clamp(14px,2.5vw,28px)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.lottis-modern-design.lottis-product-page.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{border:1px solid var(--lotti-modern-border);border-radius:24px!important;background:var(--lotti-modern-tint)!important;box-shadow:var(--lotti-modern-shadow);padding:8px}
body.lottis-modern-design.lottis-product-page.woocommerce div.product div.images img{border-radius:18px}
body.lottis-modern-design.lottis-product-page.woocommerce div.product div.summary{padding:clamp(24px,3vw,38px)!important;border:1px solid var(--lotti-modern-border)!important;border-radius:26px!important;background:var(--lotti-modern-surface)!important;box-shadow:var(--lotti-modern-shadow)!important}
body.lottis-modern-design.lottis-product-page.woocommerce div.product .product_title{font-size:clamp(2.15rem,4vw,3.9rem);max-width:15ch;letter-spacing:-.065em}
body.lottis-modern-design.lottis-product-page.woocommerce div.product p.price{font-size:clamp(1.35rem,2vw,1.65rem);font-weight:820}
body.lottis-modern-design.lottis-product-page.woocommerce div.product form.cart{border-color:var(--lotti-modern-border)}
body.lottis-modern-design.lottis-product-page.woocommerce div.product .product_meta{padding-top:14px;border-top:1px solid var(--lotti-modern-border);font-size:.78rem;color:var(--lotti-modern-muted)}
body.lottis-modern-design .lottis-product-description{padding:clamp(24px,4vw,44px)!important;border-color:var(--lotti-modern-border)!important;border-radius:26px!important;background:var(--lotti-modern-surface)!important;box-shadow:var(--lotti-modern-shadow)!important}
body.lottis-modern-design .lottis-product-description h2{font-size:clamp(1.65rem,3vw,2.5rem)}
body.lottis-modern-design .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs{gap:8px;margin-top:9px}
body.lottis-modern-design .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img{border-radius:11px!important}

/* Warenkorb, Kasse und Mein Konto. */
body.lottis-modern-design :where(.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-checkout .col2-set,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation){border-color:var(--lotti-modern-border)!important;background:var(--lotti-modern-surface)!important;box-shadow:0 10px 38px color-mix(in srgb,var(--lotti-heading) 6%,transparent)!important}
body.lottis-modern-design .lottis-cart-page .woocommerce-cart-form,
body.lottis-modern-design .lottis-cart-page .cart_totals{border-radius:24px!important}
body.lottis-modern-design .lottis-cart-page .woocommerce-cart-form .product-thumbnail img{width:72px;border-radius:12px}
body.lottis-modern-design .lottis-cart-page .cart_totals{width:min(100%,460px)!important}
body.lottis-modern-design .lottis-checkout-page form.checkout{max-width:1000px!important;gap:16px!important}
body.lottis-modern-design .lottis-checkout-page form.checkout>.col2-set,
body.lottis-modern-design .lottis-checkout-page form.checkout>#order_review{padding:20px!important;border:1px solid var(--lotti-modern-border)!important;border-radius:22px!important;background:var(--lotti-modern-surface)!important;box-shadow:0 10px 38px color-mix(in srgb,var(--lotti-heading) 6%,transparent)!important}
body.lottis-modern-design .lottis-checkout-page #order_review_heading{font-size:1.35rem!important}
body.lottis-modern-design .lottis-checkout-page #payment{border-radius:16px!important;background:color-mix(in srgb,var(--lotti-soft) 16%,var(--lotti-modern-surface))!important}
body.lottis-modern-design .lottis-checkout-page #place_order{min-height:48px!important;border-radius:13px!important}
body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation ul{gap:5px}
body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation a{padding:8px 11px;border:0;border-radius:10px;background:transparent;font-size:.84rem}
body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:color-mix(in srgb,var(--lotti-primary) 10%,transparent);color:var(--lotti-primary)}
body.lottis-modern-design :where(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner){border:1px solid var(--lotti-modern-border)!important;border-left:4px solid var(--lotti-primary)!important;border-radius:14px!important;box-shadow:none!important}

/* WooCommerce Blocks. */
body.lottis-modern-design :where(.wc-block-components-sidebar,.wc-block-cart-items,.wc-block-components-order-summary,.wc-block-components-totals-wrapper,.wc-block-checkout__contact-fields,.wc-block-checkout__shipping-fields,.wc-block-checkout__billing-fields){border-color:var(--lotti-modern-border)!important;border-radius:20px!important}
body.lottis-modern-design .wc-block-components-sidebar{background:var(--lotti-modern-surface)!important;box-shadow:0 10px 38px color-mix(in srgb,var(--lotti-heading) 6%,transparent)}
body.lottis-modern-design .wc-block-components-text-input input,
body.lottis-modern-design .wc-blocks-components-select .wc-blocks-components-select__select{border-radius:12px!important}

/* Footer: großzügiger Abschluss, aber visuell leichter als Design 1. */
body.lottis-modern-design .site-footer{position:relative;margin-top:clamp(40px,6vw,80px);padding:64px 0 30px;border-radius:40px 40px 0 0;background:linear-gradient(145deg,color-mix(in srgb,var(--lotti-footer-bg) 96%,#000),var(--lotti-footer-bg));overflow:hidden}
body.lottis-modern-design .site-footer::before{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-250px;border-radius:50%;background:color-mix(in srgb,var(--lotti-accent) 8%,transparent);pointer-events:none}
body.lottis-modern-design .footer-grid{gap:clamp(28px,5vw,70px)}
body.lottis-modern-design .footer-column-title{font-size:.72rem!important;letter-spacing:.12em;text-transform:uppercase;opacity:.66}
body.lottis-modern-design .footer-brand{font-size:1.35rem;letter-spacing:-.03em}
body.lottis-modern-design .site-footer a{text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 28%,transparent)}
body.lottis-modern-design .footer-social-links a{border-radius:12px}

/* Wartungsansicht bekommt dieselbe moderne Formensprache. */
body.lottis-modern-design.lottis-maintenance-page{background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--lotti-primary) 10%,transparent),transparent 34rem),var(--lotti-bg)}
body.lottis-modern-design .maintenance-card{border-color:var(--lotti-modern-border);border-radius:36px;background:color-mix(in srgb,var(--lotti-modern-surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--lotti-modern-shadow-lg)}

/* Responsive Design 2. */
@media(max-width:1024px){
  body.lottis-modern-design .site-shell{width:min(calc(100% - 36px),var(--lotti-modern-shell))}
  body.lottis-modern-design .lottis-page-hero{width:min(calc(100% - 36px),var(--lotti-modern-shell));border-radius:30px}
  body.lottis-modern-design .header-inner{min-height:70px}
  body.lottis-modern-design .nav-toggle{display:block;border:1px solid var(--lotti-modern-border);border-radius:12px;background:var(--lotti-modern-surface)}
  body.lottis-modern-design .main-navigation{background:color-mix(in srgb,var(--lotti-modern-surface) 95%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
  body.lottis-modern-design .main-navigation ul{gap:4px}
  body.lottis-modern-design .main-navigation a{border-radius:10px}
  body.lottis-modern-design .woocommerce ul.products{gap:14px!important}
}
@media(max-width:768px){
  body.lottis-modern-design{line-height:1.58}
  body.lottis-modern-design .site-shell{width:min(calc(100% - 28px),var(--lotti-modern-shell))}
  body.lottis-modern-design .lottis-page-hero{width:min(calc(100% - 28px),var(--lotti-modern-shell));padding:30px 24px;border-radius:26px}
  body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero) h1{max-width:none!important}
  body.lottis-modern-design .lottis-block-content>:where(:not(.alignfull):not(.alignwide)){width:min(var(--lotti-modern-copy),calc(100% - 28px))}
  body.lottis-modern-design .lottis-block-content>.alignwide{width:calc(100% - 28px)}
  body.lottis-modern-design .lottis-editor-hero{padding-block:64px 76px}
  body.lottis-modern-design .lottis-editor-feature-grid{grid-template-columns:1fr!important}
  body.lottis-modern-design .post-grid{grid-template-columns:1fr 1fr}
  body.lottis-modern-design .site-footer{border-radius:28px 28px 0 0;padding-top:48px}
  body.lottis-modern-design .lottis-checkout-page form.checkout>.col2-set,
  body.lottis-modern-design .lottis-checkout-page form.checkout>#order_review{padding:16px!important;border-radius:18px!important}
}
@media(max-width:520px){
  body.lottis-modern-design h1{font-size:clamp(2.35rem,13vw,4rem)}
  body.lottis-modern-design h2{font-size:clamp(1.8rem,9vw,2.8rem)}
  body.lottis-modern-design .header-inner{min-height:64px}
  body.lottis-modern-design .custom-logo{max-height:46px}
  body.lottis-modern-design .post-grid{grid-template-columns:1fr}
  body.lottis-modern-design .woocommerce ul.products li.product{border-radius:18px!important;padding:6px 6px 12px!important}
  body.lottis-modern-design .woocommerce ul.products li.product a img{border-radius:13px!important}
  body.lottis-modern-design .woocommerce ul.products li.product .woocommerce-loop-product__title{margin-inline:6px!important;font-size:.96rem!important}
  body.lottis-modern-design .woocommerce ul.products li.product .price{margin-inline:6px!important}
  body.lottis-modern-design .woocommerce ul.products li.product .button{margin-inline:6px!important}
  body.lottis-modern-design.lottis-product-page.woocommerce div.product div.summary{padding:20px!important;border-radius:20px!important}
  body.lottis-modern-design .site-footer{margin-top:32px;border-radius:24px 24px 0 0}
}
@media(max-width:375px){
  body.lottis-modern-design .site-shell{width:calc(100% - 22px)}
  body.lottis-modern-design .lottis-page-hero{width:calc(100% - 22px);padding:25px 20px}
}
@media(max-width:320px){
  body.lottis-modern-design .site-shell{width:calc(100% - 18px)}
  body.lottis-modern-design .lottis-page-hero{width:calc(100% - 18px)}
}
@media(prefers-reduced-motion:reduce){
  body.lottis-modern-design :where(*,::before,::after){scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}
@media(forced-colors:active){
  body.lottis-modern-design :where(.post-card,.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero,.woocommerce ul.products li.product,.woocommerce div.product .summary){border:1px solid CanvasText!important}
}

/* ========================================================================== 
   0.2.44 – Design 2 / Editorial Bloom
   Mutigere, eigenständige Formensprache. Die Farbwerte stammen weiterhin
   ausschließlich aus der zentral gepflegten Lotti-Palette.
   ========================================================================== */
body.lottis-modern-design{
  --lotti-neo-line:color-mix(in srgb,var(--lotti-primary) 14%,transparent);
  --lotti-neo-glow:color-mix(in srgb,var(--lotti-accent) 16%,transparent);
  --lotti-neo-soft:color-mix(in srgb,var(--lotti-soft) 42%,var(--lotti-bg));
  --lotti-neo-panel:color-mix(in srgb,var(--lotti-surface) 88%,transparent);
  --lotti-neo-deep:color-mix(in srgb,var(--lotti-heading) 92%,var(--lotti-primary));
  --lotti-neo-radius:34px;
  --lotti-neo-radius-xl:58px;
  background-color:var(--lotti-bg);
  background-image:
    radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--lotti-accent) 10%,transparent) 0 1px,transparent 1.5px),
    linear-gradient(90deg,color-mix(in srgb,var(--lotti-primary) 3.5%,transparent) 1px,transparent 1px),
    linear-gradient(color-mix(in srgb,var(--lotti-primary) 3.5%,transparent) 1px,transparent 1px);
  background-size:22px 22px,88px 88px,88px 88px;
  background-position:0 0,center top,center top;
}
body.lottis-modern-design::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 0%,color-mix(in srgb,var(--lotti-soft) 48%,transparent),transparent 42%),
    radial-gradient(ellipse at 100% 48%,color-mix(in srgb,var(--lotti-accent) 8%,transparent),transparent 35%),
    linear-gradient(180deg,color-mix(in srgb,var(--lotti-bg) 86%,transparent),var(--lotti-bg) 58%);
}
body.lottis-modern-design :where(h1,h2,h3,h4,h5,h6){text-wrap:balance}
body.lottis-modern-design h1{font-size:clamp(3rem,7.2vw,6.8rem);line-height:.91;letter-spacing:-.072em}
body.lottis-modern-design h2{font-size:clamp(2.1rem,4.8vw,4.4rem);line-height:.96;letter-spacing:-.058em}
body.lottis-modern-design h3{letter-spacing:-.04em}

/* Floating atelier header. */
body.lottis-modern-design .site-header{
  padding:12px 0 0;
  border:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
body.lottis-modern-design .site-header>.header-inner{
  width:min(calc(100% - 32px),1240px);
  min-height:68px;
  padding:8px 10px 8px 18px;
  border:1px solid color-mix(in srgb,var(--lotti-border) 42%,transparent);
  border-radius:22px;
  background:color-mix(in srgb,var(--lotti-header-bg) 84%,transparent);
  -webkit-backdrop-filter:blur(24px) saturate(1.45);
  backdrop-filter:blur(24px) saturate(1.45);
  box-shadow:0 18px 50px color-mix(in srgb,var(--lotti-heading) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--lotti-surface) 75%,transparent);
}
body.lottis-modern-design .brand-mark{border-radius:50% 50% 50% 12px;transform:rotate(-5deg)}
body.lottis-modern-design .brand-text{font-size:1.05rem;font-weight:820}
body.lottis-modern-design .main-navigation a{position:relative;min-height:38px;padding:7px 13px;border-radius:999px;font-size:.82rem;letter-spacing:.01em}
body.lottis-modern-design .main-navigation a::after{
  content:"";
  position:absolute;
  left:50%;right:50%;bottom:4px;
  height:1px;
  background:currentColor;
  transition:left .2s ease,right .2s ease;
  opacity:.55;
}
body.lottis-modern-design .main-navigation a:hover::after,
body.lottis-modern-design .main-navigation .current-menu-item>a::after,
body.lottis-modern-design .main-navigation .current-menu-ancestor>a::after{left:14px;right:14px}
body.lottis-modern-design .header-cart{min-height:44px;border-radius:999px;padding-inline:14px}
body.lottis-modern-design .header-opening-status{
  width:max-content;
  max-width:calc(100% - 32px);
  margin:7px auto 0;
  border:1px solid color-mix(in srgb,var(--lotti-border) 34%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--lotti-surface) 86%,transparent);
  box-shadow:0 10px 28px color-mix(in srgb,var(--lotti-heading) 6%,transparent);
  overflow:hidden;
}
body.lottis-modern-design .header-opening-status .site-shell{width:auto!important;min-height:27px;padding:0 13px;gap:7px}
body.lottis-modern-design.lottis-sticky-header .site-header{padding-bottom:8px}

/* Hero: asymmetrische Editorial-Flächen statt klassischer Karten. */
body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero,.lottis-empty-state){
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:var(--lotti-neo-radius-xl) var(--lotti-neo-radius-xl) 150px var(--lotti-neo-radius-xl);
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--lotti-surface) 92%,transparent),color-mix(in srgb,var(--lotti-soft) 24%,var(--lotti-surface)) 58%,color-mix(in srgb,var(--lotti-accent) 8%,var(--lotti-surface)));
  box-shadow:0 24px 70px color-mix(in srgb,var(--lotti-heading) 7%,transparent);
}
body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero)::before{
  content:"";
  position:absolute;
  width:210px;height:210px;
  right:clamp(30px,8vw,120px);top:50%;
  border:1px solid color-mix(in srgb,var(--lotti-primary) 22%,transparent);
  border-radius:50% 50% 12% 50%;
  transform:translateY(-50%) rotate(32deg);
  box-shadow:0 0 0 34px color-mix(in srgb,var(--lotti-primary) 3%,transparent),0 0 0 68px color-mix(in srgb,var(--lotti-accent) 2.5%,transparent);
  pointer-events:none;
}
body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero)::after{
  content:"";
  position:absolute;
  width:42%;height:1px;
  right:0;bottom:42px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--lotti-primary) 28%,transparent));
  border:0;box-shadow:none;
}
body.lottis-modern-design .lottis-page-hero{padding:clamp(48px,7vw,92px) clamp(30px,7vw,92px)}
body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero) h1{position:relative;z-index:1;max-width:10.5ch!important}
body.lottis-modern-design :where(.lottis-page-parent,.eyebrow,.lottis-shop-kicker){
  min-height:26px;padding:4px 10px 4px 6px;gap:7px;
  border-radius:999px;background:transparent;
  font-size:.64rem;font-weight:820;letter-spacing:.15em;
}
body.lottis-modern-design :where(.lottis-page-parent,.eyebrow,.lottis-shop-kicker)::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--lotti-primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--lotti-primary) 9%,transparent)
}

/* Startseite: plakative, räumliche Boutique-Ästhetik. */
body.lottis-modern-design :where(.lottis-editor-hero,.hero-section){
  position:relative;
  min-height:min(760px,82vh);
  display:grid;
  align-items:center;
  overflow:hidden;
  border:0;
  background:
    radial-gradient(circle at 82% 28%,color-mix(in srgb,var(--lotti-accent) 22%,transparent),transparent 16rem),
    radial-gradient(circle at 76% 66%,color-mix(in srgb,var(--lotti-primary) 11%,transparent),transparent 22rem),
    linear-gradient(128deg,color-mix(in srgb,var(--lotti-bg) 96%,var(--lotti-surface)),color-mix(in srgb,var(--lotti-soft) 34%,var(--lotti-bg)));
}
body.lottis-modern-design :where(.lottis-editor-hero,.hero-section)::before{
  content:"";
  position:absolute;
  width:min(40vw,520px);aspect-ratio:1;
  right:-6%;top:13%;
  border-radius:58% 42% 66% 34% / 44% 57% 43% 56%;
  border:1px solid color-mix(in srgb,var(--lotti-primary) 18%,transparent);
  background:color-mix(in srgb,var(--lotti-surface) 22%,transparent);
  box-shadow:inset 0 0 0 28px color-mix(in srgb,var(--lotti-accent) 3%,transparent),0 32px 90px color-mix(in srgb,var(--lotti-heading) 6%,transparent);
  transform:rotate(-9deg);
  pointer-events:none;
}
body.lottis-modern-design :where(.lottis-editor-hero,.hero-section)::after{
  content:"✿";
  position:absolute;
  right:7%;bottom:8%;
  font-size:clamp(4rem,11vw,10rem);
  line-height:1;color:color-mix(in srgb,var(--lotti-primary) 11%,transparent);
  transform:rotate(14deg);
  pointer-events:none;
}
body.lottis-modern-design .lottis-editor-hero{padding-block:clamp(96px,12vw,176px)}
body.lottis-modern-design :where(.lottis-editor-hero h1,.hero-copy h1){max-width:9.5ch;position:relative;z-index:1}
body.lottis-modern-design .hero-lead{max-width:52ch;font-size:clamp(1rem,1.4vw,1.22rem)}
body.lottis-modern-design .hero-actions{gap:10px}
body.lottis-modern-design .opening-card,
body.lottis-modern-design .lottis-status-card{
  border:1px solid color-mix(in srgb,var(--lotti-border) 32%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--lotti-surface) 70%,transparent);
  box-shadow:0 16px 50px color-mix(in srgb,var(--lotti-heading) 6%,transparent);
}
body.lottis-modern-design .bouquet-card{
  border:0;
  border-radius:48% 48% 22% 48% / 42% 48% 30% 52%;
  box-shadow:0 40px 100px color-mix(in srgb,var(--lotti-heading) 13%,transparent);
  transform:rotate(2deg);
}

/* Bento-/Editorial-Karten: weniger Rahmen, mehr Form und Rhythmus. */
body.lottis-modern-design :where(.feature-cards,.lottis-editor-feature-grid,.lottis-service-grid,.lottis-team-values){gap:18px!important}
body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card,.lottis-team-card,.lottis-page-callout,.lottis-team-values>.wp-block-column){
  border:0;
  border-radius:30px;
  background:color-mix(in srgb,var(--lotti-surface) 91%,transparent);
  box-shadow:0 18px 52px color-mix(in srgb,var(--lotti-heading) 6%,transparent);
}
body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card,.lottis-team-card)::before{
  inset:18px auto auto 18px;width:38px;height:6px;border-radius:999px;
  background:var(--lotti-primary);opacity:.72;
}
body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card):nth-child(3n+2){border-radius:64px 30px 30px 30px}
body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card):nth-child(3n){border-radius:30px 30px 74px 30px}
body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card,.lottis-team-card):hover{transform:translateY(-6px) rotate(-.35deg);box-shadow:0 28px 70px color-mix(in srgb,var(--lotti-heading) 9%,transparent)}
body.lottis-modern-design .lottis-block-content .wp-block-media-text{
  overflow:hidden;border:0;border-radius:46px 46px 120px 46px;
  background:color-mix(in srgb,var(--lotti-surface) 90%,transparent);
  box-shadow:0 26px 70px color-mix(in srgb,var(--lotti-heading) 7%,transparent)
}
body.lottis-modern-design .lottis-block-content .wp-block-media-text__media{overflow:hidden}
body.lottis-modern-design .lottis-block-content .wp-block-media-text__media img{transform:scale(1.015);transition:transform .55s cubic-bezier(.2,.75,.2,1)}
body.lottis-modern-design .lottis-block-content .wp-block-media-text:hover .wp-block-media-text__media img{transform:scale(1.055)}

/* Interaktion: pillenartige CTAs und moderne Feldflächen. */
body.lottis-modern-design :where(.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button){
  min-height:48px!important;padding:0 21px!important;border-radius:999px!important;
  box-shadow:none!important;letter-spacing:.005em!important;
}
body.lottis-modern-design :where(.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button):hover{transform:translateY(-2px) scale(1.015);box-shadow:0 12px 30px color-mix(in srgb,var(--lotti-primary) 14%,transparent)!important}
body.lottis-modern-design .button-ghost{border-style:dashed!important}
body.lottis-modern-design :where(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="search"],input[type="password"],select,textarea){
  min-height:49px;border:0!important;border-bottom:2px solid color-mix(in srgb,var(--lotti-border) 58%,transparent)!important;
  border-radius:14px 14px 7px 7px!important;
  background:color-mix(in srgb,var(--lotti-surface) 76%,transparent)!important;
  box-shadow:none!important;
}
body.lottis-modern-design :where(input,select,textarea):focus{border-bottom-color:var(--lotti-primary)!important;box-shadow:0 9px 24px color-mix(in srgb,var(--lotti-heading) 5%,transparent)!important}

/* Blog / Content: Magazin statt Kartenraster. */
body.lottis-modern-design .post-grid{gap:28px 18px}
body.lottis-modern-design .post-card{
  overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.lottis-modern-design .post-card:hover{transform:none;box-shadow:none}
body.lottis-modern-design .post-thumb{overflow:hidden;border-radius:26px 26px 70px 26px;box-shadow:0 18px 46px color-mix(in srgb,var(--lotti-heading) 7%,transparent)}
body.lottis-modern-design .post-thumb img{transition:transform .5s cubic-bezier(.2,.75,.2,1)}
body.lottis-modern-design .post-card:hover .post-thumb img{transform:scale(1.045)}
body.lottis-modern-design .post-card-body{padding:18px 4px 0}
body.lottis-modern-design .post-card h2{font-size:clamp(1.4rem,2vw,1.8rem)}
body.lottis-modern-design .post-meta{font-size:.68rem;letter-spacing:.12em}
body.lottis-modern-design .single-thumb{border-radius:38px 38px 130px 38px}

/* Galerie: organische Ecken ohne Funktionsänderung. */
body.lottis-modern-design .lottis-gallery__item{border-radius:28px!important;box-shadow:0 14px 36px color-mix(in srgb,var(--lotti-heading) 6%,transparent)}
body.lottis-modern-design .lottis-gallery__item:nth-child(4n+2){border-radius:64px 28px 28px 28px!important}
body.lottis-modern-design .lottis-gallery__item:nth-child(4n+3){border-radius:28px 28px 72px 28px!important}
body.lottis-modern-design .lottis-gallery__image{border-radius:inherit!important}

/* Shop-Archive: Katalog wie ein moderner Concept Store. */
body.lottis-modern-design .lottis-shop-archive .woocommerce-products-header{
  position:relative;overflow:hidden;
  padding:clamp(42px,6vw,78px);
  border:0;border-radius:52px 52px 150px 52px;
  background:linear-gradient(125deg,color-mix(in srgb,var(--lotti-surface) 93%,transparent),color-mix(in srgb,var(--lotti-soft) 35%,var(--lotti-surface)));
  box-shadow:0 24px 70px color-mix(in srgb,var(--lotti-heading) 7%,transparent)
}
body.lottis-modern-design .lottis-shop-archive .woocommerce-products-header::after{
  content:"✿";position:absolute;right:5%;top:50%;transform:translateY(-50%) rotate(13deg);
  font-size:clamp(5rem,12vw,11rem);line-height:1;color:color-mix(in srgb,var(--lotti-primary) 9%,transparent);pointer-events:none
}
body.lottis-modern-design .lottis-shop-archive .woocommerce-products-header__title.page-title{position:relative;z-index:1;font-size:clamp(2.8rem,6vw,5.6rem)}
body.lottis-modern-design .lottis-product-breadcrumb,
body.lottis-modern-design .woocommerce-breadcrumb{border:0!important;background:transparent!important;box-shadow:none!important}
body.lottis-modern-design .lottis-category-switcher{
  padding:8px 10px!important;border:0!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--lotti-surface) 72%,transparent)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 10px 30px color-mix(in srgb,var(--lotti-heading) 5%,transparent)!important
}
body.lottis-modern-design .lottis-category-jump-link,
body.lottis-modern-design .lottis-category-back-link,
body.lottis-modern-design .lottis-category-shop-link{border-radius:999px!important}
body.lottis-modern-design .lottis-shop-toolbar,
body.lottis-modern-design .lottis-shop-discovery{border:0!important;border-radius:22px!important;background:color-mix(in srgb,var(--lotti-surface) 68%,transparent)!important;box-shadow:none!important}
body.lottis-modern-design .woocommerce ul.products{gap:clamp(18px,2.1vw,28px)!important}
body.lottis-modern-design .woocommerce ul.products li.product{
  overflow:visible!important;
  padding:0 0 15px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.lottis-modern-design .woocommerce ul.products li.product:hover{transform:none!important;box-shadow:none!important}
body.lottis-modern-design .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block}
body.lottis-modern-design .woocommerce ul.products li.product a img{
  margin:0 0 14px!important;
  border:0!important;border-radius:28px 28px 76px 28px!important;
  background:var(--lotti-neo-soft)!important;
  box-shadow:0 18px 48px color-mix(in srgb,var(--lotti-heading) 7%,transparent)!important;
  transition:transform .4s cubic-bezier(.2,.75,.2,1),border-radius .4s ease!important
}
body.lottis-modern-design .woocommerce ul.products li.product:hover a img{transform:translateY(-5px) scale(1.018)!important;border-radius:40px 28px 54px 28px!important}
body.lottis-modern-design .woocommerce ul.products li.product .woocommerce-loop-product__title{margin:0 5px 4px!important;font-size:clamp(1rem,1.4vw,1.18rem)!important;line-height:1.12!important}
body.lottis-modern-design .woocommerce ul.products li.product .price{margin:0 5px 10px!important;font-size:.94rem!important;font-weight:850!important}
body.lottis-modern-design .woocommerce ul.products li.product .button{width:auto!important;min-width:0!important;margin:0 5px!important;min-height:39px!important;padding:0 14px!important;font-size:.78rem!important}
body.lottis-modern-design .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{
  left:12px;right:12px;bottom:12px!important;
  min-height:38px!important;padding:0 13px!important;
  border:0!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--lotti-surface) 82%,transparent)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 8px 24px color-mix(in srgb,var(--lotti-heading) 8%,transparent)!important
}

/* Einzelprodukt: Galerie als Bühne, Kaufbereich als schwebendes Bedienfeld. */
body.lottis-modern-design.lottis-product-page.woocommerce div.product{gap:clamp(28px,5vw,76px)!important;align-items:start}
body.lottis-modern-design.lottis-product-page.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
  position:relative;
  padding:10px!important;border:0!important;
  border-radius:44px 44px 130px 44px!important;
  background:linear-gradient(145deg,var(--lotti-neo-soft),color-mix(in srgb,var(--lotti-surface) 86%,transparent))!important;
  box-shadow:0 30px 80px color-mix(in srgb,var(--lotti-heading) 9%,transparent)!important
}
body.lottis-modern-design.lottis-product-page.woocommerce div.product div.images img{border-radius:34px 34px 112px 34px!important}
body.lottis-modern-design.lottis-product-page.woocommerce div.product div.summary{
  position:relative;
  padding:clamp(28px,4vw,48px)!important;
  border:0!important;border-radius:38px 38px 90px 38px!important;
  background:color-mix(in srgb,var(--lotti-surface) 88%,transparent)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 22px 64px color-mix(in srgb,var(--lotti-heading) 7%,transparent)!important
}
body.lottis-modern-design.lottis-product-page.woocommerce div.product div.summary::before{
  content:"";position:absolute;left:32px;top:22px;width:42px;height:6px;border-radius:999px;background:var(--lotti-primary);opacity:.65
}
body.lottis-modern-design.lottis-product-page.woocommerce div.product .product_title{margin-top:18px!important;font-size:clamp(2.35rem,4.6vw,4.65rem)!important;line-height:.94!important;max-width:12ch!important}
body.lottis-modern-design.lottis-product-page.woocommerce div.product p.price{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--lotti-primary) 8%,transparent);font-size:1.15rem!important}
body.lottis-modern-design.lottis-product-page.woocommerce div.product form.cart{margin-top:22px!important;padding-top:22px!important;border-top:1px dashed color-mix(in srgb,var(--lotti-border) 65%,transparent)!important}
body.lottis-modern-design.lottis-product-page.woocommerce div.product .single_add_to_cart_button{min-height:52px!important}
body.lottis-modern-design .lottis-product-description{
  border:0!important;border-radius:38px 38px 110px 38px!important;
  background:color-mix(in srgb,var(--lotti-surface) 90%,transparent)!important;
  box-shadow:0 22px 64px color-mix(in srgb,var(--lotti-heading) 6%,transparent)!important
}
body.lottis-modern-design .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img{border-radius:999px!important;padding:2px}

/* Warenkorb / Kasse / Konto: modulare Dashboard-Flächen. */
body.lottis-modern-design :where(.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-checkout .col2-set,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation){
  border:0!important;border-radius:30px!important;
  background:color-mix(in srgb,var(--lotti-surface) 88%,transparent)!important;
  box-shadow:0 20px 60px color-mix(in srgb,var(--lotti-heading) 6%,transparent)!important
}
body.lottis-modern-design .lottis-cart-page .woocommerce-cart-form{border-radius:34px 34px 100px 34px!important}
body.lottis-modern-design .lottis-cart-page .cart_totals{border-radius:30px 30px 74px 30px!important}
body.lottis-modern-design .lottis-checkout-page form.checkout{gap:20px!important}
body.lottis-modern-design .lottis-checkout-page form.checkout>.col2-set{
  border:0!important;border-radius:34px 34px 100px 34px!important;
  background:color-mix(in srgb,var(--lotti-surface) 90%,transparent)!important;
  box-shadow:0 22px 64px color-mix(in srgb,var(--lotti-heading) 6%,transparent)!important
}
body.lottis-modern-design .lottis-checkout-page form.checkout>#order_review{
  border:0!important;border-radius:34px 34px 80px 34px!important;
  background:color-mix(in srgb,var(--lotti-soft) 21%,var(--lotti-surface))!important;
  box-shadow:0 22px 64px color-mix(in srgb,var(--lotti-heading) 7%,transparent)!important
}
body.lottis-modern-design .lottis-checkout-page #payment{border-radius:24px!important;background:color-mix(in srgb,var(--lotti-surface) 68%,transparent)!important}
body.lottis-modern-design .lottis-checkout-page #place_order{width:100%!important;min-height:54px!important;font-size:.95rem!important}
body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation{border-radius:999px!important;padding:8px!important;box-shadow:0 12px 36px color-mix(in srgb,var(--lotti-heading) 5%,transparent)!important}
body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap}
body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation a{border-radius:999px!important}

/* Kontakt / Infokarten: leichte Layer statt Standardboxen. */
body.lottis-modern-design .lottis-contact-card,
body.lottis-modern-design .maintenance-info-grid>div{
  position:relative;overflow:hidden;border:0;border-radius:30px 30px 74px 30px;
  background:color-mix(in srgb,var(--lotti-surface) 88%,transparent);
  box-shadow:0 20px 58px color-mix(in srgb,var(--lotti-heading) 6%,transparent)
}
body.lottis-modern-design .lottis-contact-card::after{
  content:"";position:absolute;width:74px;height:74px;right:-27px;bottom:-29px;border-radius:50%;border:1px solid color-mix(in srgb,var(--lotti-primary) 18%,transparent)
}

/* Footer: dunkle, bühnenartige Abschlussfläche mit organischer Oberkante. */
body.lottis-modern-design .site-footer{
  margin-top:clamp(64px,9vw,130px);
  padding:82px 0 34px;
  border-radius:90px 90px 0 0;
  background:
    radial-gradient(circle at 84% 18%,color-mix(in srgb,var(--lotti-accent) 10%,transparent),transparent 20rem),
    linear-gradient(135deg,color-mix(in srgb,var(--lotti-footer-bg) 94%,var(--lotti-primary)),var(--lotti-footer-bg));
}
body.lottis-modern-design .site-footer::before{
  width:520px;height:520px;right:-170px;top:-280px;
  border:1px solid color-mix(in srgb,var(--lotti-accent) 12%,transparent);
  background:transparent;
  box-shadow:0 0 0 46px color-mix(in srgb,var(--lotti-accent) 2.5%,transparent),0 0 0 92px color-mix(in srgb,var(--lotti-primary) 2.5%,transparent)
}
body.lottis-modern-design .footer-grid{position:relative;z-index:1}
body.lottis-modern-design .footer-brand{font-size:clamp(1.45rem,2.5vw,2.1rem)}
body.lottis-modern-design .footer-social-links a{border-radius:50% 50% 50% 12px}

/* Responsive Feinabstimmung für den Editorial-Look. */
@media(max-width:1024px){
  body.lottis-modern-design .site-header>.header-inner{width:min(calc(100% - 24px),1240px);padding-left:14px;border-radius:19px}
  body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero,.lottis-empty-state){border-radius:42px 42px 100px 42px}
  body.lottis-modern-design :where(.lottis-editor-hero,.hero-section){min-height:auto}
  body.lottis-modern-design .main-navigation{border-radius:24px 24px 0 0!important}
}
@media(max-width:768px){
  body.lottis-modern-design{background-size:18px 18px,72px 72px,72px 72px}
  body.lottis-modern-design h1{font-size:clamp(2.65rem,13vw,4.8rem)}
  body.lottis-modern-design .site-header{padding-top:7px}
  body.lottis-modern-design .site-header>.header-inner{width:calc(100% - 16px);min-height:62px;padding:6px 8px 6px 12px;border-radius:17px}
  body.lottis-modern-design .header-opening-status{max-width:calc(100% - 16px);margin-top:5px}
  body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero,.lottis-empty-state){border-radius:32px 32px 72px 32px}
  body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero)::before{width:120px;height:120px;right:-28px;top:25%;opacity:.65}
  body.lottis-modern-design .lottis-editor-hero{padding-block:78px 90px}
  body.lottis-modern-design :where(.lottis-editor-hero,.hero-section)::before{width:62vw;right:-27%;top:19%;opacity:.58}
  body.lottis-modern-design :where(.feature-cards article,.lottis-editor-feature-card,.lottis-service-card,.lottis-team-card):hover{transform:translateY(-3px)}
  body.lottis-modern-design .lottis-block-content .wp-block-media-text{border-radius:32px 32px 76px 32px}
  body.lottis-modern-design .woocommerce ul.products li.product a img{border-radius:22px 22px 52px 22px!important}
  body.lottis-modern-design.lottis-product-page.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{border-radius:30px 30px 82px 30px!important}
  body.lottis-modern-design.lottis-product-page.woocommerce div.product div.images img{border-radius:23px 23px 68px 23px!important}
  body.lottis-modern-design.lottis-product-page.woocommerce div.product div.summary{border-radius:28px 28px 68px 28px!important}
  body.lottis-modern-design .lottis-product-description{border-radius:28px 28px 72px 28px!important}
  body.lottis-modern-design .lottis-category-switcher{border-radius:18px!important}
  body.lottis-modern-design .woocommerce-account .woocommerce-MyAccount-navigation{border-radius:24px!important}
  body.lottis-modern-design .site-footer{border-radius:54px 54px 0 0;padding-top:62px}
}
@media(max-width:520px){
  body.lottis-modern-design .site-header>.header-inner{width:calc(100% - 12px)}
  body.lottis-modern-design .header-opening-status{max-width:calc(100% - 12px)}
  body.lottis-modern-design :where(.lottis-page-hero,.lottis-listing-hero,.lottis-article-hero,.lottis-empty-state){border-radius:25px 25px 54px 25px}
  body.lottis-modern-design .lottis-page-hero{padding:31px 23px 42px}
  body.lottis-modern-design .lottis-editor-hero{padding-block:64px 78px}
  body.lottis-modern-design .woocommerce ul.products li.product a img{border-radius:18px 18px 40px 18px!important}
  body.lottis-modern-design.lottis-product-page.woocommerce div.product div.summary{padding:22px!important;border-radius:23px 23px 54px 23px!important}
  body.lottis-modern-design.lottis-product-page.woocommerce div.product .product_title{font-size:clamp(2rem,11vw,3.25rem)!important}
  body.lottis-modern-design .lottis-checkout-page form.checkout>.col2-set,
  body.lottis-modern-design .lottis-checkout-page form.checkout>#order_review{border-radius:24px 24px 52px 24px!important}
  body.lottis-modern-design .site-footer{border-radius:38px 38px 0 0}
}

/* ==========================================================
   0.2.46 – Design 2: großzügiges WooCommerce-Kundenkonto
   Navigation oben, Inhalte über die volle verfügbare Breite.
   ========================================================== */
body.lottis-modern-design.lottis-account-page .lottis-block-content > *{
  width:min(1460px,calc(100% - 48px))!important;
  max-width:1460px!important;
}

body.lottis-modern-design.lottis-account-page .woocommerce-account .woocommerce,
body.lottis-modern-design.lottis-account-page .woocommerce{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}

body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation{
  position:static!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:7px!important;
  border:1px solid color-mix(in srgb,var(--lotti-border) 56%,transparent)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--lotti-surface) 82%,transparent)!important;
  box-shadow:0 10px 30px color-mix(in srgb,var(--lotti-heading) 4%,transparent)!important;
  overflow:hidden;
}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation ul{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation li{
  min-width:0!important;
  margin:0!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation a{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 13px!important;
  border:0!important;
  border-radius:14px!important;
  text-align:center;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation .is-active a{
  background:color-mix(in srgb,var(--lotti-primary) 12%,var(--lotti-surface))!important;
  color:var(--lotti-primary)!important;
  box-shadow:none!important;
}

body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content{
  float:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:420px;
  padding:clamp(28px,3.4vw,48px)!important;
  border:1px solid color-mix(in srgb,var(--lotti-border) 48%,transparent)!important;
  border-radius:34px 34px 76px 34px!important;
  background:color-mix(in srgb,var(--lotti-surface) 91%,transparent)!important;
  box-shadow:0 20px 58px color-mix(in srgb,var(--lotti-heading) 5%,transparent)!important;
  overflow:visible;
}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content > :first-child{margin-top:0!important}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content > :last-child{margin-bottom:0!important}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content > p{max-width:920px;line-height:1.7}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content h2,
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content h3{
  max-width:none!important;
  line-height:1.08;
}

/* Bestellungen / Downloads: keine künstlich gequetschten Tabellenspalten. */
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content table.shop_table{
  width:100%!important;
  table-layout:auto!important;
  margin:22px 0 0!important;
  border:1px solid color-mix(in srgb,var(--lotti-border) 48%,transparent)!important;
  border-radius:18px!important;
  overflow:hidden;
  background:color-mix(in srgb,var(--lotti-surface) 76%,transparent)!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content table.shop_table th,
body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content table.shop_table td{
  padding:15px 16px!important;
  vertical-align:middle!important;
  line-height:1.4;
}
body.lottis-modern-design.lottis-account-page .woocommerce-orders-table__cell-order-actions,
body.lottis-modern-design.lottis-account-page .woocommerce-downloads-table__cell-download-actions{
  min-width:150px;
  text-align:right;
}
body.lottis-modern-design.lottis-account-page .woocommerce-orders-table__cell-order-actions .button,
body.lottis-modern-design.lottis-account-page .woocommerce-downloads-table__cell-download-actions .button{
  margin:3px!important;
  white-space:nowrap;
}

/* Adressen: zwei wirklich nutzbare Karten statt schmaler Halbspalten. */
body.lottis-modern-design.lottis-account-page .woocommerce-Addresses{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(320px,1fr))!important;
  gap:22px!important;
  margin-top:22px;
}
body.lottis-modern-design.lottis-account-page .woocommerce-Address{
  min-width:0;
  padding:26px!important;
  border:1px solid color-mix(in srgb,var(--lotti-border) 50%,transparent)!important;
  border-radius:24px 24px 52px 24px!important;
  background:color-mix(in srgb,var(--lotti-soft) 14%,var(--lotti-surface))!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce-Address address{
  margin-top:14px;
  line-height:1.75;
}

/* Kontodetails / Adressformular: breite Felder sinnvoll in zwei Spalten nutzen. */
body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm,
body.lottis-modern-design.lottis-account-page .woocommerce-address-fields__field-wrapper{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 18px;
}
body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm > p,
body.lottis-modern-design.lottis-account-page .woocommerce-address-fields__field-wrapper > p{
  width:auto!important;
  float:none!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm > p.form-row-wide,
body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm > fieldset,
body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm > p:last-child,
body.lottis-modern-design.lottis-account-page .woocommerce-address-fields__field-wrapper > p.form-row-wide{
  grid-column:1 / -1;
}
body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm fieldset{
  margin:18px 0 8px!important;
  padding:22px!important;
  border:1px solid color-mix(in srgb,var(--lotti-border) 48%,transparent)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--lotti-soft) 12%,transparent)!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm fieldset legend{
  padding:0 8px;
  color:var(--lotti-heading);
  font-family:var(--lotti-font-heading);
  font-size:1.12rem;
  font-weight:800;
}

/* Einzelbestellung: Details und Kundenadresse mit genügend horizontalem Raum. */
body.lottis-modern-design.lottis-account-page .woocommerce-order-details,
body.lottis-modern-design.lottis-account-page .woocommerce-customer-details{
  margin-top:24px!important;
  padding:clamp(22px,2.5vw,32px)!important;
  border:1px solid color-mix(in srgb,var(--lotti-border) 48%,transparent)!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--lotti-surface) 76%,transparent)!important;
  box-shadow:none!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce-customer-details .woocommerce-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:20px;
}
body.lottis-modern-design.lottis-account-page .woocommerce-customer-details .woocommerce-column{
  float:none!important;
  width:auto!important;
  min-width:0;
}

/* Abgemeldeter Zustand: Login und Registrierung bleiben großzügig nebeneinander. */
body.lottis-modern-design.lottis-account-page .woocommerce > .u-columns{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px!important;
}
body.lottis-modern-design.lottis-account-page .woocommerce > .u-columns > .u-column1,
body.lottis-modern-design.lottis-account-page .woocommerce > .u-columns > .u-column2{
  float:none!important;
  width:auto!important;
  min-width:0;
  padding:clamp(24px,3vw,36px)!important;
  border:1px solid color-mix(in srgb,var(--lotti-border) 48%,transparent)!important;
  border-radius:28px!important;
  background:color-mix(in srgb,var(--lotti-surface) 90%,transparent)!important;
}

@media(max-width:980px){
  body.lottis-modern-design.lottis-account-page .lottis-block-content > *{width:min(100% - 30px,1460px)!important}
  body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation ul{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:thin;
  }
  body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation li{flex:0 0 auto!important}
  body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-navigation a{min-width:132px}
  body.lottis-modern-design.lottis-account-page .woocommerce-Addresses,
  body.lottis-modern-design.lottis-account-page .woocommerce-customer-details .woocommerce-columns,
  body.lottis-modern-design.lottis-account-page .woocommerce > .u-columns{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  body.lottis-modern-design.lottis-account-page .lottis-block-content > *{width:min(100% - 20px,1460px)!important}
  body.lottis-modern-design.lottis-account-page .woocommerce-MyAccount-content{padding:22px 18px!important;border-radius:24px 24px 48px 24px!important}
  body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm,
  body.lottis-modern-design.lottis-account-page .woocommerce-address-fields__field-wrapper{grid-template-columns:1fr!important}
  body.lottis-modern-design.lottis-account-page .woocommerce-EditAccountForm > *,
  body.lottis-modern-design.lottis-account-page .woocommerce-address-fields__field-wrapper > *{grid-column:1!important}
  body.lottis-modern-design.lottis-account-page .woocommerce-Address{padding:21px!important}
}

/* 0.2.54 – Design 2: Marketing-Bausteine im Editorial-Boutique-Look. */
body.lottis-modern-design .lottis-marketing-bar{width:min(calc(100% - 34px),1210px);margin:4px auto 0;border:0;border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--lotti-soft) 72%,var(--lotti-surface));box-shadow:0 9px 24px color-mix(in srgb,var(--lotti-heading) 7%,transparent)}
body.lottis-modern-design .lottis-seasonal-campaign{border:0;border-radius:38px 10px 38px 10px;background:color-mix(in srgb,var(--lotti-soft) 48%,var(--lotti-surface));box-shadow:none}
body.lottis-modern-design .lottis-seasonal-image{padding:12px}body.lottis-modern-design .lottis-seasonal-image img{border-radius:28px 8px 28px 8px}
body.lottis-modern-design .lottis-seasonal-copy h2{max-width:13ch;font-size:clamp(2.6rem,6vw,5.2rem);letter-spacing:-.045em}body.lottis-modern-design .lottis-seasonal-kicker{padding-bottom:8px;border-bottom:2px solid var(--lotti-accent)}
body.lottis-modern-design .lottis-marketing-section-head{text-align:left}body.lottis-modern-design .lottis-marketing-section-head h2{font-size:clamp(2.3rem,4vw,4.1rem);letter-spacing:-.04em}
body.lottis-modern-design .lottis-coupon-notice{border:0;border-left:4px solid var(--lotti-accent);border-radius:4px 18px 18px 4px;background:color-mix(in srgb,var(--lotti-soft) 54%,transparent)}
body.lottis-modern-design .lottis-newsletter{border:0;background:transparent}body.lottis-modern-design .lottis-newsletter-inner{padding:clamp(28px,5vw,56px);border-radius:38px 10px 38px 10px;background:var(--lotti-heading);color:var(--lotti-footer-text)}body.lottis-modern-design .lottis-newsletter h2{color:var(--lotti-footer-text);font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-.04em}body.lottis-modern-design .lottis-newsletter-copy>span{color:var(--lotti-soft)}body.lottis-modern-design .lottis-newsletter-form input{border-color:color-mix(in srgb,var(--lotti-footer-text) 26%,transparent);background:color-mix(in srgb,var(--lotti-footer-text) 9%,transparent);color:var(--lotti-footer-text)}body.lottis-modern-design .lottis-newsletter-form input::placeholder{color:color-mix(in srgb,var(--lotti-footer-text) 65%,transparent)}body.lottis-modern-design .lottis-newsletter-form small{color:var(--lotti-footer-text)}
@media(max-width:640px){body.lottis-modern-design .lottis-marketing-bar{width:calc(100% - 16px);border-radius:0 0 14px 14px}body.lottis-modern-design .lottis-seasonal-campaign,body.lottis-modern-design .lottis-newsletter-inner{border-radius:24px 8px 24px 8px}}