/* ===== Shop / Produktkatalog V2 (Tokens aus ds.css) ===== */
.ds-shop{padding-top:var(--ds-s4)}
.ds-shophead{margin:var(--ds-s2) 0 var(--ds-s4)}
.ds-shophead h1{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;margin:0 0 var(--ds-s2);color:var(--ds-forest);letter-spacing:-.02em}
.ds-shophead__lead{margin:0 0 var(--ds-s2);color:var(--ds-mut);font-size:var(--ds-fs-md);max-width:720px;line-height:1.5}
.ds-shophead__meta{margin:0;color:var(--ds-mut);font-size:var(--ds-fs-sm)}
.ds-shophead__meta strong{color:var(--ds-forest)}
/* Kategorie-Tabs */
.ds-cattabs{display:flex;gap:var(--ds-s2);overflow-x:auto;padding:2px 0 var(--ds-s3);margin-bottom:var(--ds-s4);border-bottom:1px solid var(--ds-line);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ds-cattabs::-webkit-scrollbar{display:none}
.ds-cattabs a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:0 var(--ds-s4);border:1px solid var(--ds-line);border-radius:var(--ds-r-pill);background:#fff;color:var(--ds-ink);font-size:var(--ds-fs-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.ds-cattabs a:hover{background:var(--ds-mint);border-color:#BFE3CE}
.ds-cattabs a[aria-current=page]{background:var(--ds-brand);border-color:var(--ds-brand);color:#fff}
.ds-cattabs a:focus-visible{outline:2px solid var(--ds-brand);outline-offset:2px}
/* Layout + Sidebar (sticky mit eigener Scrollflaeche) */
.cp-shop-layout{gap:var(--ds-s6)}
.cp-shop-layout .cp-shop-sidebar{width:252px;position:sticky;top:140px;max-height:calc(100vh - 156px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--ds-line);border-radius:var(--ds-r-md);background:#fff;padding:0;scrollbar-width:thin}
.ds-sidebar__head,.ds-sidebar__foot{display:none}
.cp-shop-fgroup summary{padding:14px var(--ds-s4);font-size:var(--ds-fs-sm);font-weight:700;color:var(--ds-forest)}
.cp-shop-fgroup summary:focus-visible{outline:2px solid var(--ds-brand);outline-offset:-2px}
.cp-shop-fgroup .cp-shop-foptions{padding:0 var(--ds-s4) var(--ds-s3)}
.cp-shop-fgroup .cp-shop-fsearch{margin:0 var(--ds-s4) var(--ds-s2);width:calc(100% - 2*var(--ds-s4));box-sizing:border-box}
.cp-shop-foptions a{min-height:36px;align-items:center;border-radius:var(--ds-r-sm);font-size:var(--ds-fs-sm)}
.cp-shop-foptions a:hover{background:var(--ds-mint)}
.cp-shop-foptions a.active{background:var(--ds-forest);color:#fff}
.ds-pricef{display:flex;align-items:flex-end;gap:var(--ds-s2);margin:0 0 var(--ds-s2)}
.ds-pricef label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:600;color:var(--ds-mut)}
.ds-pricef input{width:100%;box-sizing:border-box;min-height:38px;padding:0 10px;border:1px solid #C9D6CF;border-radius:var(--ds-r-sm);font:inherit;font-size:var(--ds-fs-sm)}
.ds-pricef input:focus{outline:2px solid var(--ds-brand);outline-offset:0;border-color:var(--ds-brand)}
.ds-pricef span{padding-bottom:9px;color:var(--ds-mut)}
.ds-pricef button{min-height:38px;padding:0 var(--ds-s3);border:0;border-radius:var(--ds-r-sm);background:var(--ds-brand);color:#fff;font-weight:700;cursor:pointer}
/* Suche + Toolbar */
.ds-searchrow{display:flex;gap:var(--ds-s2);margin-bottom:var(--ds-s3);position:relative}
.ds-searchrow input[type=text]{flex:1;min-width:0;min-height:44px;padding:0 var(--ds-s4);border:1px solid var(--ds-line);border-radius:var(--ds-r-sm);font:inherit;font-size:var(--ds-fs-md);background:#fff}
.ds-searchrow input[type=text]:focus{outline:2px solid var(--ds-brand);outline-offset:0;border-color:var(--ds-brand)}
.ds-searchrow .pnp-btn{min-height:44px}
.ds-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-s3);margin-bottom:var(--ds-s4)}
.ds-toolbar__l,.ds-toolbar__r{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-s2)}
.ds-toolbar__count{font-size:var(--ds-fs-sm);color:var(--ds-mut);margin-right:var(--ds-s2)}
.ds-toolbar__count strong{color:var(--ds-forest);font-size:var(--ds-fs-md)}
.ds-filterbtn{display:none;align-items:center;gap:var(--ds-s2);min-height:40px;padding:0 var(--ds-s4);border:1px solid var(--ds-line);border-radius:var(--ds-r-sm);background:#fff;color:var(--ds-forest);font:inherit;font-weight:700;font-size:var(--ds-fs-sm);cursor:pointer}
.ds-filterbtn b{background:var(--ds-brand);color:#fff;border-radius:999px;font-size:12px;padding:0 7px;line-height:18px}
.ds-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 var(--ds-s3);border-radius:var(--ds-r-pill);background:var(--ds-mint);color:var(--ds-forest);font-size:13px;font-weight:600;text-decoration:none}
.ds-chip::after{content:"×";font-size:16px;line-height:1;opacity:.7}
.ds-chip:hover{background:#C9EDD9}
.ds-chip--reset{background:none;color:var(--ds-mut);text-decoration:underline}.ds-chip--reset::after{content:none}
.ds-sort{display:flex;align-items:center;gap:var(--ds-s2);font-size:var(--ds-fs-sm);color:var(--ds-mut)}
.ds-sort select{min-height:40px;padding:0 var(--ds-s3);border:1px solid var(--ds-line);border-radius:var(--ds-r-sm);background:#fff;font:inherit;font-weight:600;color:var(--ds-forest)}
.ds-viewtoggle{display:inline-flex;border:1px solid var(--ds-line);border-radius:var(--ds-r-sm);overflow:hidden}
.ds-viewtoggle button{width:40px;height:38px;border:0;background:#fff;color:var(--ds-mut);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ds-viewtoggle button[aria-pressed=true]{background:var(--ds-forest);color:#fff}
.ds-viewtoggle button:focus-visible{outline:2px solid var(--ds-brand);outline-offset:-2px}
/* ProductCardV2 */
.cp-shop-main .cp-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-s4)}
@media(min-width:1500px){.cp-shop-main .cp-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.cp-shop-main .cp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ds-pcard{border-radius:14px;border:1px solid var(--ds-line);background:#fff;transform:none}
.ds-pcard:hover{transform:none;border-color:#9FCDB5;box-shadow:0 6px 20px rgba(16,63,50,.10)}
.ds-pcard:focus-visible{outline:2px solid var(--ds-brand);outline-offset:2px}
.ds-pcard__img{aspect-ratio:4/3;background:#F4F8F5;border-bottom:1px solid #EEF3F0}
.ds-pcard__img img{object-fit:contain;mix-blend-mode:multiply;padding:var(--ds-s3);box-sizing:border-box;transition:none}
.ds-pcard:hover .ds-pcard__img img{transform:none}
.ds-pcard__new{position:absolute;top:var(--ds-s3);left:var(--ds-s3);right:auto}
.ds-pcard__info{display:flex;flex-direction:column;gap:6px;padding:var(--ds-s4) var(--ds-s4) 0}
.ds-pcard__mf{font-size:11px;font-weight:600;color:var(--ds-mut);text-transform:uppercase;letter-spacing:.05em;min-height:14px}
.ds-pcard__title{font-size:var(--ds-fs-md);font-weight:700;line-height:1.3;color:var(--ds-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.ds-pcard__facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:26px}
.ds-gen,.ds-fact{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--ds-r-pill);background:#F1F5F3;color:var(--ds-ink)}
.ds-gen--sativa{background:#E7F3FF;color:#14487A}.ds-gen--indica{background:#EFE9FB;color:#4B2B88}.ds-gen--hybrid{background:var(--ds-mint);color:var(--ds-forest)}
.ds-pcard__buy{display:flex;flex-direction:column;gap:4px;padding:var(--ds-s3) var(--ds-s4) var(--ds-s4);margin-top:auto}
.ds-pcard__price{display:flex;align-items:baseline;gap:6px}
.ds-pcard__price>small{font-size:var(--ds-fs-sm);font-weight:600;color:var(--ds-mut)}
.ds-pcard__price b{font-size:1.65rem;line-height:1;color:var(--ds-forest);letter-spacing:-.02em;white-space:nowrap}
.ds-pcard__price b small{font-size:var(--ds-fs-sm);font-weight:600;color:var(--ds-mut);letter-spacing:0}
.ds-pcard__avail{color:var(--ds-mut);font-size:var(--ds-fs-xs);min-height:16px}
.ds-pcard__cta{margin-top:var(--ds-s2);display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--ds-brand);color:#fff;font-weight:700;font-size:var(--ds-fs-sm);border-radius:var(--ds-r-sm)}
.ds-pcard:hover .ds-pcard__cta{background:var(--ds-brand-600)}
/* Listenansicht */
.cp-shop-main .cp-product-grid.is-list{grid-template-columns:1fr;gap:var(--ds-s2)}
.is-list .ds-pcard{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:0 var(--ds-s4);padding:var(--ds-s3) var(--ds-s4)}
.is-list .ds-pcard__img{aspect-ratio:1/1;width:96px;border:0;border-radius:var(--ds-r-sm)}
.is-list .ds-pcard__info{padding:0}
.is-list .ds-pcard__title{min-height:0}
.is-list .ds-pcard__buy{padding:0;margin:0;flex-direction:row;align-items:center;gap:var(--ds-s4);flex-wrap:wrap;justify-content:flex-end}
.is-list .ds-pcard__avail{order:3;min-width:92px}
.is-list .ds-pcard__cta{margin:0;padding:0 var(--ds-s4);order:4}
@media(max-width:700px){
  .is-list .ds-pcard{grid-template-columns:72px minmax(0,1fr)}
  .is-list .ds-pcard__img{width:72px}
  .is-list .ds-pcard__buy{grid-column:1/-1;justify-content:space-between;padding-top:var(--ds-s2)}
}
/* Pagination */
.ds-pager{display:flex;flex-direction:column;align-items:center;gap:var(--ds-s3);margin:var(--ds-s6) 0 var(--ds-s4)}
.ds-pager__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-s2)}
.ds-pager a,.ds-pager span.ds-pager__cur,.ds-pager span.ds-pager__gap{min-width:40px;height:40px;padding:0 var(--ds-s3);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ds-line);border-radius:var(--ds-r-sm);background:#fff;color:var(--ds-forest);font-weight:600;font-size:var(--ds-fs-sm);text-decoration:none}
.ds-pager a:hover{background:var(--ds-mint)}
.ds-pager a:focus-visible{outline:2px solid var(--ds-brand);outline-offset:2px}
.ds-pager span.ds-pager__cur{background:var(--ds-forest);border-color:var(--ds-forest);color:#fff}
.ds-pager span.ds-pager__gap{border:0;background:none;min-width:20px;padding:0}
.ds-pager__info{font-size:var(--ds-fs-sm);color:var(--ds-mut)}
/* Empty State */
.ds-empty{text-align:center;padding:var(--ds-s8) var(--ds-s5);border:1px dashed var(--ds-line);border-radius:var(--ds-r-md);background:#fff}
.ds-empty h2{margin:0 0 var(--ds-s2);color:var(--ds-forest);font-size:var(--ds-fs-xl)}
.ds-empty p{margin:0 0 var(--ds-s4);color:var(--ds-mut)}
.ds-empty a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--ds-s5);background:var(--ds-brand);color:#fff;border-radius:var(--ds-r-sm);font-weight:700;text-decoration:none}
/* Mobile: Filter-Drawer */
@media(max-width:900px){
  .cp-shop-layout{flex-direction:column;gap:0}
  .ds-filterbtn{display:inline-flex}
  .cp-shop-layout .cp-shop-sidebar{position:fixed;inset:0;top:0;width:100%;max-height:none;height:100%;z-index:1300;border:0;border-radius:0;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s;display:flex;flex-direction:column;overflow:hidden}
  .cp-shop-layout .cp-shop-sidebar.cp-shop-sidebar-open{transform:none;visibility:visible}
  .ds-sidebar__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .ds-sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-s3) var(--ds-s4);border-bottom:1px solid var(--ds-line);background:#fff}
  .ds-sidebar__head strong{font-size:var(--ds-fs-lg);color:var(--ds-forest)}
  .ds-sidebar__head a{color:var(--ds-brand-600);font-weight:600;font-size:var(--ds-fs-sm);margin-left:auto;margin-right:var(--ds-s4)}
  .ds-sidebar__head button{width:40px;height:40px;border:0;background:#F1F5F3;border-radius:50%;font-size:20px;cursor:pointer}
  .ds-sidebar__foot{display:block;padding:var(--ds-s3) var(--ds-s4) calc(var(--ds-s3) + env(safe-area-inset-bottom));border-top:1px solid var(--ds-line);background:#fff}
  .ds-sidebar__foot button{width:100%;min-height:48px;border:0;border-radius:var(--ds-r-sm);background:var(--ds-brand);color:#fff;font:inherit;font-weight:700;font-size:var(--ds-fs-md);cursor:pointer}
  .cp-shop-fgroup summary{min-height:48px}
  .cp-shop-foptions a{min-height:44px}
}
body.ds-noscroll{overflow:hidden}
@media(max-width:640px){
  .cp-shop-layout .cp-shop-main .cp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--ds-s3)!important}
  .cp-shop-layout .cp-shop-main .cp-product-grid.is-list{grid-template-columns:1fr!important}
  .ds-pcard__img{aspect-ratio:4/3}
  .ds-pcard__info{padding:var(--ds-s3) var(--ds-s3) 0}
  .ds-pcard__buy{padding:var(--ds-s2) var(--ds-s3) var(--ds-s3)}
  .ds-pcard__title{font-size:var(--ds-fs-sm)}
  .ds-pcard__price b{font-size:1.35rem}
  .ds-pcard__cta{display:flex;min-height:40px;font-size:13px}
  .ds-pcard__avail{font-size:11px}
  .ds-toolbar__r{width:100%;justify-content:space-between}
  .ds-sort span{display:none}
  .ds-shophead__lead{font-size:var(--ds-fs-sm)}
}
@media(prefers-reduced-motion:reduce){.cp-shop-layout .cp-shop-sidebar{transition:none}}

.cp-shop-layout .cp-shop-fgroup summary{padding:14px var(--ds-s4);font-size:var(--ds-fs-sm)}
@media(max-width:900px){.cp-shop-layout .cp-shop-sidebar{z-index:100000}}
/* CatalogSkeleton: Bildflaechen schimmern bis das Bild geladen ist */
@keyframes ds-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.ds-pcard__img{background:linear-gradient(90deg,#F4F8F5 25%,#E6EFE9 50%,#F4F8F5 75%);background-size:200% 100%;animation:ds-shimmer 1.4s linear infinite}
.ds-pcard__img.is-loaded{animation:none;background:#F4F8F5}
.ds-pcard__img img{opacity:0;transition:opacity .25s}
.ds-pcard__img.is-loaded img,.no-js .ds-pcard__img img{opacity:1}
@media(prefers-reduced-motion:reduce){.ds-pcard__img{animation:none}.ds-pcard__img img{transition:none}}
.ds-pcard__low{font-size:12px;font-weight:600;color:var(--ds-brand-600);background:var(--ds-mint);border-radius:var(--ds-r-sm);padding:2px 8px;align-self:flex-start}
/* Scroll-Hinweis: rechter Verlauf an Kategorie-Chips (mobil) */
@media(max-width:900px){.ds-cattabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}}