.elementor-1196 .elementor-element.elementor-element-fe393c3:not(.elementor-motion-effects-element-type-background), .elementor-1196 .elementor-element.elementor-element-fe393c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cirrus-group.de/wp-content/uploads/2025/04/CirrusGroup_2610-016-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1196 .elementor-element.elementor-element-fe393c3 > .elementor-background-overlay{background-color:#000000;opacity:0.43;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1196 .elementor-element.elementor-element-fe393c3 > .elementor-container{max-width:1230px;}.elementor-1196 .elementor-element.elementor-element-fe393c3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-125px;margin-bottom:0px;padding:185px 0px 120px 0px;}.elementor-1196 .elementor-element.elementor-element-99b6e89{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1196 .elementor-element.elementor-element-832f90a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1196 .elementor-element.elementor-element-b49ac15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1196 .elementor-element.elementor-element-ed33fb1{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1196 .elementor-element.elementor-element-51b1ba2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1196 .elementor-element.elementor-element-b64ad77{font-family:"Urbanist", Sans-serif;font-size:23px;font-weight:600;line-height:26px;letter-spacing:0.5px;}.elementor-1196 .elementor-element.elementor-element-cd1eace{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .archive-product-title{margin:0;padding:0;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) .product > a{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) .shopengine-product-description-btn-group{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products.shopengine-hover-disable .products .product{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center !important;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced.elementor-align-left a.woocommerce-LoopProduct-link{text-align:right;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced.elementor-align-right a.woocommerce-LoopProduct-link{text-align:left;}.elementor-1196 .elementor-element.elementor-element-2f92ced > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products.shopengine-hover-disable .products .product a.woocommerce-LoopProduct-link{width:100%;order:-99;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .shopengine-product-description-btn-group{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center !important;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) .archive-product-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:#5A5656;padding:11px 11px 11px 11px !important;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) .archive-product-container{border-width:0px 0px 0px 0px;padding:11px 11px 11px 11px !important;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products.shopengine-grid ul.products{grid-gap:18px !important;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .products .archive-product-container{margin-bottom:10px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product .attachment-woocommerce_thumbnail{padding:0px 0px 0px 0px;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product .attachment-woocommerce_thumbnail{padding:0px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) .product .woocommerce-loop-product__title{color:#101010;padding:10px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) .product a:hover .woocommerce-loop-product__title{color:var( --e-global-color-accent );}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;text-transform:capitalize;line-height:40px;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products:not(.shopengine-archive-products--view-list) .product .woocommerce-loop-product__title{padding:10px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product .price{color:#101010;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product .price .amount{font-size:18px;font-weight:700;line-height:1px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products--view-list .archive-product-container{border-radius:0px 0px 0px 0px;overflow:hidden;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products--view-list .archive-product-container{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products.shopengine-archive-products--view-list .shopengine-archive-products__left-image img{display:block;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products--view-list .archive-product-container:hover{border-radius:0px 0px 0px 0px;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products--view-list .archive-product-container:hover{border-radius:0px 0px 0px 0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product a.button:not(.shopengine-quickview-trigger){padding:15px 21px 10px 21px !important;margin:0px 0px 0px 0px !important;border-radius:0px 0px 0px 0px !important;text-align:left;color:#f1f1f1 !important;background:#505255  !important;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product a.button:not(.shopengine-quickview-trigger){padding:15px 21px 10px 21px !important;margin:0px 0px 0px 0px !important;border-radius:0px 0px 0px 0px !important;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product a.button:not(.shopengine-quickview-trigger):hover{color:#f1f1f1 !important;background:#101010 !important;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-widget .shopengine-archive-mode-grid .tooltiptext{bottom:0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .woocommerce-pagination > ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .woocommerce-pagination{padding-top:0px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .woocommerce-pagination > ul > li > .page-numbers{border-radius:0px;margin:10px 10px 0px 0px;padding:0px 0px 0px 0px;min-width:0;}.rtl .elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .woocommerce-pagination > ul > li > .page-numbers{margin:10px 0px 0px 10px;padding:0px 0px 0px 0px;min-width:0;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product-categories > li,
						.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product .woocommerce-loop-product__title,
						.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product .price .amount,
						.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product a.button:not(.shopengine-quickview-trigger),
						.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .onsale,
						.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .woocommerce-pagination,
						.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .product .shopengine-product-excerpt{font-family:Varela;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1196 .elementor-element.elementor-element-99b6e89{--content-width:1600px;}.elementor-1196 .elementor-element.elementor-element-832f90a{--width:50%;}.elementor-1196 .elementor-element.elementor-element-b49ac15{--width:50%;}.elementor-1196 .elementor-element.elementor-element-ed33fb1{--content-width:1600px;}.elementor-1196 .elementor-element.elementor-element-51b1ba2{--width:30%;}.elementor-1196 .elementor-element.elementor-element-cd1eace{--width:70%;}}@media(min-width:1025px){.elementor-1196 .elementor-element.elementor-element-fe393c3:not(.elementor-motion-effects-element-type-background), .elementor-1196 .elementor-element.elementor-element-fe393c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(min-width:1600px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1196 .elementor-element.elementor-element-b64ad77{font-size:25px;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products.shopengine-grid ul.products{grid-gap:18px !important;}.elementor-1196 .elementor-element.elementor-element-2f92ced .shopengine-archive-products .products .archive-product-container{margin-bottom:10px;}}/* Start custom CSS for shopengine-archive-products, class: .elementor-element-2f92ced *//* ===== ShopEngine Archive Products – clean cards (Seib-like) ===== */

/* Grid spacing */
.cg-archive :is(ul.products, .products){
  gap: 24px !important;
}

/* Card */
.cg-archive :is(li.product, .shopengine-product-card){
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:8px;
  overflow:hidden;
  transition:box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.cg-archive :is(li.product, .shopengine-product-card):hover{
  border-color:#e0e0e0;
  box-shadow:0 6px 16px rgba(0,0,0,.07);
  transform:translateY(-1px);
}

/* Image */
.cg-archive :is(li.product, .shopengine-product-card) a.woocommerce-LoopProduct-link img,
.cg-archive :is(li.product, .shopengine-product-card) img{
  display:block;
  width:100%;
  height:280px;                 /* 240–300px je nach Wunsch */
  object-fit:contain;           /* neutrale Freisteller wirken sauberer */
  background:#fff;
  padding:12px;
  margin:0;
  border-bottom:1px solid #eee;
}

/* Title */
.cg-archive :is(.woocommerce-loop-product__title, .shopengine-product-title){
  margin:12px 16px 6px;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:#111;
}

/* Price */
.cg-archive .price{
  margin:0 16px 4px;
  font-size:18px;
  font-weight:700;
  color:#111;
}

/* ===== Only keep a tiny tax suffix; hide all other meta under price ===== */

/* Default: hide everything that follows the price (Versand, Lieferzeit, Badges, etc.) */
.cg-archive .price ~ *{ display:none !important; }

/* Allow the tax suffix back in (Germanized/Woo uses one of these classes) */
.cg-archive :is(.woocommerce-price-suffix,
                .price .tax_label,
                .wc-gzd-additional-info,
                .gzd-product-price-note){
  display:block !important;
  margin:0 16px 12px !important;
  font-size:12px !important;
  line-height:1.3;
  color:#6b6b6b !important;
}

/* If Germanized prints the note INSIDE .price, make it smaller there too */
.cg-archive .price .woocommerce-price-suffix{
  display:inline !important;
  margin-left:6px !important;
  font-size:.75em !important;
  color:#6b6b6b !important;
}

/* ===== Remove all actions (buttons, heart, quickview, compare, repeat) ===== */
.cg-archive :is(li.product, .shopengine-product-card) 
  :is(.button, .add_to_cart_button, .added_to_cart,
      .single_add_to_cart_button, 
      .product_type_variable, .product_type_grouped,
      .shopengine-quickview, 
      .yith-wcwl-add-to-wishlist, .tinvwl_add_to_wishlist_button,
      .woosw-btn, .woosc-btn, .woosq-btn,
      .se-card__footer, .actions, .product-action){
  display:none !important;
}

/* Responsive tweaks */
@media (max-width: 992px){
  .cg-archive :is(li.product, .shopengine-product-card) img{ height:240px; }
}
@media (max-width: 600px){
  .cg-archive :is(ul.products, .products){ gap:18px !important; }
  .cg-archive :is(li.product, .shopengine-product-card) img{ height:200px; }
}
/* ===== Kill actions & icon buttons on archive product cards ===== */
.cg-archive :is(li.product, .shopengine-product-card)
  :is(
    /* ShopEngine */
    .shopengine-quickview, .shopengine-wishlist, .shopengine-compare,
    .se-product-card__actions, .se-card__footer, .product-action, .product-loop-action,

    /* Wishlist / Compare / QuickView (häufige Plugins) */
    .tinvwl_add_to_wishlist_button, .tinvwl-tooltip,               /* TI Wishlist */
    .yith-wcwl-add-to-wishlist, .yith-wcwl-wishlistaddedbrowse,
    .woosw-btn,                                                    /* Woo Smart Wishlist */
    .woosc-btn,                                                    /* Woo Smart Compare */
    .woosq-btn,                                                    /* Woo Quick View */
    .wpc-smart-quick-view-button,

    /* Fallback: generische Buttons/Icons in Karten-Footern */
    .button, .added_to_cart, .add_to_cart_button,
    .product_type_variable, .product_type_grouped,
    .card-actions, .loop-action, .actions, .action-buttons,
    [class*="wishlist"], [class*="compare"], [class*="quick"], [class*="eye"], [class*="repeat"]
  ){
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* Nur kleinen MwSt-Suffix lassen; restliche Zusatzinfos aus */
.cg-archive .wc-gzd-additional-info{ display:none !important; }   /* Germanized-Block komplett weg */
.cg-archive .price .woocommerce-price-suffix{
  display:inline !important;
  margin-left:6px !important;
  font-size:.75em !important;  /* klein wie bei der Referenz */
  color:#6b6b6b !important;
}
/* ===========================
   Unterkategorien als schöne Kacheln (nur Categories, nicht Products)
   =========================== */

/* Card-Container für Woo + ShopEngine Category-Widgets */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item){
  position: relative;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

/* Hover-Effekt */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item):hover{
  border-color: #e0e0e0;
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

/* Bild: volle Kachel, Cover (anders als bei Produkten!) */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) img{
  display: block;
  width: 100%;
  height: 260px;                 /* 240–320px nach Geschmack */
  object-fit: cover;             /* wichtig: Cover für Mood-Shots */
  margin: 0;
  padding: 0;
  border: 0;
}

/* Link nimmt die gesamte Karte */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  text-decoration:none !important;
}

/* Dunkler Verlauf für bessere Lesbarkeit */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.45) 0%, rgba(0,0,0,.15) 50%, rgba(0,0,0,0) 100%);
  pointer-events:none;
  transition: opacity .25s ease;
}
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item):hover a::after{
  opacity:.9;
}

/* Titel-Overlay unten links */
.cg-archive :is(li.product-category .woocommerce-loop-category__title,
                .shopengine-product-category .shopengine-category-title,
                .shopengine-archive-category .title,
                .shopengine-product-categories .item .title){
  position:absolute;
  left:16px;
  bottom:16px;
  margin:0;
  padding:0;
  color:#fff !important;
  font-weight:800;
  font-size:22px;          /* 18–24px nach Geschmack */
  line-height:1.2;
  letter-spacing:.2px;
  text-transform:uppercase; /* wie auf der Shop-Startseite */
  z-index:2;
}

/* Woo zeigt oft den Count im Title – kleiner & halbtransparent */
.cg-archive li.product-category .woocommerce-loop-category__title .count{
  display:inline-block;
  margin-left:8px;
  font-size:.65em;
  font-weight:600;
  color:rgba(255,255,255,.85);
  background:rgba(0,0,0,.2);
  padding:.1em .5em;
  border-radius:999px;
}

/* Optional: runder Pfeil-Button unten links (pseudo, kein HTML nötig) */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a::before{
  content:"›";
  position:absolute;
  left:16px;
  bottom:16px;
  transform: translateY(-110%);   /* sitzt knapp über dem Titel */
  width:34px; height:34px;
  display:grid; place-items:center;
  background:#fff;
  color:#111;
  border-radius:50%;
  font-size:20px;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.18);
  z-index:2;
}

/* Standard-Woo-Titel unter dem Bild verstecken (falls Theme das so rendert) */
.cg-archive li.product-category > a + h2.woocommerce-loop-category__title{
  position:absolute; /* wird ohnehin überlagert */
  left:16px; bottom:16px;
  margin:0;
  color:#fff !important;
}

/* Abstand zwischen Kategorie-Grid und nachfolgendem Produkt-Grid */
.cg-archive .cg-archive__cats + :is(ul.products, .products){
  margin-top:24px;
}

/* Responsive Tweaks */
@media (max-width: 992px){
  .cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) img{ height:220px; }
  .cg-archive :is(li.product-category .woocommerce-loop-category__title,
                  .shopengine-product-category .shopengine-category-title){ font-size:18px; }
}
@media (max-width: 600px){
  .cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) img{ height:200px; }
}
/* Doppelte Pfeile fixen – nur den eigenen behalten */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a .se-card__icon,
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a .icon,
.cg-archive :is(li.product-category, .shopengine-product-category) .category-icon {
  display: none !important; /* ShopEngine-eigener Pfeil weg */
}

/* Bild wirklich full-cover (kein Weißrand) */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) img {
  display: block;
  width: 100%;
  height: 100%;         /* Füllt die ganze Karte */
  object-fit: cover;    /* Kein Weißrand, immer zugeschnitten */
  margin: 0;
  padding: 0;
  border: 0;
}

/* ===========================
   Fix: Kategorien = gleiche Höhe wie Produkte (280px)
   =========================== */

/* Karten-Container bleibt gleich */

/* Bild füllt die Karte vollständig */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) img {
  display: block;
  width: 100%;
  height: 280px;       /* gleiche Höhe wie Produktbilder */
  object-fit: cover;   /* Bild wird zugeschnitten, kein Rand */
  margin: 0;
  padding: 0;
  border: 0;
}

/* ShopEngine-eigenen Pfeil entfernen (nur unseren behalten) */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a .se-card__icon,
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a .icon,
.cg-archive :is(li.product-category, .shopengine-product-category) .category-icon {
  display: none !important;
}

/* Unser Pfeil bleibt, sitzt konsistent über dem Titel */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) a::before {
  content:"›";
  position:absolute;
  left:16px;
  bottom:16px;
  transform: translateY(-110%);
  width:34px; height:34px;
  display:grid; place-items:center;
  background:#fff;
  color:#111;
  border-radius:50%;
  font-size:20px;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.18);
  z-index:2;
}

/* Responsive Anpassungen */
@media (max-width: 992px){
  .cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) img {
    height: 240px; /* wie Produkte */
  }
}
@media (max-width: 600px){
  .cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item) img {
    height: 200px; /* wie Produkte */
  }
}
/* === FIX: Unterkategorien – 1 Pfeil & vollflächiges Bild ================= */

/* 1) Nur EIN Pfeil: eigenen pseudo-Pfeil komplett abstellen */
.cg-archive :is(li.product-category, .shopengine-product-category,
                .shopengine-archive-category, .shopengine-product-categories .item) a::before{
  content: none !important;
  display: none !important;
}

/* (Alternative: Wenn du lieber deinen runden Pfeil behalten willst, 
   dann stattdessen diese Zeilen aktivieren und die 3 obigen auskommentieren)
.cg-archive :is(li.product-category, .shopengine-product-category,
                .shopengine-archive-category, .shopengine-product-categories .item) a .se-card__icon,
.cg-archive :is(li.product-category, .shopengine-product-category) .category-icon{
  display:none !important;
}
*/

/* 2) Karte auf feste Höhe bringen und Innenabstände neutralisieren */
.cg-archive :is(li.product-category, .shopengine-product-category,
                .shopengine-archive-category, .shopengine-product-categories .item){
  height: 280px;                 /* wie Produktbild */
  padding: 0 !important;
  position: relative;
}

/* Wrapper im Card-Body: keine extra Abstände oder Höhen */
.cg-archive :is(li.product-category, .shopengine-product-category,
                .shopengine-archive-category, .shopengine-product-categories .item)
  :is(a, .se-card__image, .image, figure){
  display:block;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  position:relative;
}

/* 3) Bild absolut & vollflächig (kein weißer Balken mehr) */
.cg-archive :is(li.product-category, .shopengine-product-category,
                .shopengine-archive-category, .shopengine-product-categories .item) img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;              /* füllt den gesamten Rahmen */
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Titeloverlay sicher oben halten */
.cg-archive :is(li.product-category .woocommerce-loop-category__title,
                .shopengine-product-category .shopengine-category-title,
                .shopengine-archive-category .title,
                .shopengine-product-categories .item .title){
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:2;
}
/* ===========================
   Unterkategorien – Pfeil & Titel wie Shop-Startseite
   =========================== */

/* Titel links unten, groß & fett */
.cg-archive :is(li.product-category .woocommerce-loop-category__title,
                .shopengine-product-category .shopengine-category-title,
                .shopengine-archive-category .title,
                .shopengine-product-categories .item .title){
  position:absolute;
  left:60px;                 /* Abstand für Pfeil einkalkulieren */
  bottom:20px;
  margin:0;
  padding:0;
  color:#fff !important;
  font-weight:800;
  font-size:22px;
  text-transform:uppercase;
  letter-spacing:0.5px;
  line-height:1.2;
  z-index:3;
}

/* Runder Pfeil links neben dem Titel */
.cg-archive :is(li.product-category, .shopengine-product-category,
                .shopengine-archive-category, .shopengine-product-categories .item) a::before{
  content:"›";
  position:absolute;
  left:16px;
  bottom:16px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#111;
  border-radius:50%;
  font-size:20px;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.18);
  z-index:3;
}

/* Overlay etwas stärker für bessere Lesbarkeit */
.cg-archive :is(li.product-category, .shopengine-product-category,
                .shopengine-archive-category, .shopengine-product-categories .item) a::after{
  background: linear-gradient(to top,
              rgba(0,0,0,.55) 0%,
              rgba(0,0,0,.25) 50%,
              rgba(0,0,0,0) 100%);
}

/* =========================================================
   CIRRUS – Woo + ShopEngine
   Archiv: Produkte & Unterkategorien
   Autor: cleaned & optimized
   Scope: nur innerhalb .cg-archive
   ========================================================= */

/* ---------- GRID / GAP ---------- */
.cg-archive :is(ul.products, .products){
  gap: 24px !important;
}

/* =========================================================
   PRODUKT-KARTEN
   ========================================================= */

/* Card */
.cg-archive :is(li.product, .shopengine-product-card){
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:8px;
  overflow:hidden;
  transition:box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.cg-archive :is(li.product, .shopengine-product-card):hover{
  border-color:#e0e0e0;
  box-shadow:0 6px 16px rgba(0,0,0,.07);
  transform:translateY(-1px);
}

/* Produktbild (Freisteller, nicht beschneiden) */
.cg-archive :is(li.product, .shopengine-product-card) a.woocommerce-LoopProduct-link img,
.cg-archive :is(li.product, .shopengine-product-card) img{
  display:block;
  width:100%;
  height:280px;
  object-fit:contain;
  background:#fff;
  padding:12px;
  margin:0;
  border-bottom:1px solid #eee;
}

/* Titel */
.cg-archive :is(.woocommerce-loop-product__title, .shopengine-product-title){
  margin:12px 16px 6px;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:#111;
}

/* Preis */
.cg-archive .price{
  margin:0 16px 4px;
  font-size:18px;
  font-weight:700;
  color:#111;
}

/* Nur MwSt.-Suffix klein zulassen; alles andere unter Preis ausblenden */
.cg-archive .price ~ *{ display:none !important; }
.cg-archive .price .woocommerce-price-suffix{
  display:inline !important;
  margin-left:6px !important;
  font-size:.75em !important;
  color:#6b6b6b !important;
}

/* Buttons/Actions vollständig entfernen (Herz, QuickView, etc.) */
.cg-archive :is(li.product, .shopengine-product-card)
  :is(.button, .add_to_cart_button, .added_to_cart, .single_add_to_cart_button,
      .product_type_variable, .product_type_grouped,
      .shopengine-quickview, .shopengine-wishlist, .shopengine-compare,
      .se-card__footer, .se-product-card__actions, .product-action, .product-loop-action,
      .tinvwl_add_to_wishlist_button, .tinvwl-tooltip,
      .yith-wcwl-add-to-wishlist, .yith-wcwl-wishlistaddedbrowse,
      .woosw-btn, .woosc-btn, .woosq-btn, .wpc-smart-quick-view-button,
      .card-actions, .loop-action, .actions, .action-buttons,
      [class*="wishlist"], [class*="compare"], [class*="quick"], [class*="eye"], [class*="repeat"]){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Responsive Produktbild-Höhe */
@media (max-width: 992px){
  .cg-archive :is(li.product, .shopengine-product-card) img{ height:240px; }
}
@media (max-width: 600px){
  .cg-archive :is(ul.products, .products){ gap:18px !important; }
  .cg-archive :is(li.product, .shopengine-product-card) img{ height:200px; }
}

/* =========================================================
   UNTERKATEGORIEN – Startseiten-Style
   (Bild cover, dunkles Overlay, Titel + runder Pfeil unten links)
   ========================================================= */

/* Karte als Bezugspunkt + feste Höhe wie Produkte */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item, .se-card){
  position:relative !important;
  height:280px !important;                  /* gleiche Höhe wie Produktbilder */
  overflow:hidden !important;
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:12px;
  transition:box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item, .se-card):hover{
  border-color:#e0e0e0;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
  transform:translateY(-2px);
}

/* Bild vollflächig (Cover) */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item, .se-card) img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* dunkles Bottom-Overlay */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item, .se-card) a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 50%, rgba(0,0,0,0) 100%) !important;
  pointer-events:none !important;
  z-index:2 !important;
}

/* eigenen pseudo-Pfeil sicher AUS (damit es nicht doppelt wird) */
.cg-archive li.product-category a::before{ content:none !important; display:none !important; }

/* ShopEngine-Icon (runder Pfeil) unten links */
.cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item, .se-card)
  :is(.se-card__icon, .category-icon, .icon){
  position:absolute !important;
  left:16px !important;
  bottom:16px !important;
  top:auto !important; right:auto !important;
  width:34px !important; height:34px !important;
  display:grid !important; place-items:center !important;
  background:#fff !important; border-radius:50% !important;
  box-shadow:0 3px 10px rgba(0,0,0,.18) !important;
  color:#111 !important; z-index:3 !important;
}
.cg-archive :is(.se-card__icon i, .se-card__icon svg){
  font-size:20px !important; line-height:1 !important;
  color:#111 !important; stroke:#111 !important;
}

/* Titel unten links (rechts neben Pfeil) */
.cg-archive :is(li.product-category .woocommerce-loop-category__title,
                .shopengine-product-category .shopengine-category-title,
                .shopengine-archive-category .title,
                .shopengine-product-categories .item .title){
  position:absolute !important;
  left:60px !important; bottom:20px !important;
  margin:0 !important; padding:0 !important;
  color:#fff !important; z-index:3 !important;
  font-weight:800 !important; font-size:22px !important;
  text-transform:uppercase !important; letter-spacing:.5px !important; line-height:1.2 !important;
}

/* Woo-Count im Titel dezent */
.cg-archive li.product-category .woocommerce-loop-category__title .count{
  display:inline-block; margin-left:8px;
  font-size:.65em; font-weight:600;
  color:rgba(255,255,255,.85); background:rgba(0,0,0,.2);
  padding:.1em .5em; border-radius:999px;
}

/* Responsive Kategorie-Höhen & Typografie */
@media (max-width: 992px){
  .cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item, .se-card){ height:240px !important; }
  .cg-archive :is(li.product-category .woocommerce-loop-category__title,
                  .shopengine-product-category .shopengine-category-title,
                  .shopengine-archive-category .title,
                  .shopengine-product-categories .item .title){ font-size:18px !important; }
}
@media (max-width: 600px){
  .cg-archive :is(li.product-category, .shopengine-product-category, .shopengine-archive-category, .shopengine-product-categories .item, .se-card){ height:200px !important; }
  .cg-archive :is(li.product-category .woocommerce-loop-category__title,
                  .shopengine-product-category .shopengine-category-title,
                  .shopengine-archive-category .title,
                  .shopengine-product-categories .item .title){ font-size:16px !important; }
}
/* =========================================
   Unterkategorien – EIN Pfeil + Titel unten links
   (alles eingebaute Icon-Geraffel aus, eigener Pfeil rein)
   ========================================= */

/* 0) Karte = Bezugspunkt + feste Höhe */
.cg-archive :is(li.product-category,
                .shopengine-product-category,
                .shopengine-archive-category,
                .shopengine-product-categories .item){
  position: relative !important;
  height: 280px !important;
  overflow: hidden !important;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
}

/* 1) Bild vollflächig */
.cg-archive :is(li.product-category,
                .shopengine-product-category,
                .shopengine-archive-category,
                .shopengine-product-categories .item) img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
}

/* 2) Dunkles Bottom-Overlay */
.cg-archive :is(li.product-category,
                .shopengine-product-category,
                .shopengine-archive-category,
                .shopengine-product-categories .item) a::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top,
              rgba(0,0,0,.55) 0%,
              rgba(0,0,0,.25) 50%,
              rgba(0,0,0,0) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* 3) ALLE eingebauten Icons/Arrows in den Karten aus */
.cg-archive :is(li.product-category,
                .shopengine-product-category,
                .shopengine-archive-category,
                .shopengine-product-categories .item)
  :is(.se-card__icon, .category-icon, .icon, .arrow, .btn-icon,
      [class*="icon"], [class*="arrow"], [class*="chev"], [class*="next"]){
  display: none !important;
  visibility: hidden !important;
}

/* 4) Unser eigener runder Pfeil (einzig sichtbar) */
.cg-archive :is(li.product-category,
                .shopengine-product-category,
                .shopengine-archive-category,
                .shopengine-product-categories .item) > a{
  position: relative !important; /* Anker ist Referenz für ::before */
  display: block !important;
  height: 100% !important;
}
.cg-archive :is(li.product-category,
                .shopengine-product-category,
                .shopengine-archive-category,
                .shopengine-product-categories .item) > a::before{
  content: "›" !important;
  position: absolute !important;
  left: 16px !important;
  bottom: 16px !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 50% !important;
  font-size: 20px !important;
  line-height: 1 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;
  z-index: 3 !important;
}

/* 5) Titel unten links (rechts neben Pfeil) */
.cg-archive :is(li.product-category .woocommerce-loop-category__title,
                .shopengine-product-category .shopengine-category-title,
                .shopengine-archive-category .title,
                .shopengine-product-categories .item .title){
  position: absolute !important;
  left: 60px !important;    /* Platz für Pfeil */
  bottom: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  line-height: 1.2 !important;
  z-index: 3 !important;
}

/* 6) Responsive Höhen/Schriftgrade */
@media (max-width: 992px){
  .cg-archive :is(li.product-category,
                  .shopengine-product-category,
                  .shopengine-archive-category,
                  .shopengine-product-categories .item){ height: 240px !important; }
  .cg-archive :is(li.product-category .woocommerce-loop-category__title,
                  .shopengine-product-category .shopengine-category-title,
                  .shopengine-archive-category .title,
                  .shopengine-product-categories .item .title){ font-size: 18px !important; }
}
@media (max-width: 600px){
  .cg-archive :is(li.product-category,
                  .shopengine-product-category,
                  .shopengine-archive-category,
                  .shopengine-product-categories .item){ height: 200px !important; }
  .cg-archive :is(li.product-category .woocommerce-loop-category__title,
                  .shopengine-product-category .shopengine-category-title,
                  .shopengine-archive-category .title,
                  .shopengine-product-categories .item .title){ font-size: 16px !important; }
}
/* Unterkategorien: Rest-Kreis (altes ShopEngine-Icon) komplett entfernen */
.cg-archive :is(li.product-category,
                .shopengine-product-category,
                .shopengine-archive-category,
                .shopengine-product-categories .item) a
  :is(.se-card__icon, .category-icon, .icon){
  display: none !important;
  visibility: hidden !important;
  background: none !important;
  box-shadow: none !important;
}

/* falls das Icon-Element eigene ::before/::after-Kreise hat */
.cg-archive :is(.se-card__icon, .category-icon, .icon)::before,
.cg-archive :is(.se-card__icon, .category-icon, .icon)::after{
  content: none !important;
  display: none !important;
}
/* Kill the leftover ShopEngine icon bubble (wrapper itself) */
.cg-archive
  :is(li.product-category,
      .shopengine-product-category,
      .shopengine-archive-category,
      .shopengine-product-categories .item,
      .se-card)
  :is(.se-card__icon, .category-icon, .se-card-icon, .se-icon, .icon){
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Falls ShopEngine das als Pseudo vom Icon-Wrapper rendert */
.cg-archive :is(.se-card__icon, .category-icon, .se-card-icon, .se-icon, .icon)::before,
.cg-archive :is(.se-card__icon, .category-icon, .se-card-icon, .se-icon, .icon)::after{
  content: none !important;
  display: none !important;
}

/* === Patch: Titel & Preis gleich einrücken ===================== */
/* Einheitliche Innenabstände für Karteninhalte */
.cg-archive :is(.shopengine-product-card, ul.products li.product){
  --card-gutter: 16px; /* hier ggf. 18/20 testen */
}

/* Titel: statt Margin links/rechts => Padding verwenden */
.cg-archive :is(.woocommerce-loop-product__title, .shopengine-product-title){
  margin: 0 0 6px !important;
  padding: 12px var(--card-gutter) 0 !important;  /* links/rechts identisch wie Preis */
  text-wrap: balance; /* hübscher Umbruch, falls vom Browser unterstützt */
}

/* Preis: gleiche Seitenränder wie Titel */
.cg-archive .price{
  margin: 0 0 8px !important;
  padding: 0 var(--card-gutter) !important;
}

/* Optional: Mini-Nudge, falls der Titel immer noch 1–2px „wandert“ */
.cg-archive :is(.woocommerce-loop-product__title, .shopengine-product-title){
  transform: translateX(1px); /* bei Bedarf 0–2px anpassen */
}

/* ==== HOTFIX: Ausrichtung & Abstände im Produkt-Archiv ================= */

/* Titel zurück auf Margins (kein Padding/Translate) */
.cg-archive :is(.woocommerce-loop-product__title, .shopengine-product-title){
  padding: 0 !important;
  margin: 12px 16px 6px !important;
  transform: none !important;
}

/* Preis links bündig wie Titel + definierte Zeilenhöhe */
.cg-archive .price{
  padding: 0 !important;
  margin: 0 16px 6px !important;   /* Abstand unter dem Preis */
  line-height: 1.25 !important;    /* verhindert „zusammengerutscht“ */
}

/* MwSt./Versand immer als separate Zeile mit konstantem Abstand */
.cg-archive :is(
  .price .woocommerce-price-suffix,
  .price .tax_label,
  .gzd-product-price-note,
  .wc-gzd-additional-info
){
  display: block !important;
  margin: 8px 16px 10px !important; /* top / x / bottom */
  font-size: .85em !important;
  line-height: 1.4 !important;
  color: #6b6b6b !important;
}

/* Falls Woo/Germanized innerhalb der .price <ins>/<del> nutzt */
.cg-archive .price ins,
.cg-archive .price del{
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
}


/* === Produkt-Kacheln: schwarzer Rand ================== */
.cg-archive :is(li.product, .shopengine-product-card){
  border: 1px solid #5A5656 !important;   /* schwarzer Rahmen */
}

/* Beim Hover gleiche Rahmenfarbe beibehalten */
.cg-archive :is(li.product, .shopengine-product-card):hover{
  border-color: #5A5656 !important;
}


/* Produkte: sanfter Zoom beim Hover */
.cg-archive :is(li.product, .shopengine-product-card){
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.cg-archive :is(li.product, .shopengine-product-card):hover{
  transform: scale(1.03); /* leicht vergrößert */
}


/* 3-Spalten-Grid nur für dieses Widget */
@media (min-width: 1024px) {

    .elementor-1196 .elementor-element.elementor-element-2f92ced ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 30px;
        row-gap: 30px;
    }

    .elementor-1196 .elementor-element.elementor-element-2f92ced ul.products li.product {
        width: auto !important;
        margin: 0 !important;
        float: none !important;
    }
}

/* =========================================
   FIX: Pagination im cg-archive vollständig anzeigen
   ========================================= */

/* Wrapper: nichts mehr abschneiden + zentrieren */
.cg-archive nav.woocommerce-pagination,
.cg-archive .woocommerce-pagination,
.cg-archive .shopengine-pagination,
.cg-archive .se-pagination {
  position: relative !important;
  overflow: visible !important;
  height: auto !important;
  margin: 40px auto 60px !important;   /* Abstand nach oben/unten */
  text-align: center !important;
}

/* UL & LI dürfen auch nichts abschneiden */
.cg-archive .woocommerce-pagination ul,
.cg-archive .woocommerce-pagination li {
  overflow: visible !important;
  height: auto !important;
}

/* Links/Spans (1, 2, ›) mit fester Mindestgröße und vernünftiger Zeilenhöhe */
.cg-archive .woocommerce-pagination li a,
.cg-archive .woocommerce-pagination li span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 4px 8px;
  line-height: 1.2 !important;      /* verhindert „abgeschnittene“ Zahlen */
}

/* Sicherheitshalber: der cg-archive-Wrapper selbst schneidet nichts ab */
.cg-archive,
.cg-archive .elementor-widget-container,
.cg-archive .shopengine-archive-products {
  overflow: visible !important;
  height: auto !important;
}


/* =========================================
   Pagination – lesbar & positioniert
   ========================================= */

/* Basis-Wrapper: zentriert (Desktop), nichts abschneiden */
.cg-archive nav.woocommerce-pagination,
.cg-archive .woocommerce-pagination,
.cg-archive .shopengine-pagination,
.cg-archive .se-pagination {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;   /* Desktop: mittig */
  margin: 40px auto 60px !important;
  padding: 0 16px !important;
  overflow: visible !important;
  height: auto !important;
}

/* UL: kleine „Pill“-Leiste */
.cg-archive .woocommerce-pagination ul {
  display: inline-flex !important;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 4px 6px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

/* Einzelelemente (Zahlen / Pfeile) */
.cg-archive .woocommerce-pagination li a,
.cg-archive .woocommerce-pagination li span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 14px;
  line-height: 1.2 !important;
  color: #333;
  text-decoration: none;
}

/* Aktive Seite hervorheben */
.cg-archive .woocommerce-pagination li span.current {
  background: #111;
  border-color: #111;
  color: #fff;
  font-weight: 700;
}

/* Hover-Effekt */
.cg-archive .woocommerce-pagination li a:hover {
  border-color: #111;
  color: #111;
}

/* -----------------------------------------
   Mobile: Pagination nach rechts schieben
   ----------------------------------------- */
@media (max-width: 768px) {
  .cg-archive nav.woocommerce-pagination,
  .cg-archive .woocommerce-pagination,
  .cg-archive .shopengine-pagination,
  .cg-archive .se-pagination {
    justify-content: flex-end !important;  /* nach rechts */
    padding-right: 20px !important;        /* weg vom Rand */
  }
}

/* =========================================
   Pagination – schlicht, ohne Kästen
   ========================================= */

/* Wrapper: Desktop zentriert, mobil nach rechts */
.cg-archive nav.woocommerce-pagination,
.cg-archive .woocommerce-pagination,
.cg-archive .shopengine-pagination,
.cg-archive .se-pagination {
  display: flex !important;
  justify-content: center !important;
  margin: 40px auto 50px !important;
  padding: 0 16px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* UL: keine „Pill“, nur Abstand zwischen Items */
.cg-archive .woocommerce-pagination ul {
  display: inline-flex !important;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Zahlen / Pfeile: reiner Text ohne Rahmen */
.cg-archive .woocommerce-pagination li a,
.cg-archive .woocommerce-pagination li span {
  border: none !important;
  background: transparent !important;
  min-width: auto !important;
  min-height: auto !important;
  padding: 0 2px !important;
  font-size: 14px;
  line-height: 1.3 !important;
  color: #111;
  text-decoration: none;
}

/* aktive Seite hervorheben: fett + Unterstreichung, aber kein Kasten */
.cg-archive .woocommerce-pagination li span.current {
  font-weight: 700;
  text-decoration: underline;
}

/* Hover: nur Unterstreichung */
.cg-archive .woocommerce-pagination li a:hover {
  text-decoration: underline;
}

/* Mobile: nach rechts schieben, etwas Abstand vom Rand */
@media (max-width: 768px) {
  .cg-archive nav.woocommerce-pagination,
  .cg-archive .woocommerce-pagination,
  .cg-archive .shopengine-pagination,
  .cg-archive .se-pagination {
    justify-content: flex-end !important;
    padding-right: 20px !important;
  }
}/* End custom CSS */