/* Product cards use more of the phone width, across every storefront section. */
.mobile-products-controls[hidden],[data-product-pagination][hidden],.produkt-card[data-mobile-appended][hidden]{display:none!important}
.mobile-products-controls{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;min-width:0}
.mobile-products-controls>[role="status"]{font-size:13px;line-height:1.6;color:var(--text-light);text-align:center;overflow-wrap:anywhere}
.mobile-products-controls .btn{min-height:44px}.mobile-products-controls .btn[hidden]{display:none!important}
.mobile-products-sentinel{display:block;width:100%;height:1px;pointer-events:none}
@media(max-width:768px){
  html:not([data-theme="turquoise"]) .main-content{padding:16px 8px}
  html[data-theme="turquoise"] .site-wrapper{width:calc(100% - 8px)}
  html[data-theme] .produkte-grid,html[data-theme] .produkte-grid.cols3{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .produkt-card .produkt-content{padding:8px}
  html[data-theme] .produkt-card .produkt-image{padding:6px}
  html[data-theme="turquoise"] .produkt-card .produkt-image{margin:6px 6px 0}
  html[data-theme] .produkt-card .produkt-titel{font-size:13px;line-height:1.4;height:36px}
  html[data-theme] .produkt-card .produkt-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
  html[data-theme] .produkt-card .action-buttons{justify-content:flex-end}
  html[data-theme] .produkt-card .produkt-preis{font-size:16px;line-height:1.5}
}