/* ==========================================================
   PV Theme – Branchen-Looks. Farben kommen weiterhin aus den
   Variablen (Customizer), hier nur Formen, Muster und Details.
   ========================================================== */

/* ---------------------------------------------- Haustier: freundlich, rund, Pfoten */
.pv-style-haustier { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='%23f2994a' fill-opacity='.07'%3E%3Cg transform='translate(20 22) rotate(-15)'%3E%3Cellipse cx='10' cy='16' rx='7' ry='6'/%3E%3Ccircle cx='3' cy='6' r='3'/%3E%3Ccircle cx='9' cy='2' r='3'/%3E%3Ccircle cx='16' cy='3' r='3'/%3E%3Ccircle cx='21' cy='9' r='3'/%3E%3C/g%3E%3Cg transform='translate(78 72) rotate(20)'%3E%3Cellipse cx='10' cy='16' rx='7' ry='6'/%3E%3Ccircle cx='3' cy='6' r='3'/%3E%3Ccircle cx='9' cy='2' r='3'/%3E%3Ccircle cx='16' cy='3' r='3'/%3E%3Ccircle cx='21' cy='9' r='3'/%3E%3C/g%3E%3C/svg%3E"); }
.pv-style-haustier .pv-header { box-shadow: 0 6px 24px rgba(242,153,74,.12); border-bottom: 0; }
.pv-style-haustier .tw-hero { background: linear-gradient(135deg, var(--pv-accent) 0%, color-mix(in srgb, var(--pv-accent) 60%, var(--pv-accent-2)) 100%); color: var(--pv-accent-text); }
.pv-style-haustier .tw-hero h1, .pv-style-haustier .tw-hero p { color: var(--pv-accent-text); }
.pv-style-haustier .tw-hero h1 span { color: inherit; text-decoration: underline wavy var(--pv-accent-2); text-underline-offset: 8px; }
.pv-style-haustier .tw-hero::after { display: block !important; content: ""; position: absolute; right: -60px; bottom: -80px; width: 320px; height: 320px; border-radius: 46% 54% 60% 40% / 50% 40% 60% 50%; background: rgba(255,255,255,.18); }
.pv-style-haustier .pv-card, .pv-style-haustier .tw-cats a { box-shadow: 0 6px 20px rgba(242,153,74,.10); border-color: transparent; }
.pv-style-haustier .pv-card:hover { box-shadow: 0 14px 34px rgba(242,153,74,.22); }
.pv-style-haustier .tw-cats li:nth-child(4n+1) a { background: #fff3e6 !important; }
.pv-style-haustier .tw-cats li:nth-child(4n+2) a { background: #e7f7f5 !important; }
.pv-style-haustier .tw-cats li:nth-child(4n+3) a { background: #fdf0f3 !important; }
.pv-style-haustier .tw-cats li:nth-child(4n+4) a { background: #eef3fd !important; }
.pv-style-haustier .pv-section__title, .pv-style-haustier .tw-section-head { border-bottom: 3px dotted var(--pv-accent); }
.pv-style-haustier .pv-btn, .pv-style-haustier .tw-search button { border-radius: 999px; }

/* ---------------------------------------------- Mode klassisch: Serifen, feine Doppellinien */
.pv-style-mode-klassisch .pv-header { border-bottom: 3px double var(--pv-line); }
.pv-style-mode-klassisch .pv-brand__name { font-style: normal; letter-spacing: .02em; }
.pv-style-mode-klassisch .pv-menu > li > a { font-weight: 500; letter-spacing: .08em; text-transform: uppercase; font-size: 13px; }
.pv-style-mode-klassisch .tw-hero { background: var(--pv-surface); color: var(--pv-text); border: 1px solid var(--pv-line); box-shadow: inset 0 0 0 8px var(--pv-surface), inset 0 0 0 9px var(--pv-line); }
.pv-style-mode-klassisch .tw-hero h1 { color: var(--pv-text); font-weight: 500; }
.pv-style-mode-klassisch .tw-hero h1 span { color: var(--pv-accent-2); font-style: italic; }
.pv-style-mode-klassisch .tw-hero p { color: var(--pv-muted); opacity: 1; }
.pv-style-mode-klassisch .tw-stats strong { color: var(--pv-text); }
.pv-style-mode-klassisch .tw-section-head, .pv-style-mode-klassisch .pv-section__title { border-bottom: 1px solid var(--pv-text); box-shadow: 0 3px 0 -2px var(--pv-text); padding-bottom: 12px; }
.pv-style-mode-klassisch .pv-card { border-color: var(--pv-line); }
.pv-style-mode-klassisch .pv-card__brand { color: var(--pv-accent-2); }
.pv-style-mode-klassisch .pv-btn { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 600; }

/* ---------------------------------------------- Mode Luxus: Schwarz/Gold, viel Weißraum, Haarlinien */
.pv-style-mode-luxus .pv-topbar { background: var(--pv-header-bg); color: var(--pv-accent-2); border-bottom: 1px solid color-mix(in srgb, var(--pv-accent-2) 40%, transparent); letter-spacing: .2em; text-transform: uppercase; font-size: 11px; font-weight: 500; }
.pv-style-mode-luxus .pv-header__row { justify-content: center; flex-direction: column; text-align: center; padding-top: 28px; }
.pv-style-mode-luxus .pv-brand { align-items: center; }
.pv-style-mode-luxus .pv-brand__name { font-size: 34px; letter-spacing: .28em; }
.pv-style-mode-luxus .pv-brand__tagline { letter-spacing: .12em; text-transform: uppercase; font-size: 11px; }
.pv-style-mode-luxus .pv-search { margin: 4px auto 0; max-width: 420px; background: transparent; border-color: color-mix(in srgb, var(--pv-header-text) 35%, transparent); }
.pv-style-mode-luxus .pv-search input { color: var(--pv-header-text); }
.pv-style-mode-luxus .pv-search button { background: transparent; color: var(--pv-accent-2); }
.pv-style-mode-luxus .pv-menu { justify-content: center; }
.pv-style-mode-luxus .pv-menu > li > a { font-weight: 400; letter-spacing: .18em; text-transform: uppercase; font-size: 12px; padding: 14px 14px; }
.pv-style-mode-luxus .tw-hero { background: var(--pv-header-bg); text-align: center; padding: clamp(48px, 8vw, 96px) 24px; border: 1px solid color-mix(in srgb, var(--pv-accent-2) 45%, transparent); box-shadow: inset 0 0 0 10px var(--pv-header-bg), inset 0 0 0 11px color-mix(in srgb, var(--pv-accent-2) 45%, transparent); }
.pv-style-mode-luxus .tw-hero h1 { margin-left: auto; margin-right: auto; font-weight: 400; letter-spacing: .12em; }
.pv-style-mode-luxus .tw-hero h1 span { color: var(--pv-accent-2); }
.pv-style-mode-luxus .tw-hero p, .pv-style-mode-luxus .tw-search { margin-left: auto; margin-right: auto; }
.pv-style-mode-luxus .tw-stats { justify-content: center; }
.pv-style-mode-luxus .tw-search { border-radius: 0; box-shadow: none; }
.pv-style-mode-luxus .tw-search button, .pv-style-mode-luxus .pv-btn--buy { background: var(--pv-accent-2); color: var(--pv-accent-2-text); letter-spacing: .14em; text-transform: uppercase; font-size: 12px; font-weight: 600; }
.pv-style-mode-luxus .pv-btn--ghost { letter-spacing: .14em; text-transform: uppercase; font-size: 12px; font-weight: 500; }
.pv-style-mode-luxus .pv-card { border: 0; background: transparent; }
.pv-style-mode-luxus .pv-card__img { background: var(--pv-surface); padding: 22px; }
.pv-style-mode-luxus .pv-card:hover { box-shadow: none; transform: none; }
.pv-style-mode-luxus .pv-card:hover .pv-card__img img { transform: scale(1.04); transition: transform .4s ease; }
.pv-style-mode-luxus .pv-card__body { text-align: center; padding: 14px 6px; }
.pv-style-mode-luxus .pv-card__title { font-weight: 400; }
.pv-style-mode-luxus .pv-price { font-weight: 500; }
.pv-style-mode-luxus .tw-section-head, .pv-style-mode-luxus .pv-section__title { justify-content: center; text-align: center; border-bottom: 0; position: relative; }
.pv-style-mode-luxus .tw-section-head::after, .pv-style-mode-luxus .pv-section__title::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 60px; height: 1px; background: var(--pv-accent-2); transform: translateX(-50%); }
.pv-style-mode-luxus .tw-section-head a { display: none; }
.pv-style-mode-luxus .pv-badge, .pv-style-mode-luxus .pv-tag { background: var(--pv-text); color: var(--pv-accent-2); border-radius: 0; letter-spacing: .1em; }

/* ---------------------------------------------- Mode Streetwear: Graffiti, Drips, Sticker */
.pv-style-mode-streetwear { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.pv-style-mode-streetwear .pv-topbar { background: repeating-linear-gradient(-45deg, #ffe600 0 16px, #0b0b0b 16px 32px); }
.pv-style-mode-streetwear .pv-topbar span { background: #0b0b0b; color: #ffe600; padding: 2px 10px; text-transform: uppercase; letter-spacing: .08em; font-family: var(--pv-font-head); font-weight: 400; }
.pv-style-mode-streetwear .pv-header { margin-bottom: 40px; border: 0; }
.pv-style-mode-streetwear .pv-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -38px; height: 44px; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='46' fill='%230b0b0b'%3E%3Crect width='260' height='10'/%3E%3Crect x='14' width='8' height='26' rx='4'/%3E%3Crect x='47' width='5' height='14' rx='2.5'/%3E%3Crect x='83' width='10' height='40' rx='5'/%3E%3Crect x='121' width='6' height='19' rx='3'/%3E%3Crect x='158' width='9' height='31' rx='4.5'/%3E%3Crect x='196' width='5' height='12' rx='2.5'/%3E%3Crect x='228' width='8' height='23' rx='4'/%3E%3C/svg%3E") repeat-x; }
.pv-style-mode-streetwear .pv-brand__name { font-size: 40px; transform: rotate(-2deg); display: inline-block; text-shadow: 3px 3px 0 var(--pv-accent), 6px 6px 0 #00e5ff; }
.pv-style-mode-streetwear .pv-brand__tagline { color: var(--pv-accent-2); opacity: 1; font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive; font-weight: 700; }
.pv-style-mode-streetwear .pv-menu > li > a { font-family: var(--pv-font-head); font-weight: 400; text-transform: uppercase; letter-spacing: .04em; font-size: 17px; }
.pv-style-mode-streetwear .pv-menu > li > a:hover { color: var(--pv-accent-2); transform: rotate(-3deg); }
.pv-style-mode-streetwear .tw-hero { border-radius: 0; border: 4px solid #0b0b0b; box-shadow: 10px 10px 0 var(--pv-accent); background: radial-gradient(circle at 86% 22%, color-mix(in srgb, var(--pv-accent) 70%, transparent) 0, transparent 150px), radial-gradient(circle at 96% 74%, rgba(0,229,255,.5) 0, transparent 120px), radial-gradient(circle at 70% 96%, color-mix(in srgb, var(--pv-accent-2) 45%, transparent) 0, transparent 110px), #0b0b0b; }
.pv-style-mode-streetwear .tw-hero h1 { text-shadow: 4px 4px 0 #000, 7px 7px 0 rgba(0,229,255,.8); }
.pv-style-mode-streetwear .tw-hero h1 span { color: var(--pv-accent); display: inline-block; transform: rotate(-4deg); text-shadow: 0 0 18px color-mix(in srgb, var(--pv-accent) 70%, transparent), 4px 4px 0 #000; }
.pv-style-mode-streetwear .tw-search { border-radius: 0; box-shadow: 6px 6px 0 var(--pv-accent-2); }
.pv-style-mode-streetwear .tw-search button { border-radius: 0; background: var(--pv-accent); color: var(--pv-accent-text); font-family: var(--pv-font-head); font-weight: 400; text-transform: uppercase; font-size: 19px; }
.pv-style-mode-streetwear .tw-stats strong { color: var(--pv-accent-2); }
.pv-style-mode-streetwear .tw-section-head, .pv-style-mode-streetwear .pv-section__title { border-bottom: 0; }
.pv-style-mode-streetwear .tw-section-head h2, .pv-style-mode-streetwear .pv-section__title { display: inline-block; background: #ffe600; color: #0b0b0b; padding: 6px 16px 3px; transform: rotate(-1.5deg); box-shadow: 4px 4px 0 #0b0b0b; }
.pv-style-mode-streetwear .tw-section:nth-of-type(odd) .tw-section-head h2 { background: #00e5ff; transform: rotate(1deg); }
.pv-style-mode-streetwear .pv-card, .pv-style-mode-streetwear .tw-usp li, .pv-style-mode-streetwear .tw-seo, .pv-style-mode-streetwear .pv-filters, .pv-style-mode-streetwear .pv-offer, .pv-style-mode-streetwear .pv-buybox, .pv-style-mode-streetwear .tw-shopcards a, .pv-style-mode-streetwear .twd-card { border: 3px solid #0b0b0b; border-radius: 2px; box-shadow: 6px 6px 0 #0b0b0b !important; }
.pv-style-mode-streetwear .pv-card:hover { transform: translate(-3px, -3px) rotate(-.6deg); box-shadow: 10px 10px 0 var(--pv-accent) !important; }
.pv-style-mode-streetwear .pv-price { font-family: var(--pv-font-head); font-weight: 400; font-size: 26px; background: linear-gradient(176deg, transparent 0 48%, var(--pv-accent-2) 48% 88%, transparent 88%); padding: 0 4px; }
.pv-style-mode-streetwear .pv-btn { border-radius: 0; font-family: var(--pv-font-head); font-weight: 400; text-transform: uppercase; letter-spacing: .04em; font-size: 16px; border: 3px solid #0b0b0b; box-shadow: 3px 3px 0 #0b0b0b; }
.pv-style-mode-streetwear .pv-btn--buy { background: var(--pv-accent-2); color: var(--pv-accent-2-text); }
.pv-style-mode-streetwear .pv-btn--buy:hover { background: var(--pv-accent); color: var(--pv-accent-text); }
.pv-style-mode-streetwear .tw-cats a { border: 3px solid #0b0b0b; border-radius: 0; box-shadow: 6px 6px 0 #0b0b0b; font-size: 22px; }
.pv-style-mode-streetwear .tw-cats li:nth-child(6n+1) a { background: var(--pv-accent) !important; color: var(--pv-accent-text) !important; transform: rotate(-1deg) !important; }
.pv-style-mode-streetwear .tw-cats li:nth-child(6n+2) a { background: var(--pv-accent-2) !important; color: #0b0b0b !important; transform: rotate(1deg) !important; }
.pv-style-mode-streetwear .tw-cats li:nth-child(6n+3) a { background: #00e5ff !important; color: #0b0b0b !important; }
.pv-style-mode-streetwear .tw-cats li:nth-child(6n+4) a { background: #ffe600 !important; color: #0b0b0b !important; transform: rotate(1.5deg) !important; }
.pv-style-mode-streetwear .tw-cats li:nth-child(6n+5) a { background: #ff6a00 !important; color: #fff !important; }
.pv-style-mode-streetwear .tw-cats a small { color: inherit; opacity: .8; }
.pv-style-mode-streetwear .tw-brands a { border: 3px solid #0b0b0b; border-radius: 0; box-shadow: 3px 3px 0 #0b0b0b; font-family: var(--pv-font-head); font-weight: 400; text-transform: uppercase; }
.pv-style-mode-streetwear .pv-footer { margin-top: 40px; position: relative; }
.pv-style-mode-streetwear .pv-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -38px; height: 44px; transform: scaleY(-1); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='46' fill='%230b0b0b'%3E%3Crect width='260' height='10'/%3E%3Crect x='14' width='8' height='26' rx='4'/%3E%3Crect x='83' width='10' height='40' rx='5'/%3E%3Crect x='158' width='9' height='31' rx='4.5'/%3E%3Crect x='228' width='8' height='23' rx='4'/%3E%3C/svg%3E") repeat-x; }

/* ---------------------------------------------- Technik: dunkel, Raster, Glow */
.pv-style-technik { background-image: linear-gradient(rgba(59,130,246,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(59,130,246,.05) 1px, transparent 1px); background-size: 32px 32px; }
.pv-style-technik .pv-header { background: color-mix(in srgb, var(--pv-header-bg) 92%, transparent); backdrop-filter: blur(8px); position: sticky; top: 0; }
.pv-style-technik .pv-brand__name { background: linear-gradient(90deg, var(--pv-header-text), var(--pv-accent-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pv-style-technik .tw-hero { background: radial-gradient(600px 300px at 90% 0%, color-mix(in srgb, var(--pv-accent) 55%, transparent), transparent 60%), radial-gradient(500px 300px at 0% 110%, color-mix(in srgb, var(--pv-accent-2) 35%, transparent), transparent 60%), var(--pv-surface); border: 1px solid var(--pv-line); }
.pv-style-technik .tw-hero h1 span { background: linear-gradient(90deg, var(--pv-accent-2), var(--pv-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pv-style-technik .tw-search { background: rgba(255,255,255,.06); border: 1px solid var(--pv-line); }
.pv-style-technik .tw-search input[type="search"] { color: var(--pv-text); }
.pv-style-technik .pv-card__img, .pv-style-technik .pv-product__media { background: #fff; }
.pv-style-technik .pv-card:hover, .pv-style-technik .tw-cats a:hover, .pv-style-technik .twd-card:hover { border-color: color-mix(in srgb, var(--pv-accent) 70%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--pv-accent) 40%, transparent), 0 12px 40px color-mix(in srgb, var(--pv-accent) 25%, transparent); }
.pv-style-technik .pv-price { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; letter-spacing: -.02em; }
.pv-style-technik .pv-btn--buy { background: linear-gradient(90deg, var(--pv-accent), color-mix(in srgb, var(--pv-accent) 60%, var(--pv-accent-2))); }
.pv-style-technik .tw-section-head, .pv-style-technik .pv-section__title { border-bottom: 1px solid var(--pv-line); }
.pv-style-technik .pv-filter select, .pv-style-technik .pv-filter input[type="number"] { background: var(--pv-bg); }

/* ---------------------------------------------- Wein: Bordeaux, Papier, Etikett */
.pv-style-wein { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .25 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"); }
.pv-style-wein .pv-header { border-bottom: 3px solid var(--pv-accent-2); }
.pv-style-wein .pv-brand__name { font-style: italic; letter-spacing: .01em; }
.pv-style-wein .pv-menu > li > a { font-family: var(--pv-font-head); font-weight: 500; font-size: 16px; }
.pv-style-wein .tw-hero { background: radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--pv-accent) 70%, #000) 0%, var(--pv-header-bg) 70%); border: 1px solid color-mix(in srgb, var(--pv-accent-2) 50%, transparent); box-shadow: inset 0 0 0 6px var(--pv-header-bg), inset 0 0 0 7px color-mix(in srgb, var(--pv-accent-2) 50%, transparent); }
.pv-style-wein .tw-hero h1 { font-weight: 500; }
.pv-style-wein .tw-hero h1 span { color: var(--pv-accent-2); font-style: italic; }
.pv-style-wein .tw-section-head h2, .pv-style-wein .pv-section__title { font-style: italic; }
.pv-style-wein .tw-section-head, .pv-style-wein .pv-section__title { border-bottom: 1px solid var(--pv-accent-2); }
.pv-style-wein .pv-card { border-color: var(--pv-line); }
.pv-style-wein .pv-card__img { background: linear-gradient(180deg, #fff 70%, #f4ece3 100%); }
.pv-style-wein .pv-card__brand { color: var(--pv-accent); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 13px; }
.pv-style-wein .pv-btn--buy { background: var(--pv-accent); }
.pv-style-wein .tw-cats a { border-top: 4px solid var(--pv-accent); }
.pv-style-wein .pv-footer__age { color: var(--pv-accent-2); }

/* ---------------------------------------------- Feinkost: Leinen, Olive & Terrakotta, Etiketten */
.pv-style-feinkost { background-image: repeating-linear-gradient(0deg, rgba(107,125,46,.035) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(192,96,58,.03) 0 1px, transparent 1px 5px); }
.pv-style-feinkost .pv-header { border-bottom: 1px dashed var(--pv-accent); }
.pv-style-feinkost .pv-brand__name { font-weight: 700; }
.pv-style-feinkost .tw-hero { background: linear-gradient(135deg, var(--pv-accent) 0%, color-mix(in srgb, var(--pv-accent) 70%, #000) 100%); color: var(--pv-accent-text); }
.pv-style-feinkost .tw-hero h1, .pv-style-feinkost .tw-hero p { color: var(--pv-accent-text); }
.pv-style-feinkost .tw-hero h1 span { color: color-mix(in srgb, var(--pv-accent-2) 70%, #fff); font-style: italic; }
.pv-style-feinkost .tw-hero::after { display: block !important; content: ""; position: absolute; right: 30px; top: 30px; width: 120px; height: 120px; border-radius: 50%; border: 2px dashed rgba(255,255,255,.4); }
.pv-style-feinkost .tw-section-head, .pv-style-feinkost .pv-section__title { border-bottom: 2px solid var(--pv-accent-2); }
.pv-style-feinkost .pv-card { border: 1px solid var(--pv-line); }
.pv-style-feinkost .pv-card__brand { color: var(--pv-accent-2); }
.pv-style-feinkost .tw-cats a { position: relative; border: 1px dashed var(--pv-accent); }
.pv-style-feinkost .tw-cats a::before { content: ""; position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; border-radius: 50%; background: color-mix(in srgb, var(--pv-accent-2) 25%, transparent); }
.pv-style-feinkost .pv-badge, .pv-style-feinkost .pv-tag { background: var(--pv-accent-2); color: var(--pv-accent-2-text); border-radius: 4px; }
.pv-style-feinkost .pv-btn--buy { background: var(--pv-accent-2); color: var(--pv-accent-2-text); }
.pv-style-feinkost .pv-btn--buy:hover { background: color-mix(in srgb, var(--pv-accent-2) 85%, #000); }