/* Standardowe produkty: wspólny układ zgodny z jasnym i ciemnym sklepem. */
.wtf-product-standard .woocommerce-breadcrumb{margin:0 0 28px;font-size:12px;line-height:1.7;color:var(--muted)}
.wtf-product-standard .woocommerce-breadcrumb a{color:var(--text)}
.woocommerce.wtf-product-standard div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px 56px;align-items:start}
.woocommerce.wtf-product-standard div.product::before,.woocommerce.wtf-product-standard div.product::after{display:none}
.woocommerce.wtf-product-standard div.product>div.images{grid-column:1;grid-row:1;float:none;width:100%;margin:0;padding:24px;background:var(--surface);border:1px solid var(--line)}
.woocommerce.wtf-product-standard div.product div.images .woocommerce-product-gallery__image img{height:auto;aspect-ratio:1;max-height:none;width:100%;object-fit:contain}
.woocommerce.wtf-product-standard div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:16px}
.woocommerce.wtf-product-standard div.product div.images .flex-control-thumbs li{float:none;width:auto}
.woocommerce.wtf-product-standard div.product div.images .flex-control-thumbs li img{width:100%;height:auto;aspect-ratio:1;padding:5px;object-fit:contain}
.woocommerce.wtf-product-standard div.product>.summary{grid-column:2;grid-row:1;float:none;width:100%;min-width:0;margin:0;padding:4px 0 0}
.woocommerce.wtf-product-standard div.product .product_title{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-1.2px;margin:0 0 18px}
.woocommerce.wtf-product-standard div.product p.price{font-size:30px;line-height:1.3;font-weight:700;color:var(--text);margin:0 0 20px}
.woocommerce.wtf-product-standard div.product p.price del{font-size:17px;font-weight:400;color:var(--muted)}
.woocommerce.wtf-product-standard div.product p.price ins{text-decoration:none}
.woocommerce.wtf-product-standard div.product form.cart{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:0 0 28px;padding:20px;background:var(--surface);border:1px solid var(--line)}
.woocommerce.wtf-product-standard div.product form.cart div.quantity{display:flex;float:none;margin:0}
.woocommerce.wtf-product-standard .quantity .qty{width:68px;min-width:0;min-height:48px;font:inherit}
.woocommerce.wtf-product-standard div.product form.cart .button{display:flex;align-items:center;justify-content:center;flex:1;float:none;margin:0;min-height:48px;padding:14px 20px;font-size:14px;letter-spacing:0;gap:8px}
.woocommerce.wtf-product-standard div.product .woocommerce-product-details__short-description{font-size:15px;line-height:1.8;border-top:1px solid var(--line);padding-top:20px}
.wtf-product-standard .woocommerce-product-details__short-description p{margin:0 0 16px}
.wtf-product-standard .woocommerce-product-details__short-description :is(h2,h3){font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0 0 14px}
.wtf-product-standard .woocommerce-product-details__short-description a{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.woocommerce.wtf-product-standard div.product>.wtf-standard-content-section{grid-column:1/-1;width:100%;min-width:0;margin:0}
.wtf-standard-content-section .wtf-product-copy>:first-child{margin-top:0}
.wtf-standard-content-section .wtf-product-copy :is(h3,h4){font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:28px 0 16px}
.wtf-standard-content-section .wtf-product-copy iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.wtf-product-content-section:has(>.wtf-product-wide-image){row-gap:28px}
.wtf-product-content-section>.wtf-product-wide-image{grid-column:1/-1;min-width:0;margin:8px 0 0}
.wtf-product-wide-image img{display:block;width:100%;max-width:100%;height:auto}
.woocommerce.wtf-product-standard div.product .product_meta{padding-top:14px;font-size:12px;color:var(--muted)}
.woocommerce.wtf-product-standard div.product>:is(.woocommerce-tabs,.up-sells,.related){grid-column:1/-1;min-width:0;width:100%;margin:0;padding-top:30px;border-top:1px solid var(--line);clear:both}
.woocommerce.wtf-product-standard div.product>:is(.up-sells,.related)>h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0 0 24px}
.woocommerce.wtf-product-standard :is(.up-sells,.related) ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.woocommerce.wtf-product-standard ul.products::before,.woocommerce.wtf-product-standard ul.products::after{display:none}
.woocommerce.wtf-product-standard :is(.up-sells,.related) ul.products li.product{float:none;display:flex;flex-direction:column;width:auto;min-width:0;margin:0;padding:0 0 20px;border-bottom:1px solid var(--line)}
.woocommerce.wtf-product-standard ul.products li.product a img{width:100%;height:auto;aspect-ratio:1;padding:18px;margin:0 0 14px;background:var(--surface);object-fit:contain}
.woocommerce.wtf-product-standard ul.products li.product .woocommerce-loop-product__title{font-size:18px;line-height:1.3;letter-spacing:-.2px;padding:0;margin:0 0 12px}
.woocommerce.wtf-product-standard ul.products li.product .price{color:var(--text);font-size:17px}
.woocommerce.wtf-product-standard ul.products li.product .button{margin-top:auto;align-self:start;font-size:12px;padding:12px 16px;min-height:44px}
@media(max-width:1000px){
 .woocommerce.wtf-product-standard div.product{gap:32px}
 .woocommerce.wtf-product-standard :is(.up-sells,.related) ul.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@media(max-width:700px){
 .wtf-product-standard .woocommerce-breadcrumb{margin-bottom:18px;font-size:11px}
 .woocommerce.wtf-product-standard div.product{grid-template-columns:minmax(0,1fr);gap:24px}
 .woocommerce.wtf-product-standard div.product>.summary{grid-column:1;grid-row:2;padding:0}
 .woocommerce.wtf-product-standard div.product>div.images{padding:16px}
 .woocommerce.wtf-product-standard div.product .product_title{font-size:30px;margin-bottom:14px}
 .woocommerce.wtf-product-standard div.product p.price{font-size:27px;margin-bottom:16px}
 .woocommerce.wtf-product-standard div.product form.cart{padding:14px;gap:10px;margin-bottom:22px}
 .woocommerce.wtf-product-standard div.product form.cart .button{font-size:13px;padding:12px}
 .woocommerce.wtf-product-standard div.product .woocommerce-product-details__short-description{font-size:14px}
 .woocommerce.wtf-product-standard :is(.up-sells,.related) ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .woocommerce.wtf-product-standard ul.products li.product a img{padding:12px}
 .woocommerce.wtf-product-standard ul.products li.product .woocommerce-loop-product__title{font-size:16px}
 .woocommerce.wtf-product-standard div.product>:is(.up-sells,.related)>h2{font-size:24px}
}

/* Roboczy szablon produktu: galeria i zakup, następnie treści z pól WooCommerce. */
.wtf-product{padding:28px 36px 48px;border:1px solid var(--line);background:var(--surface)}
.wtf-product--elekt{background:var(--bg);color:var(--text);border-color:var(--line)}
.wtf-product-breadcrumb{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin:0 0 32px;font-size:12px;color:var(--muted)}
.wtf-product-breadcrumb a{color:var(--text)}.wtf-product-breadcrumb a:hover{color:var(--accent)}
.wtf-product-top{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;align-items:start}
.wtf-product-visual{min-width:0}
.wtf-gallery-controls{position:absolute;left:18px;right:18px;bottom:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0}
.wtf-gallery-controls.is-overflowing{grid-template-columns:32px minmax(0,1fr) 32px}
.wtf-gallery-thumbnails{display:flex;flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.wtf-gallery-thumbnails::-webkit-scrollbar{display:none}
.wtf-gallery-control{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;min-width:0;height:64px;padding:3px;border:2px solid var(--line);background:var(--bg);cursor:pointer}
.woocommerce div.product div.images .wtf-gallery-control img{display:block;width:100%;height:100%;object-fit:contain}
.wtf-gallery-control[aria-pressed=true],.wtf-gallery-control:hover{border-color:var(--accent)}
.wtf-gallery-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wtf-gallery-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:64px;padding:0;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:30px;cursor:pointer}
.wtf-gallery-arrow[hidden]{display:none!important}
.wtf-gallery-arrow:disabled{opacity:.3;cursor:default}
.wtf-product-gallery-label{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);margin-bottom:14px}
.woocommerce.wtf-product div.product div.images{float:none;width:100%;margin:0;background:var(--surface);padding:28px}
.woocommerce.wtf-product div.product div.images .woocommerce-product-gallery__image img{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain}
.woocommerce.wtf-product div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:20px}
.woocommerce.wtf-product div.product div.images .flex-control-thumbs li{width:auto;float:none;border:1px solid var(--line);background:var(--surface)}
.woocommerce.wtf-product div.product div.images .flex-control-thumbs li img{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain;padding:5px}
.woocommerce.wtf-product div.product div.images .flex-control-thumbs img.flex-active{outline:2px solid var(--accent);outline-offset:-2px}
.woocommerce.wtf-product div.product .summary{float:none;width:auto;min-width:0;position:sticky;top:28px;margin:0;padding:10px 0 0}
.wtf-product-kicker{color:var(--accent);text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:2.5px}
.woocommerce.wtf-product div.product .product_title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.5vw,52px);line-height:1.1;letter-spacing:-1px;font-weight:700;margin:20px 0 22px}
.wtf-product-lead{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 28px}
.wtf-product-purchase{padding:26px;background:var(--surface);border:1px solid var(--line)}
.wtf-product-price-label{color:var(--muted);font-size:11px;letter-spacing:1.4px;text-transform:uppercase}
.woocommerce.wtf-product div.product p.price{font-size:38px;font-weight:700;line-height:1.2;color:var(--text);margin:12px 0}
.woocommerce.wtf-product div.product p.price del{font-size:17px;font-weight:700;margin-right:10px;color:var(--muted);opacity:1}
.woocommerce.wtf-product div.product p.price ins{text-decoration:none}
.wtf-product-price-note{color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 24px}
.woocommerce.wtf-product div.product form.cart{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:24px 0 0}
.woocommerce.wtf-product div.product form.cart div.quantity{float:none;margin:0;display:flex}
.woocommerce.wtf-product .quantity .qty{width:72px;min-width:0;font-size:16px;color:var(--text);border-color:var(--line);background:var(--bg)}
.woocommerce.wtf-product div.product form.cart .button{flex:1;padding:18px 20px;border-radius:0;background:var(--accent);color:#1c263c;font-weight:700;font-size:15px;float:none}
.woocommerce.wtf-product div.product form.cart .button:hover{background:#a5d636;color:#1c263c}
.wtf-product-section-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:22px;font-size:11px;color:var(--muted)}
.wtf-product-section-links a{border-bottom:1px solid var(--line);padding-bottom:4px}
.wtf-product-section-links a:hover{color:var(--accent)}
.wtf-product-content-section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:65px;border-top:1px solid var(--line);margin-top:48px;padding-top:38px;scroll-margin-top:28px}
.wtf-product-section-number{font-size:10px;letter-spacing:2px;color:var(--accent)}
.wtf-product-content-section h2,.wtf-product-expansions h2,.wtf-product-attributes h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.15;font-weight:700;letter-spacing:-.8px;margin:18px 0 24px}
.wtf-product-copy{min-width:0;font-size:15px;line-height:1.85;color:var(--text)}
.wtf-product-copy p{margin:0 0 22px}.wtf-product-copy strong{color:var(--text)}
.wtf-product-copy img{display:block;max-width:100%;height:auto;margin:24px auto}
.wtf-product-copy ul{padding-left:22px;margin:22px 0}.wtf-product-copy li{padding-left:6px;margin:8px 0}
.wtf-product-description>p:first-child img{max-height:240px;object-fit:contain}
.wtf-product-game-link{display:inline-block;font-size:12px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:5px;margin-top:8px}
.wtf-product-expansions,.wtf-product-attributes,.wtf-product-reviews{border-top:1px solid var(--line);margin-top:48px;padding-top:38px;scroll-margin-top:28px}
.wtf-product-expansions>header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.wtf-product-expansions>header h2{margin-bottom:0;max-width:650px}
.wtf-product-expansions>header>a{color:var(--accent);font-size:12px;flex-shrink:0;padding-bottom:5px;border-bottom:1px solid var(--line)}
.wtf-product .shop-card-image{height:auto;aspect-ratio:1;background:var(--surface)}
.wtf-product .shop-kind{color:var(--accent)}.wtf-product .shop-add{background:var(--accent);color:#1c263c}
.wtf-product .shop-price{color:var(--text)}.wtf-product .shop-card h3{font-size:23px;line-height:1.3}
@media(max-width:1100px){.wtf-product{padding:24px}.wtf-product-top{gap:30px}.woocommerce.wtf-product div.product div.images{padding:20px}.woocommerce.wtf-product div.product div.images .woocommerce-product-gallery__image img{height:auto;aspect-ratio:1}.wtf-product-purchase{padding:20px}.wtf-product-content-section{gap:35px}.wtf-product-expansions .shop-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wtf-product{padding:20px 16px 28px}.wtf-product-breadcrumb{margin-bottom:25px}.wtf-product-top{grid-template-columns:minmax(0,1fr);gap:24px}.woocommerce.wtf-product div.product .summary{position:static;padding:0}.woocommerce.wtf-product div.product .product_title{font-size:36px;margin:16px 0}.woocommerce.wtf-product div.product div.images{padding:18px}.woocommerce.wtf-product div.product div.images .woocommerce-product-gallery__image img{height:auto;aspect-ratio:1}.woocommerce.wtf-product div.product div.images .flex-control-thumbs li img{height:auto;aspect-ratio:1}.woocommerce.wtf-product div.product div.images .flex-control-thumbs{gap:7px;padding-top:14px}.wtf-product-purchase{padding:20px}.wtf-product-lead{font-size:15px;margin-bottom:22px}.woocommerce.wtf-product div.product p.price{font-size:34px}.wtf-product-content-section{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:34px;padding-top:28px}.wtf-product-content-section h2 br{display:none}.wtf-product-content-section h2{margin:12px 0}.wtf-product-copy{font-size:14px}.wtf-product-expansions>header{align-items:start;flex-direction:column;gap:18px}.wtf-product-expansions .shop-products{grid-template-columns:minmax(0,1fr);gap:28px}.wtf-product .shop-card-image{height:auto;aspect-ratio:1}.wtf-product-section-links{line-height:1.6;gap:14px}.wtf-product-game-link{margin:0 0 20px}}

/* Miejsce na znaczniki przed uruchomieniem JS zapobiega skokowi treści. */
.wtf-js .woocommerce:is(.wtf-product,.wtf-product-standard) div.product div.images:has(.woocommerce-product-gallery__image + .woocommerce-product-gallery__image){position:relative;padding-bottom:96px}

@media(max-width:700px){.shop-single .wtf-product{padding:0 0 28px;border:0;background:transparent}}

/* Opowieści fabularne odróżniamy od informacji o produkcie kursywą. */
.shop-single .wtf-product-fiction { font-style: italic; }
.shop-single .wtf-product-image-zoom { display: block; cursor: zoom-in; }
.shop-single .wtf-product-wide-image figcaption { margin-top: 8px; font-size: .8rem; opacity: .7; text-align: center; }

/* Łagodniejsze powierzchnie produktów w ciemnym sklepie. */
:root:not([data-theme=light]) .shop-single { --surface: #273247; }

/* Etykieta promocji: łapka z litery G logo WTF. */
.shop-single .woocommerce span.onsale { display:inline-flex; align-items:center; gap:7px; min-width:0; min-height:0; padding:8px 13px 8px 9px; border-radius:3px 16px 16px 3px; background:#90C11D; color:#1C263C; font-size:13px; font-weight:700; line-height:1.2; }
.shop-single .woocommerce span.onsale::before { content:''; display:block; flex:0 0 25px; width:25px; height:26px; background:url('wtf-frog-foot.svg') center/contain no-repeat; }

/* Łapka tworzy lewy brzeg etykiety zamiast ikony wewnątrz. */
.shop-single .woocommerce span.onsale { overflow:visible; padding:9px 12px 9px 17px; margin-left:21px; border-radius:0 12px 12px 0; font-size:15px; }
.shop-single .woocommerce span.onsale::before { position:absolute; left:-26px; top:50%; transform:translateY(-50%) rotate(-24deg); width:40px; height:41px; background:#90C11D; mask:url('wtf-frog-foot.svg') center/contain no-repeat; }

/* Niższy korpus odsłania górny prawy palec łapki. */
.shop-single .woocommerce span.onsale { margin-top:6px; padding-top:6px; padding-bottom:6px; }
.shop-single .woocommerce span.onsale::before { transform:translateY(calc(-50% - 3px)) rotate(-24deg); }

.shop-single .woocommerce span.onsale { margin-top:9px; padding-top:4px; padding-bottom:5px; }
.shop-single .woocommerce span.onsale::before { transform:translateY(calc(-50% - 4.5px)) rotate(-24deg); }

.shop-single .woocommerce span.onsale { border-bottom-left-radius:8px; }

/* Krótszy odstęp pod głównym menu na mobilnych stronach produktu. */
@media(max-width:700px) { .shop-single { padding-top:10px; } }

/* Mniejsza ilustracja obok listy zawartości. */
.shop-single .wtf-product-contents-image { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); column-gap:48px; row-gap:12px; align-items:start; }
.shop-single .wtf-product-contents-image > header { grid-column:1; grid-row:1; }
.shop-single .wtf-product-contents-image > .wtf-product-copy { grid-column:1; grid-row:2; }
.shop-single .wtf-product-contents-image > .wtf-product-wide-image { grid-column:2; grid-row:1 / span 2; margin:0; align-self:center; }
@media(max-width:700px) { .shop-single .wtf-product-contents-image { grid-template-columns:minmax(0,1fr); } .shop-single .wtf-product-contents-image > .wtf-product-wide-image { grid-column:1; grid-row:3; } }

/* Link zakupu podstawek musi być czytelny także w akapicie ostrzeżenia. */
.shop-single .wtf-product-stands-note a { text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; font-weight:600; }
.shop-single .wtf-product-stands-note a:hover { text-decoration-thickness:2px; }

.shop-single .wtf-product-contents-image > .wtf-product-illustrations { grid-column:2; grid-row:1 / span 2; align-self:center; min-width:0; display:grid; gap:20px; }
.shop-single .wtf-product-illustrations > .wtf-product-wide-image { margin:0; }
@media(max-width:700px) { .shop-single .wtf-product-contents-image > .wtf-product-illustrations { grid-column:1; grid-row:3; } }

/* Rozbudowana prezentacja Kurzołaków w kolorach sklepu. */
.wtf-product--kurzolaki { background:var(--bg); color:var(--text); }
.wtf-kurz-product-board { margin:30px 0; }
.wtf-kurz-product-board img { width:100%; height:auto; }
.wtf-kurz-product-board figcaption { text-align:center; font-size:12px; color:var(--muted); }
.wtf-product--kurzolaki .wtf-product-description h3 { margin:32px 0 14px; font-size:23px; line-height:1.3; }