/* convention-override: approved by Viliam - "the entire description section should be much wider on wider screens like this, it needs to be responsive" (24 Oct 2026). Design review of v1 (output/visual_checks/edur-desc-width-1.css.review.md): widen only descriptions with 2-column image tables to 1200px; plain prose keeps the readable centred 610px measure; parameters stay 610px aligned to the wide column; phones show each image before its own text. */
/* edur-desc-width-3: reviewer fix of v2 (24 Oct 2026). Image tables up to 1200px; every other block stays on the centred 610px measure used by all products, so text, parameters, the Popis tab and the toggle share one axis. Cell headings use the section-heading style; text-only rows align to the top; table images are not enlarged past natural width; on phones each image precedes its own text. */
html body.type-product #description :is(.basic-description,.extended-description>p:first-child,.extended-description>.detail-parameters){width:100%!important;max-width:610px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html body.type-product #description:has(.basic-description table img) .basic-description{max-width:1200px!important}
html body.type-product #description:has(.basic-description table img) .basic-description :is(p,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,table:not(:has(img)),div:not(:has(table,img,iframe,video))):not(td *):not(th *){max-width:610px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
@media (min-width:1200px){html body.type-product #description:has(.basic-description table img) .basic-description{padding-right:0!important}html body.type-product #description:has(.basic-description table img) .basic-description :is(p,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,table:not(:has(img)),div:not(:has(table,img,iframe,video))):not(td *):not(th *){padding-right:calc(40px)!important}}
@media (min-width:1200px){html body.type-product #description:has(.basic-description table img) .basic-description div:not(:has(table,img,iframe,video)) :is(p,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,table,div):not(td *):not(th *){padding-right:0!important;max-width:none!important}}
html body.type-product #description .basic-description table:has(img) td :is(h2,h3,h4){font-size:21px!important;line-height:1.3!important;text-align:left!important;margin:0 0 13px!important}
html body.type-product #description .basic-description table:has(img) td img{width:auto!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;float:none!important}
html body.type-product #description .basic-description table:has(img) tr:not(:has(img))>td{vertical-align:top!important}
html body.type-product #description .basic-description table:has(img) tr.edur-cards>td{vertical-align:top!important}
@media (max-width:1199px){html body.type-product #description .basic-description table:has(tr.edur-cards>td:nth-child(3)),html body.type-product #description .basic-description table:has(tr.edur-cards>td:nth-child(3))>tbody,html body.type-product #description .basic-description table:has(tr.edur-cards>td:nth-child(3)) tr{display:block!important;width:100%!important}html body.type-product #description .basic-description table:has(tr.edur-cards>td:nth-child(3)) td{display:block!important;width:100%!important;max-width:610px!important;margin:0 auto!important;padding:0 0 21px!important;box-sizing:border-box!important}}
@media (max-width:767px){html body.type-product #description .basic-description table:has(img)>tbody>tr{display:flex!important;flex-direction:column}html body.type-product #description .basic-description table:has(img)>tbody>tr>td:has(img){order:-1}}
/* convention-override: approved by Viliam - "propose the best visual style, formatting, UI , UX conventions which need to have certain degree of uniformity for all products" (24 Oct 2026); decisions D-A, D-B of PLAN section 8.5 */

/* D-A: preserve the column's horizontal centring; standardise its section edges. */
html body:is(.type-product,.template-13.type-product) #description .basic-description {
  line-height:28px!important;
  margin-top:21px!important;
  margin-bottom:55px!important;
}
html body:is(.type-product,.template-13.type-product) .p-short-description {
  line-height:28px!important;
}
html body:is(.type-product,.template-13.type-product) #description .basic-description :is(h1,h2,h3,h4,h5,h6) {
  font-size:21px!important;
  line-height:27.3px!important;
  font-weight:700!important;
  margin:34px 0 13px!important;
  text-align:left!important;
}
html body:is(.type-product,.template-13.type-product) #description .basic-description :is(h1,h2,h3,h4,h5,h6):first-child,
html body:is(.type-product,.template-13.type-product) #description .basic-description :is(td,th) :is(h1,h2,h3,h4,h5,h6) {
  margin-top:0!important;
}
html body:is(.type-product,.template-13.type-product) #description .basic-description p,
html body:is(.type-product,.template-13.type-product) .p-short-description p {
  margin:0 0 21px!important;
}
html body:is(.type-product,.template-13.type-product) .p-short-description :is(h1,h2,h3,h4,h5,h6) {
  font-weight:400!important;
  margin:0 0 13px!important;
}
@media (max-width:767px) {
  html body:is(.type-product,.template-13.type-product) #description .basic-description {
    margin-top:21px!important;
    margin-bottom:34px!important;
  }
}

/* D-B: the existing props-list presentation, extended to short descriptions.
   Dot offset 8px and indent 21px use the approved spacing scale. */
html body:is(.type-product,.template-13.type-product) .p-short-description ul {
  list-style:none!important;
  margin:0 0 21px!important;
  padding:0!important;
}
html body:is(.type-product,.template-13.type-product) .p-short-description ul > li {
  position:relative;
  margin:0 0 8px!important;
  padding:0 0 0 21px!important;
  line-height:28px!important;
}
html body:is(.type-product,.template-13.type-product) .p-short-description ul > li:last-child {
  margin-bottom:0!important;
}
html body:is(.type-product,.template-13.type-product) .p-short-description ul > li::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:5px!important;
  top:8px!important;
  width:6px!important;
  height:6px!important;
  margin:0!important;
  border:0!important;
  border-radius:3px!important;
  background:#f65e5e!important;
  transform:none!important;
}
/* convention-override: approved by Viliam - "Switch to larger text for larger screens" (24 Oct 2026, decision D-C) */
/* edur-desc-type-2 (reviewer fix of type-1, 25 Oct 2026): from 1440px EVERY description, with or without image tables, uses 18px/30px prose and 24px/1.3 headings on one centred 740px measure (700px text plus the template's 40px gutter); paragraphs and list items fill that measure; image tables keep 1200px; posters fill the measure. Below 1440px nothing changes. Short description unchanged. */
@media (min-width:1440px){
html body.type-product #description:not(:has(.basic-description table img)) .basic-description,html body.type-product #description :is(.extended-description>p:first-child,.extended-description>.detail-parameters){max-width:740px!important}
html body.type-product #description:has(.basic-description table img) .basic-description :is(p,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,table:not(:has(img)),div:not(:has(table,img,iframe,video))):not(td *):not(th *){max-width:740px!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description :is(p,li):not(td *):not(th *){max-width:none!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description{font-size:18px!important;line-height:30px!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description :is(p,li,div,td,th,blockquote,font,span:not([class*="icon"]):not([class*="fa"])){font-size:inherit!important;line-height:inherit!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .extended-description>p:first-child{font-size:18px!important;line-height:30px!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description :is(h1,h2,h3,h4,h5,h6){font-size:24px!important;line-height:1.3!important;font-weight:700!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description :is(ul,ol)>li{line-height:30px!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description ul>li{padding-left:21px!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description ul>li::before{top:12px!important;left:5px!important;width:6px!important;height:6px!important}
html body.type-product #description:is(:has(.basic-description table img),:not(:has(.basic-description table img))) .basic-description a.edur-yt-poster{max-width:700px!important}
}
#description .basic-description a.edur-yt-poster {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 610px !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #2a353d !important;
  text-decoration: none !important;
}
#description .basic-description a.edur-yt-poster .edur-yt-thumb {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
}
#description .basic-description a.edur-yt-poster .edur-yt-play {
  position: absolute;
  left: 50%;
  top: calc(50% - 20px);
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  border-radius: 13px;
  background: rgba(42, 53, 61, .85);
  transition: background-color 160ms ease;
  pointer-events: none;
}
#description .basic-description a.edur-yt-poster .edur-yt-play::after {
  content: "";
  position: absolute;
  left: 27px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 11px solid rgba(255, 255, 255, 0);
  border-bottom: 11px solid rgba(255, 255, 255, 0);
  border-left: 18px solid #fff;
}
#description .basic-description a.edur-yt-poster:hover .edur-yt-play,
#description .basic-description a.edur-yt-poster:focus-visible .edur-yt-play {
  background: #f65e5e;
}
#description .basic-description a.edur-yt-poster[data-edur-yt-poster] span.edur-yt-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 13px;
  background: rgba(42, 53, 61, .85);
  color: #fff !important;
  font-size: 14px !important;
  text-decoration: underline;
  text-align: left;
}
#description .basic-description a.edur-yt-poster:focus-visible {
  outline: 3px solid #f65e5e;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  #description .basic-description a.edur-yt-poster .edur-yt-play { transition: none; }
}
/* convention-override: approved by Viliam - "bottom centre" (25 Oct 2026, decision D-F, cookie card) */
/* edur-cookie-centre-1: centre the consent card horizontally on tablet and desktop.
   Phones (max-width 767px) keep the bundle's full-width card with symmetric 13px insets. */
@media (min-width: 768px) {
  html body.template-13 div.siteCookies {
    left: 21px;
    right: 21px;
    margin-left: auto;
    margin-right: auto;
    transform: none;
  }
}
/* cookie card narrower (Viliam 25 Oct 2026, verbatim: "make it narrower"): 360 px clears the price and cart at 1366x768, 1440x900 and 1920x1080 on vox-ac15ch and korg-mw-2408-nt; buttons 97x44 px, no clipping */
@media (min-width:768px){html body.template-13 div.siteCookies{max-width:360px!important}}


/* === W11-6 BLOCK I: reviewed Q06b header fit (exact candidate follows) === */
/* q06-header-fit-2: Q06b header fit. Three existing theme issues only; no other element, colour or spacing is changed. */

/* 1. NOT INCLUDED (unresolved): header content overflows by 13 px at <=768 px. Measured cause: edur-ui-bundle-2.css sets the menu button
   margin-left:-13px and margin-right:-13px at <=768 px, but the theme rule "#header .navigation-buttons a { margin-left: 0 }" cancels
   the left margin. A counter-rule (even with !important) did not move the button in the headless test, so no verified fix exists yet. */

/* 2. 768-991 px (tablet range): logo image ends 3.5 px from the search box. Inner right padding on the logo box
   (border-box: its outer width and the search and nav boxes stay put) gives a token gap of 8 px. */
@media (min-width: 768px) and (max-width: 991px) {
  #header .header-top-wrapper .site-name { box-sizing: border-box; padding-right: 8px; }
}

/* 3. Description headings: a chain of non-breaking spaces ("so strunníkom a tremolom Bigsby") forms one unbreakable
   323 px line at 320 px wide. Allow wrapping inside description headings. */
#edur-description-text :is(h1, h2, h3, h4, h5, h6),
.basic-description :is(h1, h2, h3, h4, h5, h6),
.extended-description :is(h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; max-width: 100%; }

/* === W11-6 BLOCK II: zero-review summary; existing JS verified zero-stars hook only === */
body.type-product .p-detail-inner .stars-wrapper.edur-unrated { display: none !important; }

/* === W11-6 BLOCK III: Q18 native phone search; CSS activation via real native form === */
@media (max-width:767px) {
  #header:has(#formSearchForm input[name="string"]) .header-top-wrapper {display:flex!important;flex-wrap:wrap!important}
  #header:has(#formSearchForm input[name="string"]) .header-top-wrapper > .search {
    display:block!important;position:static!important;visibility:visible!important;
    opacity:1!important;transform:none!important;order:3;flex:0 0 calc(100% - 26px);
    width:calc(100% - 26px)!important;max-width:calc(100% - 26px);margin:0 13px 8px;
    height:44px!important;min-height:44px;padding:0!important;box-sizing:border-box;
  }
  #header:has(#formSearchForm input[name="string"]) #formSearchForm,
  #header:has(#formSearchForm input[name="string"]) #formSearchForm fieldset {
    display:flex!important;position:relative!important;width:100%;height:44px;
    min-width:0;min-height:0;margin:0!important;padding:0!important;border:0;box-sizing:border-box;
  }
  #header:has(#formSearchForm input[name="string"]) #formSearchForm input[name="string"] {
    display:block!important;visibility:visible!important;flex:1;min-width:0;
    width:100%!important;height:44px!important;min-height:44px;font-size:16px!important;
    box-sizing:border-box;margin:0!important;
  }
  #header:has(#formSearchForm input[name="string"]) #formSearchForm .search-button {
    position:static!important;flex:0 0 auto;min-height:44px;margin:0;
  }
  #header:has(#formSearchForm input[name="string"]) [data-testid="linkSearchIcon"] {display:none!important}
}

/* === W11-8: Q06b fix 1; keep the menu inside the header without reflow === */
@media (max-width: 768px) {
  #header .navigation-buttons a.toggle-window[data-target="navigation"]{position:relative;right:13px}
}