/* ======================================================================
   Dreycommerce WooCommerce Conversion UX
   Wird zuletzt geladen. Keine Trustboxen. Nur klare Kauf-Struktur.

   Blöcke:
   01 Palette-Variablen für alle Stylesheets
   02 Globale WooCommerce-Schrift
   03 Großer Shop-Banner / Kategorie-Banner
   04 Produktseite: klares 2-Spalten-Layout
   05 Produktgalerie groß und ruhig
   06 Produktinfos, Preis und Kurzbeschreibung
   07 Warenkorb-Zone als Hauptaktion
   08 Tabs / Beschreibung ohne Box-Chaos
   09 Produktkarten / Shop-Übersicht
   10 Warenkorb / Checkout Basics
   11 Mobile UX
   ====================================================================== */

/* ======================================================================
   01 Palette-Variablen für alle Stylesheets
   ====================================================================== */
body.drey-palette-degercy-shop,
body:not([class*="drey-palette-"]){
  --woo-ux-bg:#ffffff;
  --woo-ux-bg-soft:#f4fbf4;
  --woo-ux-card:#ffffff;
  --woo-ux-card-2:#fbfffb;
  --woo-ux-text:#111a13;
  --woo-ux-heading:#101610;
  --woo-ux-muted:#657066;
  --woo-ux-line:#dfe8dd;
  --woo-ux-accent:#70bf44;
  --woo-ux-accent-2:#4fa536;
  --woo-ux-accent-soft:rgba(112,191,68,.12);
  --woo-ux-button-text:#ffffff;
  --woo-ux-shadow:0 22px 70px rgba(17,26,19,.09);
  --woo-ux-shadow-hover:0 28px 80px rgba(17,26,19,.14);
  --woo-ux-radius:26px;
  --woo-ux-font:var(--dcex-font-family,var(--dg-shop-font,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif));
}

body.drey-palette-drey-dark{
  --woo-ux-bg:#070b10;
  --woo-ux-bg-soft:#0d1714;
  --woo-ux-card:#111923;
  --woo-ux-card-2:#131f1c;
  --woo-ux-text:#f4fff6;
  --woo-ux-heading:#ffffff;
  --woo-ux-muted:#a7b3ad;
  --woo-ux-line:rgba(255,255,255,.12);
  --woo-ux-accent:#a9ff9d;
  --woo-ux-accent-2:#61d36a;
  --woo-ux-accent-soft:rgba(169,255,157,.13);
  --woo-ux-button-text:#071009;
  --woo-ux-shadow:0 28px 90px rgba(0,0,0,.30);
  --woo-ux-shadow-hover:0 34px 110px rgba(0,0,0,.42);
  --woo-ux-radius:28px;
  --woo-ux-font:var(--dcex-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);
}

body.drey-palette-clean-light{
  --woo-ux-bg:#fffaf4;
  --woo-ux-bg-soft:#fff3e8;
  --woo-ux-card:#ffffff;
  --woo-ux-card-2:#fffdf9;
  --woo-ux-text:#16131a;
  --woo-ux-heading:#141018;
  --woo-ux-muted:#67606d;
  --woo-ux-line:#eadfd4;
  --woo-ux-accent:#ec7a34;
  --woo-ux-accent-2:#d9565d;
  --woo-ux-accent-soft:rgba(236,122,52,.13);
  --woo-ux-button-text:#fffdf9;
  --woo-ux-shadow:0 22px 70px rgba(60,38,20,.10);
  --woo-ux-shadow-hover:0 28px 80px rgba(60,38,20,.15);
  --woo-ux-radius:26px;
  --woo-ux-font:var(--dcex-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);
}

body.drey-palette-anime-neo{
  --woo-ux-bg:#10061f;
  --woo-ux-bg-soft:#1b0b31;
  --woo-ux-card:#1d1230;
  --woo-ux-card-2:#26163e;
  --woo-ux-text:#fff7ff;
  --woo-ux-heading:#ffffff;
  --woo-ux-muted:#cbb8dc;
  --woo-ux-line:rgba(255,255,255,.14);
  --woo-ux-accent:#ff5cb8;
  --woo-ux-accent-2:#8b5cff;
  --woo-ux-accent-soft:rgba(255,92,184,.16);
  --woo-ux-button-text:#ffffff;
  --woo-ux-shadow:0 28px 90px rgba(11,2,22,.42);
  --woo-ux-shadow-hover:0 34px 105px rgba(11,2,22,.55);
  --woo-ux-radius:28px;
  --woo-ux-font:var(--dcex-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);
}

body.drey-palette-premium-gold{
  --woo-ux-bg:#0f0d09;
  --woo-ux-bg-soft:#1a160d;
  --woo-ux-card:#18140d;
  --woo-ux-card-2:#211b10;
  --woo-ux-text:#fff8e6;
  --woo-ux-heading:#fff9e9;
  --woo-ux-muted:#d8c99c;
  --woo-ux-line:rgba(241,211,121,.22);
  --woo-ux-accent:#f1d379;
  --woo-ux-accent-2:#d7a84d;
  --woo-ux-accent-soft:rgba(241,211,121,.14);
  --woo-ux-button-text:#141007;
  --woo-ux-shadow:0 28px 90px rgba(0,0,0,.38);
  --woo-ux-shadow-hover:0 34px 105px rgba(0,0,0,.50);
  --woo-ux-radius:28px;
  --woo-ux-font:var(--dcex-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);
}

body.drey-palette-commerce-green{
  --woo-ux-bg:#f5fbf4;
  --woo-ux-bg-soft:#eaf8e9;
  --woo-ux-card:#ffffff;
  --woo-ux-card-2:#fbfffb;
  --woo-ux-text:#102016;
  --woo-ux-heading:#0f1b13;
  --woo-ux-muted:#617167;
  --woo-ux-line:#dbe8d9;
  --woo-ux-accent:#58b947;
  --woo-ux-accent-2:#1f8e4d;
  --woo-ux-accent-soft:rgba(88,185,71,.14);
  --woo-ux-button-text:#ffffff;
  --woo-ux-shadow:0 22px 70px rgba(16,32,22,.10);
  --woo-ux-shadow-hover:0 28px 80px rgba(16,32,22,.16);
  --woo-ux-radius:26px;
  --woo-ux-font:var(--dcex-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);
}

/* ======================================================================
   02 Globale WooCommerce-Schrift
   ====================================================================== */
body.woocommerce,
body.woocommerce-page,
body.single-product,
body.woocommerce *,
body.woocommerce-page *,
body.single-product .woocommerce *,
body.single-product div.product *,
body.single-product .product_title,
body.single-product .summary,
body.single-product .woocommerce-tabs{
  font-family:var(--woo-ux-font)!important;
}

body.woocommerce,
body.woocommerce-page{
  background:var(--woo-ux-bg)!important;
  color:var(--woo-ux-text)!important;
}

body.woocommerce .drey-shop-main,
body.woocommerce-page .drey-shop-main,
body.woocommerce main,
body.woocommerce-page main{
  background:var(--woo-ux-bg)!important;
  color:var(--woo-ux-text)!important;
}

body.woocommerce .drey-container,
body.woocommerce-page .drey-container{
  width:min(100% - 32px,1180px)!important;
  margin-inline:auto!important;
}

/* ======================================================================
   03 Großer Shop-Banner / Kategorie-Banner
   ====================================================================== */
body.woocommerce .drey-shop-hero,
body.woocommerce-page .drey-shop-hero,
body.woocommerce .woocommerce-products-header,
body.woocommerce-page .woocommerce-products-header{
  width:min(100% - 32px,1180px)!important;
  min-height:260px!important;
  margin:18px auto 34px!important;
  padding:clamp(34px,5vw,58px)!important;
  display:grid!important;
  align-items:end!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:calc(var(--woo-ux-radius) + 6px)!important;
  background:
    radial-gradient(circle at 18% 16%, var(--woo-ux-accent-soft), transparent 30%),
    linear-gradient(135deg,var(--woo-ux-card),var(--woo-ux-bg-soft))!important;
  box-shadow:var(--woo-ux-shadow)!important;
  color:var(--woo-ux-text)!important;
  overflow:hidden!important;
}

body.woocommerce .drey-shop-hero h1,
body.woocommerce-page .drey-shop-hero h1,
body.woocommerce .woocommerce-products-header h1,
body.woocommerce-page .woocommerce-products-header h1{
  max-width:760px!important;
  margin:0 0 12px!important;
  color:var(--woo-ux-heading)!important;
  font-size:clamp(42px,6vw,78px)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
  text-align:left!important;
}

body.woocommerce .drey-shop-hero p,
body.woocommerce-page .drey-shop-hero p,
body.woocommerce .woocommerce-products-header p,
body.woocommerce-page .woocommerce-products-header p{
  max-width:620px!important;
  margin:0!important;
  color:var(--woo-ux-muted)!important;
  font-size:16px!important;
  line-height:1.65!important;
  text-align:left!important;
}

body.woocommerce .drey-shop-hero__trust,
body.woocommerce-page .drey-shop-hero__trust{
  display:none!important;
}

/* ======================================================================
   04 Produktseite: klares 2-Spalten-Layout
   ====================================================================== */
body.single-product .drey-shop-main,
body.single-product.woocommerce .drey-shop-main,
body.single-product.woocommerce-page .drey-shop-main{
  padding-top:18px!important;
  padding-bottom:46px!important;
}

body.single-product .woocommerce-breadcrumb,
body.single-product.woocommerce .woocommerce-breadcrumb,
body.single-product.woocommerce-page .woocommerce-breadcrumb{
  width:min(100% - 32px,1180px)!important;
  margin:0 auto 16px!important;
  color:var(--woo-ux-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  line-height:1.45!important;
  text-align:left!important;
}

body.single-product div.product,
body.single-product.woocommerce div.product,
body.single-product.woocommerce-page div.product{
  width:min(100% - 32px,1180px)!important;
  margin:0 auto 26px!important;
  display:grid!important;
  grid-template-columns:minmax(430px,1.08fr) minmax(360px,.92fr)!important;
  gap:34px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--woo-ux-text)!important;
}

body.single-product div.product::before,
body.single-product div.product::after{
  display:none!important;
  content:none!important;
}

/* ======================================================================
   05 Produktgalerie groß und ruhig
   ====================================================================== */
body.single-product div.product div.images,
body.single-product.woocommerce div.product div.images,
body.single-product.woocommerce-page div.product div.images{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:var(--woo-ux-radius)!important;
  background:var(--woo-ux-card)!important;
  box-shadow:var(--woo-ux-shadow)!important;
  overflow:hidden!important;
}

body.single-product div.product div.images .woocommerce-product-gallery,
body.single-product.woocommerce div.product div.images .woocommerce-product-gallery,
body.single-product.woocommerce-page div.product div.images .woocommerce-product-gallery{
  width:100%!important;
  border-radius:calc(var(--woo-ux-radius) - 8px)!important;
  overflow:hidden!important;
  background:var(--woo-ux-bg-soft)!important;
}

body.single-product div.product div.images .woocommerce-product-gallery__image:first-child img,
body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child img,
body.single-product.woocommerce-page div.product div.images .woocommerce-product-gallery__image:first-child img,
body.single-product div.product div.images img.wp-post-image{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:calc(var(--woo-ux-radius) - 10px)!important;
  background:var(--woo-ux-bg-soft)!important;
  box-shadow:none!important;
}

body.single-product div.product div.images .flex-control-thumbs,
body.single-product.woocommerce div.product div.images .flex-control-thumbs,
body.single-product.woocommerce-page div.product div.images .flex-control-thumbs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0 0!important;
  padding:0!important;
}

body.single-product div.product div.images .flex-control-thumbs li,
body.single-product.woocommerce div.product div.images .flex-control-thumbs li,
body.single-product.woocommerce-page div.product div.images .flex-control-thumbs li{
  float:none!important;
  width:auto!important;
  margin:0!important;
  list-style:none!important;
}

body.single-product div.product div.images .flex-control-thumbs img,
body.single-product.woocommerce div.product div.images .flex-control-thumbs img,
body.single-product.woocommerce-page div.product div.images .flex-control-thumbs img{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:14px!important;
  opacity:.72!important;
  transition:opacity .16s ease,transform .16s ease,border-color .16s ease!important;
}

body.single-product div.product div.images .flex-control-thumbs img.flex-active,
body.single-product div.product div.images .flex-control-thumbs img:hover{
  opacity:1!important;
  transform:translateY(-2px)!important;
  border-color:var(--woo-ux-accent)!important;
}

/* ======================================================================
   06 Produktinfos, Preis und Kurzbeschreibung
   ====================================================================== */
body.single-product div.product div.summary,
body.single-product.woocommerce div.product div.summary,
body.single-product.woocommerce-page div.product div.summary{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(24px,3vw,34px)!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:var(--woo-ux-radius)!important;
  background:var(--woo-ux-card)!important;
  box-shadow:var(--woo-ux-shadow)!important;
  color:var(--woo-ux-text)!important;
  text-align:left!important;
  overflow:hidden!important;
}

body.single-product div.product .product_title,
body.single-product.woocommerce div.product .product_title,
body.single-product.woocommerce-page div.product .product_title,
body.single-product h1.product_title{
  max-width:none!important;
  margin:0 0 14px!important;
  color:var(--woo-ux-heading)!important;
  font-family:var(--woo-ux-font)!important;
  font-size:clamp(32px,4vw,52px)!important;
  font-weight:950!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  text-align:left!important;
}

body.single-product div.product p.price,
body.single-product div.product span.price,
body.single-product.woocommerce div.product p.price,
body.single-product.woocommerce div.product span.price,
body.single-product.woocommerce-page div.product p.price,
body.single-product.woocommerce-page div.product span.price{
  margin:10px 0 20px!important;
  color:var(--woo-ux-accent)!important;
  font-size:clamp(26px,2.7vw,38px)!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  text-align:left!important;
}

body.single-product div.product .woocommerce-product-details__short-description,
body.single-product.woocommerce div.product .woocommerce-product-details__short-description,
body.single-product.woocommerce-page div.product .woocommerce-product-details__short-description{
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--woo-ux-muted)!important;
  font-size:16px!important;
  line-height:1.65!important;
  text-align:left!important;
}

body.single-product div.product .woocommerce-product-details__short-description p{
  margin:0 0 12px!important;
  color:var(--woo-ux-muted)!important;
  font-size:16px!important;
  line-height:1.65!important;
}

body.single-product div.product .product_meta,
body.single-product.woocommerce div.product .product_meta,
body.single-product.woocommerce-page div.product .product_meta{
  display:none!important;
}

/* ======================================================================
   07 Warenkorb-Zone als Hauptaktion
   ====================================================================== */
body.single-product .drey-purchase-box,
body.single-product.woocommerce .drey-purchase-box,
body.single-product.woocommerce-page .drey-purchase-box{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.single-product div.product form.cart,
body.single-product.woocommerce div.product form.cart,
body.single-product.woocommerce-page div.product form.cart{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
  margin:0 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.single-product div.product form.cart .quantity,
body.single-product.woocommerce div.product form.cart .quantity,
body.single-product.woocommerce-page div.product form.cart .quantity{
  width:100%!important;
  margin:0!important;
}

body.single-product div.product form.cart .quantity .qty,
body.single-product.woocommerce div.product form.cart .quantity .qty,
body.single-product.woocommerce-page div.product form.cart .quantity .qty{
  width:100%!important;
  min-height:66px!important;
  margin:0!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:20px!important;
  background:var(--woo-ux-card-2)!important;
  color:var(--woo-ux-text)!important;
  font-size:16px!important;
  font-weight:950!important;
  text-align:center!important;
  box-shadow:none!important;
}

body.single-product div.product form.cart .single_add_to_cart_button,
body.single-product div.product form.cart .button,
body.single-product.woocommerce div.product form.cart .single_add_to_cart_button,
body.single-product.woocommerce-page div.product form.cart .single_add_to_cart_button,
body.single-product.woocommerce button.single_add_to_cart_button,
body.single-product.woocommerce-page button.single_add_to_cart_button{
  width:100%!important;
  min-height:66px!important;
  margin:0!important;
  padding:0 30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,var(--woo-ux-accent),var(--woo-ux-accent-2))!important;
  color:var(--woo-ux-button-text)!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 18px 42px color-mix(in srgb,var(--woo-ux-accent) 30%, transparent)!important;
  cursor:pointer!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}

body.single-product div.product form.cart .single_add_to_cart_button:hover,
body.single-product div.product form.cart .button:hover,
body.single-product.woocommerce button.single_add_to_cart_button:hover,
body.single-product.woocommerce-page button.single_add_to_cart_button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 24px 56px color-mix(in srgb,var(--woo-ux-accent) 38%, transparent)!important;
}

body.single-product div.product form.cart .single_add_to_cart_button::after{
  content:""!important;
  width:8px!important;
  height:8px!important;
  margin-left:10px!important;
  border-top:2px solid currentColor!important;
  border-right:2px solid currentColor!important;
  transform:rotate(45deg)!important;
}

/* Keine Trustboxen oder Hinweisboxen */
body.single-product .drey-product-value-badges,
body.single-product .drey-trust-list,
body.single-product .drey-trust-item,
body.single-product .drey-gallery-note,
body.single-product .drey-checkout-trust,
body.single-product [data-ai-tag="product-conversion-badges"],
body.single-product [data-ai-tag="product-trust-list"],
body.single-product [data-ai-tag="product-gallery"],
body.woocommerce .drey-checkout-trust,
body.woocommerce-page .drey-checkout-trust{
  display:none!important;
}

/* ======================================================================
   08 Tabs / Beschreibung ohne Box-Chaos
   ====================================================================== */
body.single-product div.product .woocommerce-tabs,
body.single-product.woocommerce div.product .woocommerce-tabs,
body.single-product.woocommerce-page div.product .woocommerce-tabs{
  grid-column:1 / -1!important;
  width:min(100%,1180px)!important;
  margin:24px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--woo-ux-text)!important;
  text-align:left!important;
}

body.single-product div.product .woocommerce-tabs ul.tabs,
body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs,
body.single-product.woocommerce-page div.product .woocommerce-tabs ul.tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.single-product div.product .woocommerce-tabs ul.tabs::before,
body.single-product div.product .woocommerce-tabs ul.tabs li::before,
body.single-product div.product .woocommerce-tabs ul.tabs li::after{
  display:none!important;
  content:none!important;
}

body.single-product div.product .woocommerce-tabs ul.tabs li,
body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li,
body.single-product.woocommerce-page div.product .woocommerce-tabs ul.tabs li{
  margin:0!important;
  padding:0!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:999px!important;
  background:var(--woo-ux-card)!important;
  box-shadow:0 8px 18px rgba(17,19,26,.05)!important;
  color:var(--woo-ux-text)!important;
}

body.single-product div.product .woocommerce-tabs ul.tabs li.active{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--woo-ux-accent),var(--woo-ux-accent-2))!important;
  color:var(--woo-ux-button-text)!important;
}

body.single-product div.product .woocommerce-tabs ul.tabs li a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 18px!important;
  color:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  text-decoration:none!important;
}

body.single-product div.product .woocommerce-tabs .panel,
body.single-product.woocommerce div.product .woocommerce-tabs .panel,
body.single-product.woocommerce-page div.product .woocommerce-tabs .panel{
  width:min(100%,820px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--woo-ux-muted)!important;
  text-align:left!important;
}

body.single-product div.product .woocommerce-tabs .panel h2{
  margin:0 0 10px!important;
  color:var(--woo-ux-heading)!important;
  font-size:clamp(22px,2.4vw,32px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  text-align:left!important;
}
body.single-product div.product .woocommerce-tabs .panel > h2:first-child{
  display:none!important;
}


body.single-product div.product .woocommerce-tabs .panel p,
body.single-product div.product .woocommerce-tabs .panel li{
  color:var(--woo-ux-muted)!important;
  font-size:15.5px!important;
  line-height:1.75!important;
  letter-spacing:.002em!important;
  text-align:left!important;
}

/* ======================================================================
   09 Produktkarten / Shop-Übersicht
   ====================================================================== */
body.woocommerce ul.products,
body.woocommerce-page ul.products{
  display:grid!important;
  grid-template-columns:repeat(var(--dcex-product-cols,4),minmax(0,1fr))!important;
  gap:clamp(18px,2.2vw,26px)!important;
  margin:28px 0 46px!important;
  padding:0!important;
}

body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after{
  display:none!important;
  content:none!important;
}

body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.woocommerce ul.products li.product .drey-product-card-inner,
body.woocommerce-page ul.products li.product .drey-product-card-inner,
body.woocommerce ul.products li.product{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:22px!important;
  background:var(--woo-ux-card)!important;
  box-shadow:var(--woo-ux-shadow)!important;
  color:var(--woo-ux-text)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

body.woocommerce ul.products li.product:hover .drey-product-card-inner,
body.woocommerce-page ul.products li.product:hover .drey-product-card-inner,
body.woocommerce ul.products li.product:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb,var(--woo-ux-accent) 42%,var(--woo-ux-line))!important;
  box-shadow:var(--woo-ux-shadow-hover)!important;
}

body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  margin:0!important;
  border-radius:0!important;
  background:var(--woo-ux-bg-soft)!important;
  box-shadow:none!important;
}

body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  margin:0!important;
  padding:18px 18px 8px!important;
  color:var(--woo-ux-heading)!important;
  font-size:19px!important;
  font-weight:950!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
}

body.woocommerce ul.products li.product .drey-loop-excerpt,
body.woocommerce-page ul.products li.product .drey-loop-excerpt{
  margin:0!important;
  padding:0 18px 14px!important;
  color:var(--woo-ux-muted)!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-align:left!important;
}

body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price{
  margin-top:auto!important;
  padding:0 18px 18px!important;
  color:var(--woo-ux-accent)!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:left!important;
}

body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce-page a.button,
body.woocommerce-page button.button{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--woo-ux-accent),var(--woo-ux-accent-2))!important;
  color:var(--woo-ux-button-text)!important;
  font-weight:950!important;
  text-decoration:none!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}

body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button{
  align-self:flex-start!important;
  margin:0 18px 18px!important;
  padding:12px 16px!important;
}

body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
  color:var(--woo-ux-button-text)!important;
}

body.woocommerce .drey-loop-badge,
body.woocommerce-page .drey-loop-badge{
  position:absolute!important;
  z-index:3!important;
  top:12px!important;
  left:12px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--woo-ux-accent),var(--woo-ux-accent-2))!important;
  color:var(--woo-ux-button-text)!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--woo-ux-accent) 30%, transparent)!important;
}

/* ======================================================================
   10 Warenkorb / Checkout Basics
   ====================================================================== */
body.woocommerce table.shop_table,
body.woocommerce-page table.shop_table,
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #order_review{
  border:1px solid var(--woo-ux-line)!important;
  border-radius:var(--woo-ux-radius)!important;
  background:var(--woo-ux-card)!important;
  box-shadow:var(--woo-ux-shadow)!important;
  color:var(--woo-ux-text)!important;
  overflow:hidden!important;
}

body.woocommerce input.input-text,
body.woocommerce textarea,
body.woocommerce select,
body.woocommerce-page input.input-text,
body.woocommerce-page textarea,
body.woocommerce-page select{
  min-height:48px!important;
  border:1px solid var(--woo-ux-line)!important;
  border-radius:16px!important;
  background:var(--woo-ux-card-2)!important;
  color:var(--woo-ux-text)!important;
}

/* ======================================================================
   11 Mobile UX
   ====================================================================== */
@media(max-width:980px){
  body.single-product div.product,
  body.single-product.woocommerce div.product,
  body.single-product.woocommerce-page div.product{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  body.single-product div.product div.summary{
    position:static!important;
  }
  body.woocommerce ul.products,
  body.woocommerce-page ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(min-width:981px){
  body.single-product div.product div.summary{
    position:sticky!important;
    top:calc(var(--wp-admin--admin-bar--height,0px) + 24px)!important;
  }
}

@media(max-width:620px){
  body.woocommerce .drey-container,
  body.woocommerce-page .drey-container,
  body.single-product div.product,
  body.single-product .woocommerce-breadcrumb{
    width:min(100% - 22px,1180px)!important;
  }
  body.woocommerce .drey-shop-hero,
  body.woocommerce-page .drey-shop-hero,
  body.woocommerce .woocommerce-products-header,
  body.woocommerce-page .woocommerce-products-header{
    width:min(100% - 22px,1180px)!important;
    min-height:210px!important;
    padding:28px!important;
    margin-top:12px!important;
  }
  body.single-product div.product div.images,
  body.single-product div.product div.summary{
    padding:12px!important;
    border-radius:20px!important;
  }
  body.single-product div.product .product_title{
    font-size:clamp(30px,10vw,42px)!important;
  }
  body.single-product div.product form.cart{
    grid-template-columns:1fr!important;
  }
  body.single-product div.product form.cart .quantity .qty,
  body.single-product div.product form.cart .single_add_to_cart_button{
    min-height:60px!important;
  }
  body.woocommerce ul.products,
  body.woocommerce-page ul.products{
    grid-template-columns:1fr!important;
  }
}