/**
 * Lotti's Blumenlädchen – Frontend-/Shop-Finalisierung 0.2.61
 * Konsolidierte, spät geladene WooCommerce-Schicht für Design 1 und Design 2.
 */

body.lottis-frontend-finish-0261{
  --lottis-261-gap:clamp(14px,2vw,24px);
  --lottis-261-radius:18px;
  --lottis-261-line:color-mix(in srgb,var(--lotti-border) 62%,transparent);
  --lottis-261-soft:color-mix(in srgb,var(--lotti-soft) 22%,var(--lotti-surface));
}
body.lottis-frontend-finish-0261 .woocommerce-shell,
body.lottis-frontend-finish-0261 .lottis-block-content{min-width:0}
body.lottis-frontend-finish-0261 .woocommerce-shell{width:min(100%,1240px)}
body.lottis-frontend-finish-0261 :where(.woocommerce,.woocommerce-page){min-width:0}

/* Shop-Kopf, Breadcrumb und Kategorie-Wechsler: klein, ruhig und eindeutig. */
body.lottis-frontend-finish-0261 .lottis-product-breadcrumb{
  display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 9px!important;
  padding:0!important;overflow-x:auto;scrollbar-width:none;white-space:nowrap;
  font-size:.76rem!important;line-height:1.25;color:color-mix(in srgb,var(--lotti-text) 68%,transparent)
}
body.lottis-frontend-finish-0261 .lottis-product-breadcrumb::-webkit-scrollbar{display:none}
body.lottis-frontend-finish-0261 .lottis-product-breadcrumb a{text-decoration:none;font-weight:700}
body.lottis-frontend-finish-0261 .lottis-breadcrumb-separator{opacity:.42}
body.lottis-frontend-finish-0261 .lottis-category-switcher{
  max-width:100%;margin:0 0 14px!important;padding:6px 8px!important;
  border:1px solid var(--lottis-261-line)!important;border-radius:13px!important;
  box-shadow:none!important;overflow:hidden
}
body.lottis-frontend-finish-0261 .lottis-category-switcher :where(.lottis-category-jump-group,.lottis-category-jump-links){min-width:0}
body.lottis-frontend-finish-0261 .lottis-category-jump-group{gap:6px!important}
body.lottis-frontend-finish-0261 .lottis-category-jump-label{font-size:.66rem!important;letter-spacing:.06em;opacity:.68;white-space:nowrap}
body.lottis-frontend-finish-0261 .lottis-category-jump-links{
  display:flex!important;gap:5px!important;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px
}
body.lottis-frontend-finish-0261 :where(.lottis-category-jump-link,.lottis-category-back-link,.lottis-category-shop-link){
  flex:0 0 auto;min-height:32px!important;padding:5px 9px!important;border-radius:9px!important;
  font-size:.74rem!important;line-height:1.15!important;white-space:nowrap;text-decoration:none
}
body.lottis-frontend-finish-0261 .lottis-category-jump-link.is-current{
  border-color:color-mix(in srgb,var(--lotti-primary) 38%,var(--lottis-261-line))!important;
  background:color-mix(in srgb,var(--lotti-primary) 9%,var(--lotti-surface))!important;
  color:var(--lotti-primary)!important;font-weight:800
}
body.lottis-frontend-finish-0261.lottis-shop-archive .woocommerce-products-header{text-align:center}
body.lottis-frontend-finish-0261.lottis-shop-archive .woocommerce-products-header__title.page-title{
  width:100%;max-width:100%!important;margin-inline:auto!important;text-align:center!important;
  white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{
  display:flex!important;align-items:center!important;justify-content:center!important;
  max-width:calc(100% - 20px)!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;text-align:center!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title mark{display:none}

/* Suche, Ergebniszahl und Sortierung als flache Werkzeugleiste. */
body.lottis-frontend-finish-0261 :where(.lottis-shop-discovery,.lottis-shop-toolbar){
  min-width:0;border:1px solid var(--lottis-261-line)!important;border-radius:14px!important;
  background:color-mix(in srgb,var(--lotti-surface) 94%,transparent)!important;box-shadow:none!important
}
body.lottis-frontend-finish-0261 .lottis-shop-discovery{padding:10px!important;margin-bottom:10px!important}
body.lottis-frontend-finish-0261 .lottis-shop-toolbar{padding:8px 10px!important;margin-bottom:18px!important}
body.lottis-frontend-finish-0261 .lottis-shop-search form{min-width:0}
body.lottis-frontend-finish-0261 .lottis-shop-search input[type="search"]{min-width:0;width:100%;min-height:42px}
body.lottis-frontend-finish-0261 .woocommerce .woocommerce-ordering select{min-height:40px;max-width:100%}

/* Produktkarten: gleiche Bildbühne, zwei Titelzeilen, Preis/Button sauber ausgerichtet. */
body.lottis-frontend-finish-0261 .woocommerce ul.products{
  align-items:stretch!important;gap:var(--lottis-261-gap)!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261{
  min-width:0!important;height:100%;display:flex!important;flex-direction:column!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 > a.woocommerce-LoopProduct-link{
  min-width:0;display:flex!important;flex:1 1 auto;flex-direction:column!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 a img{
  width:100%!important;aspect-ratio:1 / 1!important;height:auto!important;object-fit:contain!important;object-position:center!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 .woocommerce-loop-product__title{
  display:-webkit-box!important;min-height:2.36em!important;max-height:2.36em!important;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;line-height:1.18!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 .price{
  margin-top:auto!important;min-height:1.5em;line-height:1.35!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 .button{
  align-self:stretch;display:inline-flex!important;align-items:center;justify-content:center;min-height:42px!important
}
body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 :where(.added_to_cart,.button){overflow-wrap:anywhere}

/* Einzelprodukt: nur Breiten/Lesbarkeit konsolidieren – die gewählte Bildgröße bleibt maßgeblich. */
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product{
  min-width:0!important;align-items:start!important
}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product :where(div.images,div.summary){min-width:0!important}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.images{
  align-self:start!important
}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.images .woocommerce-product-gallery__image{
  min-width:0!important;max-width:100%!important
}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.images img{
  max-width:100%!important;height:auto!important;object-fit:contain!important
}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.summary{overflow-wrap:anywhere}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product .product_title{overflow-wrap:normal;word-break:normal}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product form.cart :where(.variations,.variations tbody,.variations tr){max-width:100%}
body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product form.cart :where(select,input,button){max-width:100%}
body.lottis-frontend-finish-0261 .lottis-product-description__content{max-width:78ch}
body.lottis-frontend-finish-0261 .lottis-product-description__content :where(img,video,iframe,table){max-width:100%}
body.lottis-frontend-finish-0261 .lottis-product-description__content table{display:block;overflow-x:auto}

/* Warenkorb / Checkout / Konto: kein Element darf seine Spalte verbreitern. */
body.lottis-frontend-finish-0261 :where(.woocommerce-cart-form,.cart_totals,form.checkout,#customer_details,#order_review,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation){
  min-width:0!important;max-width:100%
}
body.lottis-frontend-finish-0261 :where(table.shop_table,.woocommerce-orders-table,.woocommerce-table--order-details){width:100%!important;max-width:100%!important}
body.lottis-frontend-finish-0261 :where(th,td,.product-name,.product-total,.woocommerce-MyAccount-content p){overflow-wrap:anywhere}
body.lottis-frontend-finish-0261.lottis-cart-page .cart_totals{margin-left:auto}
body.lottis-frontend-finish-0261.lottis-checkout-page form.checkout{align-items:start}
body.lottis-frontend-finish-0261.lottis-checkout-page #order_review table{table-layout:auto!important}
body.lottis-frontend-finish-0261.lottis-checkout-page #order_review :where(.product-name,.product-total){min-width:0}
body.lottis-frontend-finish-0261.lottis-checkout-page #payment ul.payment_methods{padding-left:0!important;padding-right:0!important}
body.lottis-frontend-finish-0261.lottis-checkout-page #payment .payment_box{max-width:100%;overflow-wrap:anywhere}

/* Mein Konto: Navigation gut erreichbar, Inhalt maximal breit und Tabellen belastbar. */
body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-navigation ul{
  margin:0;padding:0;list-style:none
}
body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-navigation a{
  display:flex;align-items:center;min-height:42px;text-decoration:none
}
body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-content{min-width:0}
body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-content :where(input,select,textarea,.select2-container){max-width:100%!important}
body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-content .button{white-space:normal}

/* Accessibility: sichtbarer Fokus und verlässliche Touch-Ziele im Kundenweg. */
body.lottis-frontend-finish-0261 :where(.woocommerce a,.woocommerce button,.woocommerce input,.woocommerce select,.woocommerce textarea,.lottis-category-switcher a):focus-visible{
  outline:3px solid var(--lotti-focus)!important;outline-offset:3px!important
}
body.lottis-frontend-finish-0261 :where(.woocommerce button,.woocommerce .button,.woocommerce input[type="submit"]){touch-action:manipulation}

/* Design 2: Boutique-Finish ohne neue Farben oder Funktionsänderungen. */
body.lottis-modern-design.lottis-frontend-finish-0261 .woocommerce-shell{width:min(calc(100% - 44px),1320px)}
body.lottis-modern-design.lottis-frontend-finish-0261 .lottis-category-switcher{
  border-color:color-mix(in srgb,var(--lotti-border) 34%,transparent)!important;
  background:color-mix(in srgb,var(--lotti-surface) 76%,transparent)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)
}
body.lottis-modern-design.lottis-frontend-finish-0261 .lottis-category-jump-link.is-current{
  background:var(--lotti-primary)!important;color:var(--lotti-button-text)!important;border-color:var(--lotti-primary)!important
}
body.lottis-modern-design.lottis-frontend-finish-0261 .lottis-shop-archive .woocommerce-products-header{
  padding:clamp(34px,5vw,66px)!important;border-radius:42px 42px 110px 42px!important
}
body.lottis-modern-design.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 a img{
  background:color-mix(in srgb,var(--lotti-soft) 24%,var(--lotti-surface))!important
}
body.lottis-modern-design.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 .button{
  width:calc(100% - 10px)!important;margin-inline:5px!important
}
body.lottis-modern-design.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.summary{
  border-radius:32px 32px 70px 32px!important
}
body.lottis-modern-design.lottis-frontend-finish-0261.lottis-checkout-page form.checkout > :where(.col2-set,#order_review),
body.lottis-modern-design.lottis-frontend-finish-0261.lottis-account-page :where(.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content){
  border:1px solid color-mix(in srgb,var(--lotti-border) 34%,transparent)!important
}

/* Tablet und Smartphone – 360–430 px gezielt absichern. */
@media(max-width:980px){
  body.lottis-frontend-finish-0261 .woocommerce-shell{width:min(calc(100% - 28px),1240px)}
  body.lottis-frontend-finish-0261 .lottis-category-switcher{padding:6px!important}
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.summary{position:static!important;top:auto!important}
  body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-navigation ul{
    display:flex!important;flex-wrap:nowrap!important;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin
  }
  body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-navigation li{flex:0 0 auto}
  body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-navigation a{padding-inline:12px;white-space:nowrap}
}
@media(max-width:640px){
  body.lottis-frontend-finish-0261 .woocommerce-shell{width:calc(100% - 20px)}
  body.lottis-frontend-finish-0261 .lottis-product-breadcrumb{font-size:.72rem!important}
  body.lottis-frontend-finish-0261 :where(.lottis-category-jump-link,.lottis-category-back-link,.lottis-category-shop-link){min-height:34px!important}
  body.lottis-frontend-finish-0261 .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 .woocommerce-loop-product__title{
    min-height:2.34em!important;max-height:2.34em!important;font-size:.94rem!important
  }
  body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 .button{min-height:40px!important;padding-inline:8px!important;font-size:.78rem!important}
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product{padding:10px!important;gap:14px!important}
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product div.summary{padding:17px!important}
  body.lottis-frontend-finish-0261.lottis-product-page .lottis-product-description{padding:18px 16px!important}
  body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-content{padding:18px 14px!important}
  body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-content :where(table.shop_table,table.woocommerce-orders-table,table.woocommerce-table--order-details){
    display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch
  }
}
@media(max-width:430px){
  body.lottis-frontend-finish-0261 .woocommerce-shell{width:calc(100% - 16px)}
  body.lottis-frontend-finish-0261 .lottis-shop-discovery{padding:8px!important}
  body.lottis-frontend-finish-0261 .lottis-shop-toolbar{padding:7px 8px!important}
  body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261{font-size:.94rem}
  body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 a img{aspect-ratio:1 / 1!important}
  body.lottis-frontend-finish-0261.lottis-account-page .woocommerce-MyAccount-content :where(th,td){padding:10px 9px!important}
}
@media(max-width:360px){
  body.lottis-frontend-finish-0261 .woocommerce ul.products{grid-template-columns:1fr!important}
  body.lottis-frontend-finish-0261 .woocommerce ul.products li.product.lottis-product-card-0261 .woocommerce-loop-product__title{min-height:0!important;max-height:none!important;-webkit-line-clamp:3}
}
@media(prefers-reduced-motion:reduce){
  body.lottis-frontend-finish-0261 .woocommerce ul.products li.product:hover{transform:none!important}
}
@media(forced-colors:active){
  body.lottis-frontend-finish-0261 :where(.lottis-category-switcher,.lottis-shop-discovery,.lottis-shop-toolbar,.woocommerce ul.products li.product){border:1px solid CanvasText!important}
}

/* 0.2.62 – Kategorienavigation: eine eindeutige, überlappungsfreie Endstruktur. */
body.lottis-frontend-finish-0261 .lottis-category-switcher{
  display:flex!important;flex-direction:column!important;gap:7px!important;
  width:100%;max-width:100%;min-width:0;overflow:visible!important;
  padding:8px 10px!important;border-radius:14px!important;
}
body.lottis-frontend-finish-0261 .lottis-category-switcher-head{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;min-width:0;
}
body.lottis-frontend-finish-0261 .lottis-category-switcher-groups{
  display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0;
}
body.lottis-frontend-finish-0261 .lottis-category-jump-group{
  display:grid!important;grid-template-columns:minmax(92px,132px) minmax(0,1fr)!important;
  align-items:center!important;gap:6px 10px!important;min-width:0;
}
body.lottis-frontend-finish-0261 .lottis-category-jump-label{
  min-width:0;padding:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.lottis-frontend-finish-0261 .lottis-category-jump-links{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;
  min-width:0;max-width:100%;overflow:visible!important;padding:0!important;
}
body.lottis-frontend-finish-0261 :where(.lottis-category-shop-link,.lottis-category-back-link,.lottis-category-jump-link){
  position:static!important;float:none!important;max-width:100%;box-sizing:border-box;
}
body.lottis-modern-design.lottis-frontend-finish-0261 .lottis-category-switcher{
  border-radius:16px!important;overflow:visible!important;
}

/* 0.2.62 – Galerie und Produktinformationen beginnen auf derselben Oberkante. */
@media(min-width:1025px){
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product{
    align-items:start!important;
  }
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product > div.images,
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product > div.summary{
    align-self:start!important;margin-top:0!important;
  }
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product > div.images .woocommerce-product-gallery__wrapper{
    margin-top:0!important;
  }
}

@media(max-width:768px){
  body.lottis-frontend-finish-0261 .lottis-category-jump-group{grid-template-columns:1fr!important;gap:4px!important}
  body.lottis-frontend-finish-0261 .lottis-category-jump-links{
    flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:1px 0 3px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
  }
  body.lottis-frontend-finish-0261 .lottis-category-jump-link{flex:0 0 auto!important}
}

/* 0.2.63 – Produktbild und rechter Informationsblock müssen immer gemeinsam oben starten. */
@media (min-width: 981px) {
  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
    align-items: start !important;
  }

  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product > .images {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin-top: 0 !important;
  }

  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product > .summary {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin-top: 0 !important;
    top: 24px !important;
  }

  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product > :where(.woocommerce-tabs, .related, .upsells) {
    grid-column: 1 / -1 !important;
  }

  body.lottis-frontend-finish-0261.lottis-product-page.woocommerce div.product > .onsale {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: start !important;
    z-index: 4 !important;
  }
}