/* DESKTOP-PRODUKT.CSS v232 — czysty desktop stron szczegółów produktów. */

@media screen and (min-width:1200px) {
  :root {
    --d-product-container:var(--d-container,1200px);
    --d-product-title-height:92px;
    --d-product-panel-height:916px;
    --d-product-image-left:51px;
    --d-product-image-top:50px;
    --d-product-image-width:381px;
    --d-product-image-height:225px;
    --d-product-text-left:464px;
    --d-product-text-top:50px;
    --d-product-text-width:688px;
    --d-product-text-height:380px;
    --d-product-video-left:201px;
    --d-product-video-top:431px;
    --d-product-video-width:798px;
    --d-product-video-height:450px;
    --d-product-back-right:48px;
    --d-product-back-bottom:35px;
    --d-product-back-width:139px;
    --d-product-back-height:38px;
    --d-product-title-bg:var(--d-page-title-bg);
    --d-product-panel-bg:var(--d-page-panel-bg);
    --d-product-border:var(--d-page-border);
    --d-product-text:var(--d-page-text);
    --d-product-muted:var(--d-page-muted);
    --d-product-blue:var(--d-page-blue);
    --d-product-radius:var(--d-page-radius);
    --d-product-radius-small:var(--d-page-radius-small);
    --d-product-shadow:var(--d-page-shadow);
    --d-product-shadow-strong:var(--d-page-shadow);
    --d-product-font:var(--d-page-font);
  }

  body main.product-detail-page {
    display:block;
    margin:0;
    padding-top:var(--mto-page-desktop-top,var(--d-header-to-content-gap,24px));
    padding-bottom:0;
    background:transparent;
    color:var(--d-product-text);
    font-family:var(--d-product-font);
  }

  body main.product-detail-page *,
  body main.product-detail-page *::before,
  body main.product-detail-page *::after {
    box-sizing:border-box;
  }

  body main.product-detail-page .seo-visually-hidden {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }

  body main.product-detail-page .product-detail-canvas {
    width:var(--d-product-container);
    min-height:calc(var(--d-product-title-height) + var(--d-gap-kafelek-opis,12px) + var(--d-product-panel-height));
    margin:0 auto;
    padding:0;
  }

  body main.product-detail-page .product-detail-title-box {
    position:relative;
    width:var(--d-product-container);
    height:var(--d-product-title-height);
    min-height:var(--d-product-title-height);
    margin:0;
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:var(--d-product-title-bg);
    border:1px solid var(--d-product-border);
    border-radius:var(--d-product-radius);
    box-shadow:var(--d-product-shadow);
    color:var(--d-product-text);
    font-family:var(--d-product-font);
    font-size:42px;
    line-height:50px;
    font-weight:800;
    letter-spacing:-.4px;
    text-align:center;
  }

  body main.product-detail-page .product-detail-title-box::before {
    content:"";
    position:absolute;
    inset:-1px;
    background:radial-gradient(circle at 50% 0, rgba(47,140,255,.13), transparent 46%);
    pointer-events:none;
  }

  body main.product-detail-page .product-detail-title-box::after {
    content:none;
  }

  body main.product-detail-page .product-detail-panel {
    position:relative;
    width:var(--d-product-container);
    height:var(--d-product-panel-height);
    margin-top:var(--d-gap-kafelek-opis,12px);
    padding:20px;
    overflow:hidden;
    background:var(--d-product-panel-bg);
    border:1px solid var(--d-product-border);
    border-radius:var(--d-product-radius);
    box-shadow:var(--d-product-shadow);
    color:var(--d-product-text);
  }

  body main.product-detail-page .product-detail-image {
    position:absolute;
    left:var(--d-product-image-left);
    top:var(--d-product-image-top);
    width:var(--d-product-image-width);
    height:var(--d-product-image-height);
    display:flex;
    align-items:center;
    justify-content:center;
  }

  body main.product-detail-page .product-detail-image img {
    display:block;
    width:var(--d-product-image-width);
    height:var(--d-product-image-height);
    object-fit:contain;
  }

  body main.product-detail-page .product-detail-text {
    position:absolute;
    left:var(--d-product-text-left);
    top:var(--d-product-text-top);
    width:var(--d-product-text-width);
    height:var(--d-product-text-height);
    padding:5px;
    overflow:visible;
    color:var(--d-product-muted);
    font-family:var(--d-product-font);
    font-size:17px;
    line-height:24px;
    font-weight:400;
    text-align:left;
  }

  body main.product-detail-page .product-detail-text h2 {
    margin:0 0 14px;
    color:var(--d-product-text);
    font-family:var(--d-product-font);
    font-size:24px;
    line-height:29px;
    font-weight:800;
  }

  body main.product-detail-page .product-detail-text p,
  body main.product-detail-page .product-detail-text li {
    margin:0;
    color:var(--d-product-muted);
    font-family:var(--d-product-font);
    font-size:17px;
    line-height:24px;
    font-weight:400;
  }

  body main.product-detail-page .product-detail-text ul {
    margin:14px 0 0 20px;
    padding:0;
  }

  body main.product-detail-page .product-detail-video {
    position:absolute;
    left:var(--d-product-video-left);
    top:var(--d-product-video-top);
    width:var(--d-product-video-width);
    height:var(--d-product-video-height);
    overflow:hidden;
    background:#000;
    border:1px solid var(--d-product-border);
    border-radius:var(--d-product-radius-small) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.26);
  }

  body main.product-detail-page .youtube-lite,
  body main.product-detail-page .youtube-lite img {
    width:100%;
    height:100%;
  }

  body main.product-detail-page .youtube-lite {
    position:relative;
    display:block;
    padding:0;
    border:0;
    background:#000;
    cursor:pointer;
  }

  body main.product-detail-page .youtube-lite img {
    display:block;
    object-fit:contain;
    background:#000;
  }

  body main.product-detail-page .product-detail-video iframe,
  body main.product-detail-page .youtube-lite iframe,
  body main.product-detail-page iframe[src*="youtube.com"],
  body main.product-detail-page iframe[src*="youtube-nocookie.com"] {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    min-width:100%;
    min-height:100%;
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    border:0;
    background:#000;
  }

  body main.product-detail-page .real-youtube-play {
    position:absolute;
    left:50%;
    top:50%;
    width:78px;
    height:54px;
    transform:translate(-50%,-50%);
    background:#f00;
    border-radius:13px;
    opacity:.96;
    pointer-events:none;
    transition:background-color .22s ease, opacity .22s ease;
  }

  body main.product-detail-page .real-youtube-play::after {
    content:"";
    position:absolute;
    left:31px;
    top:14px;
    width:0;
    height:0;
    border-top:13px solid transparent;
    border-bottom:13px solid transparent;
    border-left:20px solid #fff;
  }

  body main.product-detail-page .youtube-lite:hover .real-youtube-play,
  body main.product-detail-page .youtube-lite:focus-visible .real-youtube-play {
    opacity:.86;
  }

  body main.product-detail-page .product-back-button,
  body main.product-detail-page .product-back-button:link,
  body main.product-detail-page .product-back-button:visited {
    position:absolute;
    right:var(--d-product-back-right);
    bottom:var(--d-product-back-bottom);
    width:var(--d-product-back-width);
    height:var(--d-product-back-height);
    min-height:var(--d-product-back-height);
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg, rgba(5,18,31,.86) 0%, rgba(2,10,18,.96) 100%);
    border:1px solid rgba(70,150,230,.30);
    border-radius:var(--d-product-radius-small);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(0,0,0,.20);
    color:#fff;
    font-family:var(--d-product-font);
    font-size:17px;
    line-height:24px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    transition:background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease;
  }

  body main.product-detail-page .product-back-button:hover,
  body main.product-detail-page .product-back-button:focus,
  body main.product-detail-page .product-back-button:focus-visible {
    background:linear-gradient(180deg, rgba(10,31,53,.96) 0%, rgba(4,14,24,.98) 100%);
    border-color:rgba(229,92,1,.72);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(229,92,1,.12), 0 0 18px rgba(229,92,1,.18);
  }

  body main.product-detail-page .product-back-button:active {
    background:linear-gradient(180deg, rgba(11,43,78,.96), rgba(5,16,29,.96));
    border-color:rgba(22,139,255,.88);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(47,140,255,.14), 0 0 20px rgba(22,139,255,.18);
  }

  body main.product-detail-page.product1-detail-page {
    --d-product-video-third-top:calc(var(--d-product-video-top) + var(--d-product-video-height) + var(--d-gap-kafelek-kafelek,24px));
    --d-product-panel-height:calc(var(--d-product-video-third-top) + var(--d-product-video-height) + var(--d-gap-kafelek-kafelek,24px) + var(--d-product-back-height) + var(--d-gap-kafelek-kafelek,24px));
    --d-product-image-left:45px;
    --d-product-image-top:52px;
    --d-product-image-width:372px;
    --d-product-image-height:236px;
    --d-product-text-left:455px;
    --d-product-text-top:44px;
    --d-product-text-width:700px;
    --d-product-text-height:560px;
    --d-product-video-top:calc(var(--d-product-text-top) + var(--d-product-text-height) + var(--d-gap-kafelek-kafelek,24px) + 8px);
    --d-product-video-width:520px;
    --d-product-video-height:346px;
  }

  body main.product-detail-page.product1-detail-page .product-detail-title-box {
    font-size:44px;
    line-height:52px;
  }

  body main.product-detail-page.product1-detail-page .product-detail-image {
    padding:16px;
    flex-direction:column;
    gap:0;
    background:rgba(47,140,255,.035);
    border:1px solid rgba(99,142,190,.22);
    border-radius:var(--d-product-radius-small);
  }

  body main.product-detail-page.product1-detail-page .product-detail-image img {
    width:100%;
    height:100%;
    object-fit:contain;
  }

  body main.product-detail-page.product1-detail-page .product-image-caption {
    display:none;
  }

  body main.product-detail-page.product1-detail-page .product-detail-text {
    padding:0;
    overflow:visible;
  }

  body main.product-detail-page.product1-detail-page .product-detail-text h2 {
    margin-bottom:16px;
    font-size:27px;
    line-height:33px;
  }

  body main.product-detail-page.product1-detail-page .product-detail-text p {
    font-size:17px;
    line-height:25px;
  }

  body main.product-detail-page.product1-detail-page .product-feature-grid {
    margin-top:var(--d-page-radius);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  body main.product-detail-page.product1-detail-page .product-feature {
    min-height:92px;
    padding:13px 14px;
    background:rgba(47,140,255,.035);
    border:1px solid rgba(99,142,190,.20);
    border-radius:var(--d-product-radius-small);
  }

  body main.product-detail-page.product1-detail-page .product-feature strong {
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:16px;
    line-height:21px;
    font-weight:800;
  }

  body main.product-detail-page.product1-detail-page .product-feature span {
    display:block;
    color:var(--d-product-muted);
    font-size:14px;
    line-height:20px;
  }

  body main.product-detail-page.product1-detail-page .product-note {
    margin-top:var(--d-page-radius);
  }

  body main.product-detail-page.product1-detail-page .product-function-sections {
    margin-top:12px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  body main.product-detail-page.product1-detail-page .product-function-section {
    padding:14px 16px;
    background:rgba(47,140,255,.026);
    border:1px solid rgba(99,142,190,.18);
    border-radius:var(--d-product-radius-small);
  }

  body main.product-detail-page.product1-detail-page .product-function-section h3 {
    margin:0 0 10px;
    color:#fff;
    font-size:16px;
    line-height:21px;
    font-weight:800;
  }

  body main.product-detail-page.product1-detail-page .product-function-section ul {
    margin:0;
    padding-left:var(--d-page-radius);
  }

  body main.product-detail-page.product1-detail-page .product-function-section li {
    margin:0 0 5px;
    font-size:14px;
    line-height:20px;
  }

  body main.product-detail-page.product1-detail-page .product-function-section li:last-child {
    margin-bottom:0;
  }

  body main.product-detail-page.product1-detail-page .product-video-a {
    left:60px;
    top:var(--d-product-video-top);
    width:var(--d-product-video-width);
    height:var(--d-product-video-height);
  }

  body main.product-detail-page.product1-detail-page .product-video-b {
    left:620px;
    top:var(--d-product-video-top);
    width:var(--d-product-video-width);
    height:var(--d-product-video-height);
  }


  body main.product-detail-page.product1-detail-page .product-video-c {
    left:340px;
    top:var(--d-product-video-third-top);
    width:var(--d-product-video-width);
    height:var(--d-product-video-height);
  }

  body main.product-detail-page.product1-detail-page .product-video-heading {
    height:46px;
    margin:0;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-family:var(--d-product-font);
    font-size:16px;
    line-height:20px;
    font-weight:700;
    text-align:center;
    background:rgba(47,140,255,.045);
    border-bottom:1px solid rgba(99,142,190,.20);
  }

  body main.product-detail-page.product1-detail-page .product-detail-video .youtube-lite,
  body main.product-detail-page.product1-detail-page .product-detail-video .youtube-lite img {
    height:calc(100% - 46px);
  }

  body main.product-detail-page.product1-detail-page .product-back-button {
    bottom:var(--d-gap-kafelek-kafelek,24px);
  }

  body main.product-detail-page .reveal {
    opacity:0;
    visibility:visible;
    transform:none;
    transition:opacity 2s ease;
    will-change:opacity;
  }

  body main.product-detail-page .reveal.visible {
    opacity:1;
    visibility:visible;
    transform:none;
  }
}

/* v332 — desktop: film YouTube nie zasłania nagłówka + ikona jak w mobile */
@media screen and (min-width:1200px) {
  body main.product-detail-page.product1-detail-page .product-detail-video {
    padding:0 !important;
  }

  body main.product-detail-page.product1-detail-page .product-detail-video .youtube-lite,
  body main.product-detail-page.product1-detail-page .product-detail-video > iframe {
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:calc(100% - 46px) !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 0 var(--d-product-radius-small) var(--d-product-radius-small) !important;
    background:#000 !important;
  }

  body main.product-detail-page.product1-detail-page .product-detail-video .youtube-lite img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  body main.product-detail-page.product1-detail-page .real-youtube-play {
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:58px !important;
    height:40px !important;
    transform:translate(-50%,-50%) !important;
    border-radius:12px !important;
    background:rgba(0,0,0,.65) !important;
    border:1px solid rgba(255,255,255,.35) !important;
    opacity:1 !important;
    pointer-events:none !important;
    transition:opacity .22s ease, background-color .22s ease, border-color .22s ease !important;
  }

  body main.product-detail-page.product1-detail-page .real-youtube-play::before {
    content:"" !important;
    position:absolute !important;
    left:22px !important;
    top:10px !important;
    width:0 !important;
    height:0 !important;
    border-left:15px solid #fff !important;
    border-top:10px solid transparent !important;
    border-bottom:10px solid transparent !important;
  }

  body main.product-detail-page.product1-detail-page .real-youtube-play::after {
    content:none !important;
    display:none !important;
  }
}

/* v333 — desktop: większa ikona odtwarzania YouTube o 50%. */
@media (min-width:1200px){
  body main.product-detail-page .real-youtube-play{
    width:117px !important;
    height:81px !important;
    border-radius:20px !important;
  }
  body main.product-detail-page .real-youtube-play::after{
    left:47px !important;
    top:21px !important;
    border-top-width:20px !important;
    border-bottom-width:20px !important;
    border-left-width:30px !important;
  }
}