/* =========================================================
   PLAYT – styly e-shopu (šablona Samba)
   A) Základ: proměnné, stránky .playt-page, tlačítka, karty
   B) Homepage a produkt: sekce 1–12 (sekce 7 Výhody zrušena)
   Písmo Poppins se nastavuje v administraci Shoptetu.
   ========================================================= */

/* =========================================================
   A) ZÁKLAD PLAYT
   ========================================================= */
:root{--p-b:#00f;--p-bh:#0000B3;--p-b50:#F3F7FE;--p-b100:#E4EDFF;--p-gold:#F0DA49;--p-apr:#F55627;--p-ind:#6A75AF;--p-rose:#D987AF;--p-sf:#F5F5F5;--p-ink:#121628;--p-tx:#3D4152;--p-mu:#5C6070;--p-sub:#6E7280;--p-f:Poppins,system-ui,sans-serif;--p-r:999px;--p-rc:22px;--playt-blue:var(--p-b);--playt-blue-50:var(--p-b50);--playt-blue-100:var(--p-b100);--playt-surface:var(--p-sf);--playt-ink:var(--p-ink);--playt-white:#fff;--playt-radius-card:var(--p-rc);--playt-muted:var(--p-mu);--playt-subtle:var(--p-sub);--p-peach:#FCCFCA;--p-peach50:#FEF1EF}
.playt-page{max-width:900px;margin:0 auto;padding:0 16px 48px;font-family:var(--p-f);color:var(--p-tx);font-size:16px;line-height:1.7;text-align:center}.playt-page,.playt-page *,.playt-page *::before,.playt-page *::after{box-sizing:border-box}.playt-page--wide{max-width:1100px}.playt-page h2,.playt-page h3,.playt-page .playt-hero{font-family:var(--p-f);color:var(--p-ink);font-weight:700;letter-spacing:-.01em}.playt-page h2{font-size:26px;line-height:1.3;margin:0 0 16px}.playt-page h3{font-size:20px;line-height:1.4;margin:0 0 12px}.playt-page p{margin:0 0 12px}.playt-page a{color:var(--p-b);font-weight:600;text-decoration:underline;text-underline-offset:3px}.playt-page a:hover{color:var(--p-bh)}.playt-page img{max-width:100%;height:auto}.playt-page section{margin:0}.playt-page .playt-hero{display:block;font-size:32px;line-height:1.25;margin:0 0 12px}.playt-icon{display:block;margin:0 auto 24px}.playt-banner{display:block;max-width:100%;height:auto;border-radius:var(--p-rc);margin:0 auto 32px}.playt-page .playt-lead{font-size:18px;color:var(--p-mu);max-width:720px;margin:0 auto 16px}.playt-page .playt-section-intro{color:var(--p-mu);max-width:650px;margin:0 auto 24px}.playt-page .playt-punchline{font-size:24px;font-weight:700;color:var(--p-ink);line-height:1.4;margin:24px 0 8px}.playt-page .playt-caption{color:var(--p-sub);font-style:italic;font-size:15px;margin-top:16px}.playt-story{text-align:left}.playt-divider{display:block;height:0;border:0;border-top:2px solid var(--p-sf);margin:48px 0;background:none}
.playt-page .playt-cta{margin:32px 0 0;text-align:center}a.playt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 32px;border:0;border-radius:var(--p-r);background:var(--p-b);color:#fff!important;font-family:var(--p-f);font-size:16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none!important}a.playt-btn:hover{background:var(--p-bh)}a.playt-btn--secondary{background:transparent;color:var(--p-b)!important;box-shadow:inset 0 0 0 2px var(--p-b)}a.playt-btn--secondary:hover{background:var(--p-b);color:#fff!important}a.playt-btn--small{min-height:40px;padding:10px 22px;font-size:14px}a.playt-btn span[aria-hidden]{font-size:1.2em;line-height:1}
.playt-benefits{list-style:none;max-width:720px;margin:0 auto;padding:0;display:grid;gap:20px;text-align:left}.playt-benefits li{position:relative;margin:0;padding-left:32px}.playt-benefits li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:14px;border-radius:50%;background:var(--p-apr)}.playt-benefits strong,.playt-contact strong{display:block;color:var(--p-ink)}.playt-picklist{max-width:640px;margin:0 auto;text-align:left}.playt-picklist h3{margin-top:32px}.playt-picklist ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.playt-picklist li,.playt-contact li{margin:0}.playt-contact{list-style:none;max-width:640px;margin:32px auto;padding:0;display:grid;gap:20px;text-align:left}
.playt-tiers{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:640px;margin:24px auto 0;padding:0}.playt-tiers li{aspect-ratio:1;margin:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--p-gold);color:var(--p-ink);font-size:14px;line-height:1.3}.playt-tiers strong{font-size:28px;line-height:1.1}.playt-tiers li:nth-child(2){background:var(--p-rose)}.playt-tiers li:nth-child(3){background:var(--p-ind);color:#fff}.playt-tiers li:nth-child(4){background:var(--p-b);color:#fff}
.playt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:32px 0 0}.playt-card{display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--p-sf);border-radius:var(--p-rc);text-align:center}.playt-card>img{display:block;max-width:200px;margin:0 auto 16px}.playt-card p{font-size:15px;color:var(--p-mu)}.playt-card--outline{background:#fff;border:2px solid var(--p-sf);text-align:left}.playt-card--outline:hover{border-color:var(--p-b100);box-shadow:0 8px 28px rgba(0,0,255,.06)}.playt-card--tint{background:var(--p-b50);border:2px solid var(--p-b100);text-align:left}.playt-card a.playt-btn{align-self:flex-start;margin-top:auto}.playt-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.playt-badge{display:inline-block;padding:5px 12px;border-radius:var(--p-r);background:var(--p-b50);color:var(--p-b);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.playt-card--tint .playt-badge{background:#fff}.playt-brand{color:var(--p-ink);font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.playt-brand--cc{font-size:22px;letter-spacing:-.05em}.playt-brand--dyzajn{font-size:16px}.playt-brand--dyzajn strong{color:var(--p-b)}
.playt-billing{max-width:640px;margin:32px auto 0;text-align:left;font-size:14px;color:var(--p-mu)}.playt-billing h3{font-size:16px;margin-bottom:6px}.playt-outro{max-width:760px;margin:48px auto 0;padding:36px 0 0;border-top:2px solid var(--p-sf);text-align:center}.playt-outro p{color:var(--p-mu);max-width:640px;margin:0 auto 24px}
.btn,.btn-conversion,.btn-cart,.btn-primary,.next-step .btn,.next-step .btn.btn-lg,.next-step-finish .btn,#submit-order,.toggle-window,.toggle-trigger,form button[type="submit"],form input[type="submit"],.flag,.navigation-in>ul.menu-level-1>li>a{border-radius:99px!important}
.btn.add-to-cart-button,.btn.btn-cart,.add-to-cart-button,button.btn-cart,a.btn-cart,input.btn-cart,input.b-cart-variants,button.b-cart-variants{min-height:48px!important;padding:14px 26px!important;background:var(--p-b)!important;border:1px solid var(--p-b)!important;border-radius:var(--p-r)!important;color:#fff!important;font-family:var(--p-f)!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;text-decoration:none!important}:is(.btn.add-to-cart-button,.btn.btn-cart,.add-to-cart-button,button.btn-cart,a.btn-cart,input.btn-cart,input.b-cart-variants,button.b-cart-variants):hover{background:var(--p-bh)!important;border-color:var(--p-bh)!important}:is(a.playt-btn,.btn.add-to-cart-button,.btn.btn-cart,.add-to-cart-button,button.btn-cart,a.btn-cart,input.btn-cart,input.b-cart-variants,button.b-cart-variants):focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
ol.playt-steps{list-style:none;counter-reset:ps;display:grid;gap:20px;max-width:500px;margin:0 auto;padding:24px 16px;border-top:2px solid var(--p-sf);text-align:left;color:var(--p-mu);font-size:18px;line-height:1.4}ol.playt-steps>li{counter-increment:ps;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:16px;margin:0;padding:0;overflow-wrap:break-word}ol.playt-steps>li::before{content:counter(ps);grid-row:span 2;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--p-b);color:#fff;font-weight:700;font-size:22px;line-height:1}ol.playt-steps strong{color:var(--p-ink);font-size:21px;line-height:1.3}
@media(max-width:760px){.playt-page .playt-hero{font-size:28px}.playt-page h2{font-size:23px}.playt-divider{margin:36px 0}.playt-card{padding:22px}}
@media(max-width:600px){.playt-tiers{grid-template-columns:repeat(2,1fr);max-width:320px}ol.playt-steps{max-width:440px;font-size:16px}ol.playt-steps>li{grid-template-columns:52px minmax(0,1fr);column-gap:14px}ol.playt-steps>li::before{width:52px;height:52px}ol.playt-steps strong{font-size:18px}}
@media(prefers-reduced-motion:no-preference){a.playt-btn,.playt-card--outline,.add-to-cart-button,.btn-cart,.b-cart-variants{transition:.2s}}

/* =========================================================
   B) HOMEPAGE A PRODUKTOVÁ STRÁNKA
   ========================================================= */

/* ---------------------------------------------------------
   1) HLAVNÍ BANNER (karusel) – modré kolečko s textem
   --c = velikost kolečka, --x = odsazení zleva
   --------------------------------------------------------- */
#carousel .item>a{position:relative;display:block;overflow:hidden;container-type:inline-size;--c:34cqw;--x:5cqw}

#carousel .extended-banner-texts{
  position:absolute!important;top:50%!important;bottom:auto!important;left:var(--x)!important;right:auto!important;
  transform:translateY(-50%);z-index:2;
  width:var(--c)!important;height:auto!important;aspect-ratio:1;max-width:none!important;
  border-radius:50%!important;background:var(--p-b)!important;
  display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:0 3cqw!important;margin:0!important;box-sizing:border-box;overflow:visible!important}

#carousel .extended-banner-title,
#carousel .extended-banner-text{-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important;width:auto!important}

#carousel .extended-banner-title{
  color:#fff!important;font-family:var(--p-f)!important;font-weight:700!important;
  font-size:calc(var(--c)*.15)!important;line-height:.98!important;letter-spacing:-.01em;
  margin:0 0 .3em!important;text-wrap:balance}

#carousel .extended-banner-text{
  display:block!important;color:#fff!important;font-family:var(--p-f)!important;font-weight:500!important;
  font-size:calc(var(--c)*.052)!important;line-height:1.3!important;margin:0 0 1.2em!important;text-wrap:balance}

#carousel .extended-banner-link{
  position:relative;z-index:3;display:inline-flex!important;align-items:center;gap:.5em;
  background:#fff!important;color:var(--p-b)!important;
  font-family:var(--p-f)!important;font-weight:700!important;
  border-radius:var(--p-r)!important;padding:.65em 1.5em!important;font-size:calc(var(--c)*.058)!important;
  border:0!important;margin:0!important;white-space:nowrap;box-shadow:0 3px 12px rgba(0,0,0,.18)}
#carousel .item>a:hover .extended-banner-link{background:var(--p-b100)!important;color:var(--p-bh)!important}

/* Kolečko se slevou – pro zrušení smaž celý tento blok, pro jinou slevu přepiš text v content */
#carousel .item.active>a::after{
  content:"−10 %";position:absolute;z-index:3;
  left:calc(var(--x) + var(--c)*.84);top:calc(50% - var(--c)*.5);
  width:calc(var(--c)*.32);aspect-ratio:1;border-radius:50%;
  background:var(--p-apr);color:#fff;font:700 calc(var(--c)*.1)/1 Poppins,system-ui,sans-serif;
  display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}

/* Šipky karuselu vpravo vedle sebe */
#carousel .carousel-control{
  width:44px!important;height:44px!important;min-width:0!important;max-width:44px!important;padding:0!important;
  box-sizing:border-box!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);
  background:none!important;border:0!important;opacity:1}
#carousel .carousel-control.right{right:16px!important;left:auto!important}
#carousel .carousel-control.left{right:68px!important;left:auto!important}
#carousel .carousel-control::before{left:0!important;right:auto!important;top:0!important;margin:0!important}
#carousel .carousel-control:focus:not(:focus-visible){outline:0!important}

/* Tablet */
@media (max-width:1023px){
  #carousel .item>a{--c:35cqw;--x:4cqw}
}
/* Mobil */
@media (max-width:599px){
  #carousel .item>a{--c:36cqw;--x:5cqw}
  #carousel .extended-banner-texts{padding:0 2cqw!important}
  #carousel .extended-banner-title{font-size:calc(var(--c)*.155)!important;margin:0 0 .4em!important}
  #carousel .extended-banner-text{display:none!important}
  #carousel .extended-banner-link{font-size:calc(var(--c)*.075)!important;padding:.55em 1em!important;gap:.35em}
}

/* ---------------------------------------------------------
   2) OBSAHOVÉ BANNERY (uprostřed a dole) – fotka s oválem
   .body-banners = banner uprostřed stránky (ovál vpravo)
   .footer-banners = banner dole – reference (ovál vlevo)
   --------------------------------------------------------- */
.homepage-banners-full-width{background:transparent!important}
.banners-content{padding-left:16px;padding-right:16px}

.banners-content .banner-wrapper>a{position:relative!important;display:block!important;border-radius:var(--p-rc);overflow:hidden;background:transparent!important}

.banners-content .banner-wrapper img{
  display:block;width:100%!important;max-width:none!important;
  height:clamp(260px,32vw,440px)!important;object-fit:cover}

.banners-content .extended-banner-texts{
  position:absolute!important;top:50%!important;bottom:auto!important;
  left:clamp(16px,4vw,48px)!important;right:auto!important;transform:translateY(-50%)!important;
  width:clamp(360px,46vw,620px)!important;max-width:calc(100% - 32px)!important;
  aspect-ratio:807/377;height:auto!important;margin:0!important;
  padding:0 clamp(48px,5.5vw,80px)!important;box-sizing:border-box;
  background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-radius:var(--p-r)!important;box-shadow:0 4px 20px rgba(18,22,40,.10);
  display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center}

.banners-content .extended-banner-title{
  font-family:var(--p-f)!important;font-weight:700!important;color:var(--p-b)!important;
  font-size:clamp(22px,2.6vw,36px)!important;line-height:1.1!important;margin:0 0 .3em!important}

.banners-content .extended-banner-text{
  font-family:var(--p-f)!important;color:var(--p-ink)!important;
  font-size:clamp(14px,1.25vw,17px)!important;line-height:1.45!important;margin:0 0 .9em!important;
  display:block!important;overflow:visible!important;text-wrap:balance}

.banners-content .extended-banner-link{
  display:inline-flex!important;align-items:center;gap:.4em;width:auto!important;
  background:none!important;color:var(--p-b)!important;
  font-family:var(--p-f)!important;font-weight:600!important;font-size:clamp(14px,1.25vw,17px)!important;
  border:0!important;border-radius:0!important;padding:0!important;text-decoration:none!important}

/* Stejná šipka jako v hlavním banneru */
.banners-content .extended-banner-link::after{content:"\e90c"!important;color:var(--p-b)!important}

/* Banner uprostřed: ovál vpravo (od tabletu výš); spodní zůstává vlevo */
@media (min-width:600px){
  .body-banners .extended-banner-texts{left:auto!important;right:clamp(16px,4vw,48px)!important}
}

/* Mobil: ovál uprostřed fotky */
@media (max-width:599px){
  .banners-content .banner-wrapper img{height:300px!important}
  .banners-content .extended-banner-texts{
    left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;
    width:calc(100% - 32px)!important;padding:22px 36px!important;aspect-ratio:auto!important;min-height:150px}
  .banners-content .extended-banner-title{font-size:21px!important}
  .banners-content .extended-banner-text,
  .banners-content .extended-banner-link{font-size:14px!important}
}

/* ---------------------------------------------------------
   3) MALÉ BANNERY POD HERO – polokruh („miska“) vyrůstající ze spodní hrany
   1. banner: modrý polokruh vlevo, 2. banner: růžový polokruh vpravo
   --------------------------------------------------------- */
.next-to-carousel-banners .banner-wrapper{container-type:inline-size;overflow:hidden;min-width:0;width:100%;flex:0 0 auto}
@media (min-width:992px){
  .next-to-carousel-banners .banner-wrapper{flex:1 1 0}
}
.next-to-carousel-banners .banner-wrapper>a{display:block;position:relative}
.next-to-carousel-banners .banner-wrapper img{display:block;width:100%!important;height:auto}

.next-to-carousel-banners .extended-banner-texts{
  position:absolute!important;bottom:0!important;top:auto!important;left:6cqw!important;right:auto!important;transform:none!important;
  width:clamp(240px,56cqw,420px)!important;height:clamp(120px,28cqw,210px)!important;aspect-ratio:auto!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;
  border-radius:999px 999px 0 0!important;background:var(--p-b)!important;box-shadow:none!important;
  display:flex!important;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;
  padding:0 1.5em 1.3em!important;box-sizing:border-box}

/* Druhý banner: polokruh vpravo, růžový */
.next-to-carousel-banners .banner-wrapper:nth-child(2) .extended-banner-texts{
  left:auto!important;right:6cqw!important;background:var(--p-rose)!important}

.next-to-carousel-banners .extended-banner-title{
  color:#fff!important;font-family:var(--p-f)!important;font-weight:700!important;
  font-size:clamp(18px,4.5cqw,34px)!important;line-height:1.02!important;margin:0 0 .45em!important;width:auto!important;
  -webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important;text-wrap:balance}

/* Podnadpis skrytý, ať je vidět co nejvíc fotky */
.next-to-carousel-banners .extended-banner-text{display:none!important}

.next-to-carousel-banners .extended-banner-link{
  display:inline-flex!important;align-items:center;gap:.4em;width:auto!important;
  background:none!important;color:#fff!important;font-family:var(--p-f)!important;font-weight:600!important;
  font-size:clamp(13px,2.6cqw,19px)!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important}
.next-to-carousel-banners .extended-banner-link::before{content:none!important}
.next-to-carousel-banners .extended-banner-link::after{content:"\e90c"!important;color:#fff!important}

/* ---------------------------------------------------------
   4) SPOLEČNÉ STAVY – hover a fokus jako u tlačítek PLAYT
   --------------------------------------------------------- */
.banners-content .banner-wrapper>a:hover .extended-banner-link,
.banners-content .banner-wrapper>a:hover .extended-banner-link::after{color:var(--p-bh)!important}
.next-to-carousel-banners .banner-wrapper>a:hover .extended-banner-texts{filter:brightness(.92)}
#carousel .item>a:focus-visible,
.banners-content .banner-wrapper>a:focus-visible,
.next-to-carousel-banners .banner-wrapper>a:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
  #carousel .extended-banner-link,.banners-content .extended-banner-link,.next-to-carousel-banners .extended-banner-texts{transition:.2s}
}

/* ---------------------------------------------------------
   5) BLOG – KARTY ČLÁNKŮ (homepage i výpis Jak na talíře), styl .playt-card--outline
   Odkaz <a> je karta: display:flex natvrdo, protože Shoptet ho na mobilu
   nechává inline (rámeček se pak láme na kousky čar).
   --------------------------------------------------------- */
:is(.homepage-blog-wrapper,#newsWrapper) .news-item{padding:12px!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item>a{display:flex!important;flex-direction:column!important;height:100%;background:#fff;border:2px solid var(--p-sf);
  border-radius:var(--p-rc);overflow:hidden;text-decoration:none!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item .image{display:block!important;width:100%!important;height:auto!important;margin:0!important;overflow:hidden}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:15/8;object-fit:cover;border-radius:0!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item .text{position:static!important;width:auto!important;height:auto!important;background:none!important;
  padding:20px 22px 22px!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;flex:1}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item .title{color:var(--p-ink)!important;font-family:var(--p-f)!important;font-weight:700!important;
  font-size:19px!important;line-height:1.3!important;letter-spacing:-.01em;white-space:normal!important;text-overflow:clip!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;width:auto!important;height:auto!important;margin:0!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item .description{color:var(--p-mu)!important;font-size:15px!important;line-height:1.55!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;width:auto!important;height:auto!important;margin:0!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item .read-article{margin-top:auto!important;padding-top:6px;color:var(--p-b)!important;font-weight:600!important;font-size:15px!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item .read-article::before,
:is(.homepage-blog-wrapper,#newsWrapper) .news-item .read-article::after{color:var(--p-b)!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item>a:hover{border-color:var(--p-b100);box-shadow:0 8px 28px rgba(0,0,255,.06)}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item>a:hover .read-article{color:var(--p-bh)!important}
:is(.homepage-blog-wrapper,#newsWrapper) .news-item>a:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
  :is(.homepage-blog-wrapper,#newsWrapper) .news-item>a{transition:.2s}
  :is(.homepage-blog-wrapper,#newsWrapper) .news-item img{transition:transform .4s}
  :is(.homepage-blog-wrapper,#newsWrapper) .news-item>a:hover img{transform:scale(1.03)}
}

/* ---------------------------------------------------------
   6) ODSAZENÍ A RYTMUS STRÁNKY
   Malé bannery pod hero: okraje a zaoblení řeší CSS,
   obrázky nahrávej BEZ bílých okrajů a bez zaoblení.
   --------------------------------------------------------- */
.next-to-carousel-banners{gap:16px;padding:16px 16px 0;box-sizing:border-box}
.next-to-carousel-banners .banner-wrapper>a{border-radius:var(--p-rc);overflow:hidden}
.banners-content.body-banners{margin-top:48px;margin-bottom:48px}
/* spodní banner: od patičky 2× boční okraj (2 × 16 px) */
.banners-content.footer-banners{margin-top:48px;margin-bottom:32px}
.homepage-group-title{letter-spacing:0!important}
@media (max-width:767px){
  .banners-content.body-banners{margin-top:32px;margin-bottom:32px}
  .banners-content.footer-banners{margin-top:32px;margin-bottom:32px}
  .homepage-group-title{font-size:26px!important}
}

/* ---------------------------------------------------------
   8) MEZERY MEZI SEKCEMI
   --------------------------------------------------------- */
.benefit-banners-full-width{padding:48px 0 0!important}
.homepage-group-title{margin-top:72px!important;padding-top:0!important;margin-bottom:24px!important}
@media (max-width:767px){.homepage-group-title{margin-top:56px!important}}

/* ---------------------------------------------------------
   9) PRODUKTOVÉ KARTY – jako .playt-card--outline
   --------------------------------------------------------- */
.products-block .product{padding:8px!important}
.products-block .product .p{height:100%;background:#fff;border:2px solid var(--p-sf);border-radius:var(--p-rc);padding:12px 12px 20px;box-sizing:border-box}
.products-block .product .p:hover{border-color:var(--p-b100);box-shadow:0 8px 28px rgba(0,0,255,.06)}
@media(prefers-reduced-motion:no-preference){.products-block .product .p{transition:.2s}}

/* ---------------------------------------------------------
   10) TEČKY SLIDERU – aktivní jako modrá pilulka
   --------------------------------------------------------- */
.product-slider-pagination{display:flex;justify-content:center;align-items:center;gap:8px}
.product-slider-pagination .pagination-button{width:8px!important;height:8px!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:var(--p-r)!important;background:rgba(0,0,255,.22)!important;cursor:pointer}
.product-slider-pagination .pagination-button.active{width:28px!important;background:var(--p-b)!important}
.product-slider-pagination .pagination-button:hover{background:var(--p-b)!important}
.product-slider-pagination .pagination-button:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.product-slider-pagination .pagination-button{transition:width .2s,background .2s}}

/* ---------------------------------------------------------
   11) ŠTÍTKY PRODUKTŮ – tvar a písmo jako .playt-badge
   Barvu štítku nastavuješ v administraci (Shoptet ji dává inline),
   CSS ji proto nepřepisuje.
   --------------------------------------------------------- */
/* Skupina štítků je přichycená přímo ke kartě (.p), ne k obalu fotky.
   Pevná výška = výška řádku → text je svisle uprostřed i v Safari. */
.products-block .product .flags{position:absolute!important;top:22px!important;left:22px!important;right:auto!important;bottom:auto!important;
  width:auto!important;display:flex!important;flex-wrap:wrap;gap:6px;z-index:2;margin:0!important;padding:0!important}
.products-block .product .flags .flag{display:block!important;box-sizing:border-box!important;height:24px!important;line-height:24px!important;
  padding:0 10px!important;margin:0!important;font-family:var(--p-f)!important;font-size:11px!important;font-weight:600!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important;
  border-radius:999px!important;border:0!important;width:auto!important;min-width:0!important;max-width:none!important}
/* iPhone Safari si drobné písmo sám zvětšuje (text-size-adjust) – vypnout */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.flag{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:599px){
  .products-block .product .flags{top:18px!important;left:18px!important;gap:4px}
  .products-block .product .flags .flag{height:20px!important;line-height:20px!important;padding:0 8px!important;font-size:10px!important;letter-spacing:.04em!important}
}
/* ---------------------------------------------------------
   12) PRODUKTOVÁ STRÁNKA (type-detail)
   --------------------------------------------------------- */
/* Krátký popis vpravo: lehčí text, odrážky jako .playt-benefits */
.type-detail .p-short-description h3{font-size:20px!important;font-weight:700!important;line-height:1.4!important;margin:0 0 12px!important;color:var(--p-ink)!important}
.type-detail .p-short-description p,
.type-detail .p-short-description li{font-weight:400!important;color:var(--p-tx)!important;line-height:1.65!important}
.type-detail .p-short-description strong{color:var(--p-ink);font-weight:700}
.type-detail .p-short-description ul{list-style:none!important;padding:0!important;margin:0 0 8px!important;display:grid;gap:8px}
.type-detail .p-short-description ul li{position:relative;padding-left:24px!important}
.type-detail .p-short-description ul li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--p-apr)}

/* Cena o stupeň menší */
.type-detail .p-price-wrapper .price-final{font-size:40px!important;line-height:1.2!important;letter-spacing:-.01em}

/* Výběr množství jako pilulka vedle tlačítka */
.type-detail .add-to-cart .quantity{border:2px solid var(--p-sf)!important;border-radius:var(--p-r)!important;overflow:hidden;background:#fff;
  height:48px!important;display:inline-flex!important;align-items:center}
.type-detail .add-to-cart .quantity input.amount{border:0!important;height:44px!important;background:transparent!important;text-align:center;
  font-family:var(--p-f)!important;font-weight:700!important;font-size:16px!important;color:var(--p-ink)!important}
.type-detail .add-to-cart .quantity .increase,
.type-detail .add-to-cart .quantity .decrease{border:0!important;background:transparent!important;color:var(--p-b)!important;height:44px!important;font-weight:700}
.type-detail .add-to-cart .quantity .increase:hover,
.type-detail .add-to-cart .quantity .decrease:hover{background:var(--p-b50)!important}

/* Dlouhý popis: čitelná šířka řádku, lehčí text */
.type-detail #description .description-inner{max-width:720px;margin:0 auto;color:var(--p-tx)}
.type-detail #description p,
.type-detail #description li{font-weight:400!important;color:var(--p-tx)!important;line-height:1.7!important;font-size:16px!important}
.type-detail #description strong{color:var(--p-ink);font-weight:700}
.type-detail #description h4{font-size:22px!important;line-height:1.35!important;color:var(--p-ink)!important;margin:40px 0 16px!important}
.type-detail #description h4:first-child{margin-top:0!important}
.type-detail #description a{color:var(--p-b);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.type-detail #description a:hover{color:var(--p-bh)}

/* Číslovaný seznam (např. „Sedm důvodů…“) jako .playt-steps */
.type-detail #description ol{list-style:none!important;counter-reset:ps;padding:0!important;margin:0!important;display:grid;gap:24px}
.type-detail #description ol>li{counter-increment:ps;position:relative;padding-left:64px!important;min-height:48px}
.type-detail #description ol>li::before{content:counter(ps);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;
  background:var(--p-b);color:#fff;font-family:var(--p-f);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}
.type-detail #description ol>li>strong:first-child{display:block;font-size:18px;line-height:1.4;color:var(--p-ink);margin-bottom:4px}
.type-detail #description ol>li>br{display:none}

@media (max-width:767px){
  .type-detail .p-price-wrapper .price-final{font-size:34px!important}
  .type-detail #description ol>li{padding-left:52px!important}
  .type-detail #description ol>li::before{width:36px;height:36px;font-size:16px}
}

/* =========================================================
   13) MIX & MATCH – mřížka kolekcí a inspirace sad
   ========================================================= */
.playt-matrix{display:grid;gap:12px;max-width:820px;margin:24px auto 0}
.playt-matrix__row{display:grid;grid-template-columns:120px repeat(4,minmax(0,1fr));gap:12px;align-items:center}
.playt-matrix__head span{font-size:14px;font-weight:700;color:var(--p-ink);text-align:center}
.playt-page .playt-matrix__label{font-size:16px;font-weight:700;line-height:1.3;color:var(--p-ink);text-align:left;text-decoration:none}
.playt-page .playt-matrix__label:hover{color:var(--p-b)}
.playt-page .playt-matrix__cell{display:block;overflow:hidden;padding:10px;background:#fff;border:2px solid var(--p-sf);border-radius:var(--p-rc);text-decoration:none}
.playt-matrix__cell img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transform:scale(1.25)}
.playt-page .playt-matrix__cell:hover{border-color:var(--p-b100);box-shadow:0 8px 28px rgba(0,0,255,.06)}
.playt-matrix__naked{grid-template-columns:120px minmax(0,1fr) 3fr}
.playt-page .playt-matrix__note{margin:0;text-align:left;color:var(--p-mu);font-size:15px}

.playt-sets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:32px 0 0}
.playt-set{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--p-b50);border-radius:var(--p-rc)}
.playt-page .playt-set h3{margin:16px 0 4px}
.playt-page .playt-set>p{margin:0 0 12px;color:var(--p-mu);font-size:15px}
.playt-stack{position:relative;width:100%;max-width:280px;aspect-ratio:1/.92}
.playt-stack__disc{position:absolute;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(18,22,40,.18)}
.playt-stack__disc img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
/* poměr velikostí 26 : 22 : 20 cm */
.playt-stack__plate--1{width:60%;left:0;top:4%}
.playt-stack__plate--2{width:50.8%;right:0;top:0}
.playt-stack__plate--3{width:46.2%;left:34%;bottom:0}
.playt-set__items{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}

@media(max-width:600px){
  .playt-matrix__row{grid-template-columns:72px repeat(4,minmax(0,1fr));gap:6px}
  .playt-matrix__naked{grid-template-columns:72px minmax(0,1fr) 3fr}
  .playt-page .playt-matrix__label{font-size:13px}
  .playt-matrix__head span{font-size:11px}
  .playt-page .playt-matrix__cell{padding:2px;border-radius:12px}
  .playt-page .playt-matrix__note{font-size:13px}
}

/* CTA na kolekci uvnitř karty sady, vždy zarovnané dolů */
.playt-page .playt-set>.playt-set__cta{margin:auto 0 0;padding-top:20px}

/* Modré karty (stejné jako sady), třída na kontejneru .playt-cards */
.playt-cards--tint .playt-card{background:var(--p-b50)}

/* =========================================================
   14) SLIDER PRODUKTŮ – náznak dalšího produktu vpravo
   Slider Shoptetu počítá šířku karet z vnitřní šířky .product-slider-holder.
   Větší pravý padding = užší karty a do volného místa vykoukne další produkt.
   overflow:clip brání tomu, aby prohlížeč obsah při kliknutí „odscrolloval“.
   Šířka pruhu je nastavená pro 2–4 produkty vedle sebe (Shoptet: 2 / 2 / 3 / 4).
   --------------------------------------------------------- */
.product-slider-holder.has-navigation{padding-right:clamp(56px,7vw,96px)!important;overflow:clip!important}
.product-slider-holder.has-navigation .product-slider{overflow:visible!important;clip-path:inset(-24px -100vw -24px 0)}
/* Tečky pod sliderem na střed stránky: posun o polovinu rozdílu pravého a levého paddingu
   (levý padding Shoptetu: 0 px do 767 px, 32 px od 768 px) */
.product-slider-holder.has-navigation .product-slider-pagination{transform:translateX(calc(clamp(56px,7vw,96px)/2))}
@media (min-width:768px){
  .product-slider-holder.has-navigation .product-slider-pagination{transform:translateX(calc((clamp(56px,7vw,96px) - 32px)/2))}
}

/* =========================================================
   15) ŠIPKY SLIDERU PRODUKTŮ – bílé kolečko se stínem ve výšce fotky
   --------------------------------------------------------- */
.product-slider-holder .product-slider-navigation{width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 4px 16px rgba(18,22,40,.16);z-index:5!important;
  display:flex!important;align-items:center;justify-content:center;top:29%!important;transform:translateY(-50%)!important}
.product-slider-holder .product-slider-navigation::before{position:static!important;margin:0!important;transform:none!important;
  font-size:18px!important;color:var(--p-b)!important}
.product-slider-holder .product-slider-navigation:hover{background:var(--p-b)!important}
.product-slider-holder .product-slider-navigation:hover::before{color:#fff!important}
.product-slider-holder .product-slider-navigation:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
.product-slider-holder .navigation-next{right:8px!important;left:auto!important}
.product-slider-holder .navigation-prev{left:8px!important;right:auto!important}
@media (max-width:767px){
  .product-slider-holder .product-slider-navigation{width:40px!important;height:40px!important}
}
@media(prefers-reduced-motion:no-preference){.product-slider-holder .product-slider-navigation{transition:background .2s}}

/* =========================================================
   16) SLIDER PRODUKTŮ NA MOBILU – 2 úzké karty vedle sebe
   Menší vnitřní odsazení, kratší tlačítko na jeden řádek,
   menší štítky. Šipky skryté: na dotykovém displeji se posouvá
   tahem prstem a vykouknutá karta to napoví.
   --------------------------------------------------------- */
@media (max-width:599px){
  .products-block .product{padding:4px!important}
  .products-block .product .p{padding:8px 8px 14px!important;border-radius:16px!important}
  .products-block .product .name{font-size:14px!important;line-height:1.3!important}
  .products-block .product .price-final,
  .products-block .product .price{font-size:15px!important}
  .products-block .btn.add-to-cart-button{min-height:40px!important;padding:8px 14px!important;font-size:14px!important;white-space:nowrap!important}
  .product-slider-holder .product-slider-navigation{display:none!important}
}

/* =========================================================
   17) STRÁNKA KOLEKCE – úvod nad produkty a příběh pod nimi
   Úvod: popis kategorie (.category-perex)
   Příběh: druhý popis kategorie (.category__secondDescription)
   --------------------------------------------------------- */
.category-perex .playt-collection{padding:0 0 8px;text-align:left}
.playt-collection__hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}
.playt-collection__img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--p-rc)}
.playt-page .playt-collection__intro .playt-lead{margin:0 0 20px;max-width:none;font-size:18px;color:var(--p-tx)}
.playt-collection__designs{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.playt-collection__designs li{margin:0}
.playt-page .playt-collection__designs a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1.3;text-align:center;color:var(--p-ink);text-decoration:none}
.playt-page .playt-collection__designs a:hover{color:var(--p-b)}
.playt-collection__designs .disc{display:block;width:100%;max-width:84px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(18,22,40,.12)}
.playt-collection__designs .disc img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.3)}
.playt-collection__facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.playt-collection__facts li{margin:0;padding:5px 12px;border-radius:var(--p-r);background:var(--p-b50);color:var(--p-b);font-size:13px;font-weight:600;line-height:1.5}
.category__secondDescription .playt-collection-story{padding:32px 0 0;text-align:left}
.playt-collection-story .playt-banner{margin:24px 0}
.playt-page.playt-collection-story .playt-cta{text-align:left;margin:16px 0 24px}
/* Kolekce – limitka (Sunshine) */
.playt-page .playt-collection__limit{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:var(--p-r);background:var(--p-apr);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}
.playt-collection__facts li.is-limit{background:var(--p-apr);color:#fff}
/* Kolekce – vizuál místo fotky (Naked): talíře na modrém podkladu */
.playt-collection__visual{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:24px;background:var(--p-b50);border-radius:var(--p-rc)}
.playt-collection__visual .playt-stack{max-width:360px}
.playt-collection__designs--3{grid-template-columns:repeat(3,1fr)}
.playt-collection-story__links{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:767px){.playt-collection__visual{aspect-ratio:16/10;padding:16px}.playt-collection__visual .playt-stack{max-width:240px}}
@media (max-width:767px){
  .playt-collection__hero{grid-template-columns:1fr;gap:20px}
  .playt-collection__img{aspect-ratio:16/10}
  .playt-page .playt-collection__intro .playt-lead{font-size:16px;margin-bottom:16px}
  .playt-collection__designs{gap:8px;margin-bottom:16px}
  .playt-collection__designs .disc{max-width:64px}
}

/* =========================================================
   19) TLAČÍTKO „DO KOŠÍKU“ V KARTÁCH PRODUKTŮ – vždy na jednom řádku
   Karty v kategorii vedle bočního panelu jsou úzké (cca 150–175 px),
   proto menší vnitřní odsazení a zákaz zalomení. Produktová stránka
   má vlastní větší tlačítko a tohle pravidlo se jí netýká.
   --------------------------------------------------------- */
.products .product .add-to-cart-button,
.products .product .btn-cart{padding:12px 14px!important;font-size:15px!important;white-space:nowrap!important;max-width:100%}

/* =========================================================
   21) KARTY PRODUKTŮ – CELÝ NÁZEV, TLAČÍTKA V ŘADĚ
   Shoptet ořezává název na 2 řádky. Na užších kartách se dlouhé názvy
   (Double Trouble, Sunshine) nevešly, proto zobrazujeme celý název.
   Cena, dostupnost a tlačítko jsou zarovnané na spodek karty,
   takže v jedné řadě jsou ve stejné výšce.
   --------------------------------------------------------- */
.products .product .name{height:auto!important;max-height:none!important;-webkit-line-clamp:unset!important;line-clamp:none!important;overflow:visible!important;display:block!important}
.products .product .p{flex-direction:column!important}
.products .product .p-in{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
.products .product .p-bottom{margin-top:auto!important}

/* =========================================================
   22) BLOG „JAK NA TALÍŘE“ – výpis a článek
   Úvodní obrázek článku: poměr 15 : 8 (např. 1800 × 960 px).
   Obrázek nahrávej obdélníkový, zakulacení dělá CSS.
   --------------------------------------------------------- */
/* Výpis: nadpis a úvodní text na střed */
.type-posts-listing .sectionDescription{max-width:720px;margin:0 auto 40px!important;text-align:center}
.type-posts-listing .sectionDescription h1{text-align:center!important;margin-bottom:12px!important}
.type-posts-listing .sectionDescription p{color:var(--p-tx);font-size:17px;line-height:1.6}
.type-posts-listing .sectionDescription p:empty,
.type-posts-listing .sectionDescription p:has(>br:only-child){display:none}
#newsWrapper{row-gap:8px}

/* Článek */
.type-post .news-item-detail article{max-width:880px;margin:0 auto}
.type-post .news-item-detail article>header h1{text-align:center!important;font-size:clamp(30px,4.2vw,48px)!important;
  line-height:1.12!important;letter-spacing:-.01em;margin:0 auto 28px!important;max-width:760px;text-wrap:balance}
.type-post .news-item-detail article>img{display:block;width:100%!important;height:auto!important;aspect-ratio:15/8;object-fit:cover;
  border-radius:var(--p-rc);margin:0 0 40px!important;background:var(--p-b50)}
.type-post .news-item-detail .text{max-width:680px;margin:0 auto;color:var(--p-tx);font-size:17px;line-height:1.7}
/* první odstavec = perex → větší úvodní text */
.type-post .news-item-detail .text>p:first-child{font-size:20px;line-height:1.6;color:var(--p-ink);font-weight:500;margin-bottom:28px}
.type-post .news-item-detail .text h2{font-size:28px!important;line-height:1.2!important;margin:48px 0 14px!important;color:var(--p-ink);text-wrap:balance}
.type-post .news-item-detail .text h3{font-size:20px!important;line-height:1.3!important;margin:32px 0 8px!important;color:var(--p-ink)}
.type-post .news-item-detail .text p{margin:0 0 18px}
.type-post .news-item-detail .text :is(ul,ol){margin:0 0 22px;padding-left:1.3em}
.type-post .news-item-detail .text li{margin:0 0 8px;padding-left:.2em}
.type-post .news-item-detail .text ul li::marker{color:var(--p-apr)}
.type-post .news-item-detail .text ol li::marker{color:var(--p-b);font-weight:700}
.type-post .news-item-detail .text a:not(.playt-btn){color:var(--p-b);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.type-post .news-item-detail .text a:not(.playt-btn):hover{color:var(--p-bh)}
.type-post .news-item-detail .text img{max-width:100%;height:auto;border-radius:var(--p-rc)}
.type-post .news-item-detail .text figure{margin:32px 0}
.type-post .news-item-detail .text figcaption{margin-top:8px;font-size:14px;color:var(--p-mu);text-align:center}
.type-post .news-item-detail .text table{width:100%;border-collapse:collapse;margin:8px 0 28px;font-size:15px}
.type-post .news-item-detail .text :is(th,td){padding:12px 14px;border-bottom:1px solid var(--p-b100);text-align:left;vertical-align:top}
.type-post .news-item-detail .text th{background:var(--p-b50);color:var(--p-ink);font-weight:700}
.type-post .news-item-detail .text .playt-table-wrap{overflow-x:auto;margin:8px 0 28px}
.type-post .news-item-detail .text .playt-table-wrap table{margin:0;min-width:520px}
/* rámeček s tipem */
.type-post .news-item-detail .text .playt-tip{background:var(--p-b50);border-radius:var(--p-rc);padding:22px 26px;margin:28px 0}
.type-post .news-item-detail .text .playt-tip>:last-child{margin-bottom:0}
.type-post .news-item-detail .text .playt-tip strong:first-child{color:var(--p-b)}
/* závěrečná výzva */
.type-post .news-item-detail .text .playt-article-cta{margin:48px 0 40px;padding:32px 28px;border-radius:var(--p-rc);background:var(--p-b);color:#fff;text-align:center}
.type-post .news-item-detail .text .playt-article-cta h2{color:#fff!important;margin:0 0 8px!important;font-size:24px!important}
.type-post .news-item-detail .text .playt-article-cta p{color:rgba(255,255,255,.88);margin:0 0 20px}
.type-post .news-item-detail .text .playt-article-cta p:last-child{margin:0}
.type-post .news-item-detail .text .playt-article-cta .playt-btn{background:#fff!important;color:var(--p-b)!important;text-decoration:none}
.type-post .news-item-detail :is(article>header h1,.text,.text h2,.text h3){letter-spacing:0!important}
.type-post .news-item-detail .text th{white-space:nowrap}
.type-post .news-item-detail article>footer{max-width:680px;margin:32px auto 0;color:var(--p-mu);font-size:14px}
@media (max-width:599px){
  .type-post .news-item-detail article>img{margin-bottom:28px!important;border-radius:16px}
  .type-post .news-item-detail .text{font-size:16px}
  .type-post .news-item-detail .text>p:first-child{font-size:18px}
  .type-post .news-item-detail .text h2{font-size:24px!important;margin-top:40px!important}
  .type-post .news-item-detail .text .playt-tip{padding:18px 20px}
  .type-posts-listing .sectionDescription{margin-bottom:24px!important}
}

/* =========================================================
   23) STRÁNKA KOLEKCE (rozcestník) – kompaktní výkladní skříň
   Horní popis: .playt-showcase, spodní popis: .playt-showcase-story
   --------------------------------------------------------- */
body:has(.playt-showcase) .subcategories{display:none!important}
.category-perex .playt-showcase{padding:0 0 8px}
.playt-page .playt-showcase .playt-lead{margin:0 auto 28px;color:var(--p-tx)}
.playt-page .playt-showcase .playt-lead a{white-space:nowrap}
.playt-showcase__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;text-align:left}
.playt-showcase__item{margin:0;padding:0}
.playt-page a.playt-showcase__card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:2px solid var(--p-sf);
  border-radius:18px;overflow:hidden;color:var(--p-tx);font-weight:400;text-decoration:none}
.playt-page a.playt-showcase__card:hover{border-color:var(--p-b100);box-shadow:0 8px 28px rgba(0,0,255,.06);color:var(--p-tx)}
.playt-page a.playt-showcase__card:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
.playt-showcase__img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.playt-showcase__badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:var(--p-r);background:var(--p-apr);color:#fff;
  font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.5;text-transform:uppercase}
.playt-showcase__body{display:flex;flex-direction:column;gap:2px;flex:1;padding:12px 14px 14px}
.playt-showcase__name{color:var(--p-ink);font-size:17px;font-weight:700;line-height:1.25}
.playt-showcase__name::after{content:" →";color:var(--p-b)}
.playt-showcase__text{font-size:13px;line-height:1.45;color:var(--p-mu)}
.playt-showcase__price{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--p-ink)}
.playt-showcase__badge--base{background:#fff;color:var(--p-b);box-shadow:0 1px 6px rgba(18,22,40,.12)}
.playt-page a.playt-showcase__card:hover .playt-showcase__name{color:var(--p-b)}
@media(prefers-reduced-motion:no-preference){
  .playt-page a.playt-showcase__card{transition:.2s}
  .playt-showcase__img{transition:transform .4s}
  .playt-page a.playt-showcase__card:hover .playt-showcase__img{transform:scale(1.03)}
}
/* spodní popis */
.category__secondDescription .playt-showcase-story{padding:48px 0 0}
.playt-page .playt-showcase-story h2{margin-bottom:6px}
.playt-page .playt-showcase-story__note{font-size:15px;color:var(--p-mu);margin:0 0 16px}
.playt-collection__designs.playt-showcase-story__scale{max-width:480px;margin:0 auto 24px}
.playt-collection__facts.playt-showcase-story__facts{justify-content:center;margin:0 0 20px}
.playt-page .playt-showcase-story__links{margin:0;font-size:15px}
@media (max-width:767px){
  .playt-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .playt-showcase__body{padding:10px 12px 12px}
  .playt-showcase__name{font-size:16px}
  .playt-showcase__text{display:none}
  .playt-showcase__item:last-child:nth-child(odd){grid-column:1/-1}
  .playt-showcase__item:last-child:nth-child(odd) .playt-showcase__img{aspect-ratio:2/1}
}

/* =========================================================
   24) STRÁNKA E-SHOP – typy nádobí, pruh se slevou, rozcestník článků
   Karty používají třídy ze sekce 23 (.playt-showcase).
   --------------------------------------------------------- */
/* fotky kategorií jsou čtvercové s předmětem uprostřed: celé, bez ořezu (velikost talíře na fotce = jeho skutečná velikost) */
.playt-showcase--types .playt-showcase__img{object-fit:contain;padding:4px 0 0;background:#fff;transform:none}
.playt-showcase--types .playt-showcase__name{font-size:15px}
.playt-showcase--types a.playt-showcase__card:hover .playt-showcase__img{transform:scale(1.04)}
/* editor v administraci občas přidá prázdné odstavce s &nbsp; – v pruhu se slevou je skryj */
.playt-page .playt-deal__extra+.playt-deal__extra{display:none}
.playt-showcase .playt-lead a{white-space:nowrap}
/* pruh se slevou za sadu: lososový blok se 4 stupni, nejvyšší sleva zvýrazněná
   --p-peach = barva patičky (#FCCFCA), --p-peach50 = její světlý odstín; texty v --p-ink kvůli kontrastu */
.playt-page .playt-deal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:8px 24px;margin:24px 0 0;
  padding:18px 22px;border-radius:var(--p-rc);background:var(--p-peach50);color:var(--p-tx);text-align:left}
.playt-page .playt-deal__head{margin:0;display:flex;flex-direction:column;gap:2px}
.playt-page .playt-deal__head strong{font-size:18px;line-height:1.25;color:var(--p-ink)}
.playt-page .playt-deal__head span{font-size:13px;color:var(--p-mu)}
.playt-deal__tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.playt-deal__tiers li{margin:0;padding:8px 6px;border-radius:14px;background:#fff;text-align:center;font-size:12px;line-height:1.3;color:var(--p-mu)}
.playt-deal__tiers li b{display:block;font-size:19px;line-height:1.2;color:var(--p-ink)}
.playt-deal__tiers li:nth-child(2){padding-top:11px}
.playt-deal__tiers li:nth-child(3){padding-top:14px}
.playt-deal__tiers li:nth-child(4){padding-top:17px;background:var(--p-peach);color:var(--p-ink)}
.playt-deal__tiers li:nth-child(4) b{color:var(--p-ink)}
.playt-page .playt-deal__extra{grid-column:1/-1;margin:2px 0 0;font-size:13px;color:var(--p-tx)}
.playt-page .playt-deal__extra a{color:var(--p-ink);white-space:nowrap}
.category__secondDescription .playt-help{padding:48px 0 0}
.playt-help__list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;text-align:left}
.playt-help__list li{margin:0;padding:0}
.playt-page .playt-help__list a{display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 20px;border:2px solid var(--p-sf);border-radius:18px;
  color:var(--p-mu);font-size:14px;font-weight:400;line-height:1.5;text-decoration:none}
.playt-page .playt-help__list a strong{color:var(--p-ink);font-size:16px}
.playt-page .playt-help__list a strong::after{content:" →";color:var(--p-b)}
.playt-page .playt-help__list a:hover{border-color:var(--p-b100);box-shadow:0 8px 28px rgba(0,0,255,.06)}
.playt-page .playt-help__list a:hover strong{color:var(--p-b)}
@media (max-width:767px){
  .playt-page .playt-deal{grid-template-columns:1fr;padding:16px}
  .playt-deal__tiers li{padding:6px 4px;font-size:11px}
  .playt-deal__tiers li b{font-size:17px}
  /* typy na mobilu jako kompaktní seznam: fotka vlevo, text vpravo */
  .playt-showcase--types .playt-showcase__grid{grid-template-columns:1fr;gap:8px}
  .playt-showcase--types .playt-showcase__item:last-child:nth-child(odd){grid-column:auto}
  .playt-showcase--types a.playt-showcase__card{flex-direction:row;align-items:center}
  .playt-showcase--types .playt-showcase__img,
  .playt-showcase--types .playt-showcase__item:last-child:nth-child(odd) .playt-showcase__img{flex:0 0 72px;width:72px;aspect-ratio:1;padding:4px}
  .playt-showcase--types .playt-showcase__body{padding:10px 14px}
  .playt-showcase--types .playt-showcase__price{margin-top:0;padding-top:2px}
}

/* =========================================================
   25) KOLEČKO SE SLEVOU NA DETAILU PRODUKTU (.flag-discount) – vpravo nahoře na fotce
   Burnt Apricot (--p-apr) s bílým písmem – stejně jako kolečko −10 % v hlavním banneru.
   Funguje s přeškrtnutou cenou i bez ní (nastavení v administraci).
   --------------------------------------------------------- */
.flags .flag.flag-discount{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:var(--p-apr)!important;color:#fff!important;transform:rotate(-8deg);box-shadow:0 4px 14px rgba(18,22,40,.15)}
.flags .flag.flag-discount .price-standard{display:block;font-size:13px!important;font-weight:600!important;line-height:1.1!important;text-decoration:line-through}
.flags .flag.flag-discount *{color:#fff!important}
.flags .flag.flag-discount .price-standard span{text-decoration:inherit}
.flags .flag.flag-discount .price-save{font-size:20px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}
/* jednoduchá verze (bez přeškrtnuté ceny): procenta větší */
.flags .flag.flag-discount:not(:has(.price-standard)) .price-save{font-size:22px!important}
/* na detailu produktu v pravém horním rohu fotky – zrcadlově k Limitce (horní hrany lícují),
   jako kolečko −10 % u kruhu v hlavním banneru. Pevná velikost = vždy kulaté. */
.p-image .flags.flags-extra{top:0!important;right:0!important;bottom:auto!important;left:auto!important;width:max-content!important;max-width:none!important;padding:0!important;display:flex;justify-content:flex-end}
.p-image .flags .flag.flag-discount{width:100px!important;height:100px!important;min-width:0!important;min-height:0!important;max-width:none!important;padding:0!important;border-radius:50%!important;box-sizing:border-box!important;flex:0 0 auto}
@media (max-width:767px){
  .flags.flags-extra{left:8px!important}
  .p-image .flags.flags-extra{left:auto!important}
  .p-image .flags .flag.flag-discount{width:80px!important;height:80px!important}
  .flags .flag.flag-discount .price-save,
  .flags .flag.flag-discount:not(:has(.price-standard)) .price-save{font-size:18px!important}
  .flags .flag.flag-discount .price-standard{font-size:11px!important}
}

/* =========================================================
   26) SKRYTÍ MĚRNÉ CENY („Měrná cena: 199 Kč / 1 ks“)
   V administraci po vyplnění nejde smazat. U kusového zboží je stejná jako cena.
   Platí pro karty produktů i detail.
   --------------------------------------------------------- */
.price-measure{display:none!important}

/* =========================================================
   27) FOTKA V KONTAKTNÍM BOXU („Potřebujete pomoc?“ v košíku)
   Zaoblené rohy jako u malých prvků (--radius-chip 14 px).
   --------------------------------------------------------- */
.contact-box img{border-radius:14px;object-fit:cover}

/* =========================================================
   28) PŘEŠKRTNUTÁ CENA A SLEVA NA KARTÁCH PRODUKTŮ A U CENY NA DETAILU
   Home page, E-shop, kolekce, kategorie, související produkty.
   Cena zůstává jako u nezlevněných. Přeškrtnutá cena v řezu 500,
   sleva „(–10 %)“ jako oranžový štítek bez závorek (jako štítek Limitka).
   Závorky: písmo PlaytBlank (vložené, < 1 kB) má jen neviditelné „(“ a „)“
   – v textu ze Shoptetu se z nich stanou průhledné mezery = vnitřní okraj štítku.
   Kolečko se slevou na detailu (sekce 25) to neovlivní.
   --------------------------------------------------------- */
@font-face{font-family:PlaytBlank;src:url(data:font/woff;base64,d09GRgABAAAAAAIwAAoAAAAAAmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABXAAAACQAAABgQR9BYWNtYXAAAAGMAAAALAAAADQADAB8Z2x5ZgAAAcAAAAABAAAAAQAAAABoZWFkAAAA9AAAADYAAAA2LSsFHGhoZWEAAAEsAAAAGwAAACQDIgEvaG10eAAAAYAAAAAKAAAACgH0AABsb2NhAAABuAAAAAgAAAAIAAAAAG1heHAAAAFIAAAAFAAAACAABAACbmFtZQAAAcQAAABXAAAAaSMjQt9wb3N0AAACHAAAABIAAAAoABAADAABAAAAAQAAeFGGx18PPPUAAwPoAAAAAOcKYh4AAAAA5wpiHgAAAAAAAAAAAAAAAwACAAAAAAAAeJxjYGRgYFb4b8HAwPiFAQIYGVABEwBAwgJUAHicY2BkYGBgZoABJgY0AAAAsgAHeJxjYGb8wjiBgZWBhYEwYETm2AMBkNJg0MSpXoGBAQC/IgMBAAAAAAH0AAAAAAAAeJxjYGBgYmBgYAZiESDJCKZZGBSANAsQgvia//8DSY3////fBPMZAFCbBoUAAAAAAAAAAAAAAAB4nC2IsQnAIAAETyOEpAgEskJWyABOIG5gIRaKhWjh9jGSK567BxQPgg/BPvdDso5aEGobz8X5u+TgNsn1qpPL0frQkisYEo5ORU/LRCyeQJtdXtGuDmAAeJxjYGLAD5iBmJuBBwAAuAAdAAA=) format('woff');unicode-range:U+28-29}
.product .prices .price-standard strong{font-weight:500!important}
/* karty produktů: přeškrtnutá cena a sleva NAD cenou, aby byla výsledná cena, dostupnost a tlačítko
   ve stejné výšce u zlevněných i nezlevněných produktů vedle sebe */
.products .product .prices .price-final{order:2}
.products .product .prices{padding-top:6px}
.product .prices .price-save{display:inline-block!important;padding:4px!important;border-radius:var(--p-r);
  background:var(--p-apr);color:#fff!important;font-family:PlaytBlank,var(--p-f)!important;
  font-size:11px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.04em;
  vertical-align:middle;white-space:nowrap}
/* detail produktu: sleva u ceny („standardní cena: 444 Kč −10 %“) – stejná oranžová pilulka, o něco větší */
.p-price-wrapper .price-save{display:inline-block!important;padding:3px 10px!important;margin-left:4px;border-radius:var(--p-r);
  background:var(--p-apr)!important;color:#fff!important;font-family:PlaytBlank,var(--p-f)!important;
  font-size:13px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.04em;
  vertical-align:middle;white-space:nowrap}

/* =========================================================
   29) DETAIL PRODUKTU – spodní část na celou šířku
   Fotka, popisek a cena zůstávají vedle levého menu. Od výhod
   (Mix & Match, Skládej a šetři…) dál – popis, diskuze, související
   a podobné produkty – se obsah roztáhne přes celou šířku stránky,
   protože menu vlevo tam už dávno skončilo.
   Šířku bere z kontejneru .content-wrapper-in (100cqw), takže funguje
   při jakékoli šířce menu. Od 768 px, kdy je menu vlevo; pod tím je
   obsah na celou šířku už sám.
   --------------------------------------------------------- */
@media (min-width:768px){
  .type-detail .content-wrapper-in{container-type:inline-size}
  .type-detail .p-detail>:not(.p-detail-inner):not(meta){
    width:calc(100cqw - 32px)!important;max-width:none!important;margin-left:calc(100% - 100cqw + 32px)!important}
  /* výhody 2 × 2 (tablet) */
  .type-detail .benefitBanner__item{flex:1 1 40%!important;min-width:0}
}
@media (min-width:992px){
  /* výhody v jedné řadě po čtyřech */
  .type-detail .benefitBanner__item{flex:1 1 0!important}
}

/* =========================================================
   30) DETAIL PRODUKTU – Doplňkové parametry
   Odsazení od popisu (žádné ruční mezery v textu), tabulka přes celou
   šířku sloupce s popisem a ve stylu tabulek v článcích (sekce 22):
   světle modré linky a popisky, zaoblený rámeček.
   --------------------------------------------------------- */
.type-detail .extended-description{width:100%!important;max-width:none!important;float:none!important;flex:1 1 100%!important;margin-top:48px!important}
.type-detail .extended-description h4{margin:0 0 16px!important}
.type-detail table.detail-parameters{width:100%!important;max-width:none!important;border-collapse:separate!important;border-spacing:0;
  border:1px solid var(--p-b100)!important;border-radius:var(--p-rc)!important;overflow:hidden;font-size:15px!important;background:#fff}
.type-detail table.detail-parameters tr{background:transparent!important}
.type-detail table.detail-parameters :is(th,td){padding:12px 18px!important;border:0!important;border-bottom:1px solid var(--p-b100)!important;
  text-align:left;vertical-align:top;background:transparent!important}
.type-detail table.detail-parameters tr:last-child :is(th,td){border-bottom:0!important}
.type-detail table.detail-parameters th{width:1%;white-space:nowrap;background:var(--p-b50)!important;color:var(--p-ink)!important;font-weight:700!important}
.type-detail table.detail-parameters td{color:var(--p-tx)!important}

/* =========================================================
   31) DETAIL PRODUKTU – záložky Popis / Diskuze
   Bez šedého pruhu ze Samby. Záložky jako pilulky na středu
   (aktivní modrá = vybraná, ostatní bílé s rámečkem), obsah
   v bílé kartě s rámečkem p-sf a zaoblením jako ostatní karty.
   --------------------------------------------------------- */
.type-detail .p-detail-full-width{background:transparent!important}
.type-detail .shp-tabs-holder{background:transparent!important;display:flex;justify-content:center}
.type-detail .shp-tabs.p-detail-tabs{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important}
.type-detail .shp-tab{margin:0!important;border:0!important;background:none!important}
.type-detail .shp-tab-link{display:inline-flex!important;align-items:center;padding:10px 24px!important;border:2px solid var(--p-sf)!important;border-radius:var(--p-r)!important;
  background:#fff!important;box-shadow:none!important;color:var(--p-tx)!important;font-size:16px!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important}
.type-detail .shp-tab-link:hover{border-color:var(--p-b100)!important;color:var(--p-b)!important}
.type-detail .shp-tab.active .shp-tab-link{background:var(--p-b)!important;border-color:var(--p-b)!important;color:#fff!important}
.type-detail .shp-tab-link:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
.type-detail .shp-tab-link::before,.type-detail .shp-tab-link::after{display:none!important}
.type-detail #tab-content{border:2px solid var(--p-sf)!important;border-radius:var(--p-rc)!important;box-shadow:none!important;background:#fff!important}
@media (max-width:767px){
  .type-detail #tab-content{padding:24px 16px!important}
  .type-detail .shp-tab-link{padding:8px 18px!important;font-size:15px!important}
}

/* =========================================================
   32) DISKUZE – detail produktu i článek
   Formulář na klidném podkladu p-b50, pole s rámečkem p-b100
   a zaoblením 14 px, odeslání jako hlavní modré tlačítko.
   „Přidat komentář“ (pod článkem) jako vedlejší tlačítko s obrysem.
   Na produktu stejný sloupec (720 px) a nadpis jako Popis,
   u článku oddělené linkou a nadpis jako ostatní h2 v článku.
   --------------------------------------------------------- */
/* formulář – všude */
#formDiscussion{width:auto!important;max-width:none!important;padding:24px!important;border-radius:18px!important;background:var(--p-b50)!important}
#formDiscussion .form-legend{text-align:left!important;font-size:13px!important;color:var(--p-mu)!important;margin:0 0 12px!important}
#formDiscussion .form-group{margin-bottom:16px}
#formDiscussion label{font-size:14px!important;font-weight:600!important;color:var(--p-ink)!important;margin-bottom:6px}
#formDiscussion .form-control-wrapper{max-width:none!important}
#formDiscussion .form-control{min-height:48px;padding:12px 16px!important;border:2px solid var(--p-b100)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:none!important;font-size:16px!important}
#formDiscussion textarea.form-control{min-height:140px}
#formDiscussion .form-control:focus{border-color:var(--p-b)!important;outline:0;box-shadow:0 0 0 3px var(--p-b100)!important}
#formDiscussion .consents .label{font-size:13px!important;color:var(--p-mu)!important}
#formDiscussion .btn[type=submit]{padding:12px 28px!important;border-radius:var(--p-r)!important;background:var(--p-b)!important;border:0!important;
  color:#fff!important;font-size:16px!important;font-weight:700!important;line-height:1.4!important}
#formDiscussion .btn[type=submit]:hover{background:var(--p-bh)!important}
#formDiscussion .btn[type=submit]:focus-visible,
.discussion-form-trigger .btn:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
/* „Přidat komentář“ – vedlejší tlačítko s obrysem */
.discussion-form-trigger .btn{padding:10px 24px!important;border-radius:var(--p-r)!important;background:#fff!important;border:2px solid var(--p-b)!important;
  color:var(--p-b)!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important}
.discussion-form-trigger .btn:hover{background:var(--p-b50)!important;color:var(--p-bh)!important}
.discussionContainer>p{color:var(--p-mu);font-size:15px}
/* detail produktu */
.type-detail #productDiscussion{max-width:720px;margin:0 auto}
.type-detail #productDiscussion h2{font-size:22px!important;line-height:1.35!important;margin:0 0 8px!important;letter-spacing:0}
.type-detail #productDiscussion .discussionContainer>p{margin:0 0 20px}
/* článek */
.type-post .news-item-detail article>footer{margin-top:48px!important;padding-top:32px;border-top:2px solid var(--p-sf)}
.type-post .news-item-detail article>footer h2{font-size:28px!important;line-height:1.25!important;margin:0 0 8px!important;letter-spacing:0}
.type-post .discussionContainer>p{margin:0 0 20px!important}
@media (max-width:767px){
  #formDiscussion{padding:16px!important}
  .type-post .news-item-detail article>footer h2{font-size:24px!important}
}

/* =========================================================
   33) STRÁNKA MIX & MATCH – konsolidace (třída .playt-page--mm)
   Fakta pod úvodem, popisky v mřížce, bílé karty sad s cenou,
   bílé karty velikostí, závěrečná připomínka slevy.
   Mřížka a skládané talíře: sekce 13, pruh se slevou: sekce 24.
   --------------------------------------------------------- */
.playt-page--mm .playt-mm__facts{justify-content:center;margin:0 0 8px}
.playt-page--mm .playt-deal{margin-top:24px}
/* mřížka: krátké popisy pod názvem designu a kolekce */
.playt-page--mm .playt-matrix__head small,
.playt-page--mm .playt-matrix__label small{display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:1.35;color:var(--p-mu)}
.playt-page--mm .playt-matrix__label:hover small{color:var(--p-mu)}
/* karty sad: bílé s rámečkem jako ostatní karty */
.playt-page--mm .playt-set{background:#fff;border:2px solid var(--p-sf)}
.playt-page--mm .playt-set__items{width:100%;max-width:none;gap:0;margin:4px 0 0;text-align:left}
.playt-page--mm .playt-set__items li{margin:0;border-top:1px solid var(--p-sf)}
.playt-page--mm .playt-set__items li:last-child{border-bottom:1px solid var(--p-sf)}
.playt-page--mm .playt-set__items a{display:flex;align-items:baseline;gap:8px;padding:8px 2px;color:var(--p-ink);font-size:14px;font-weight:600;text-decoration:none}
.playt-page--mm .playt-set__items a span{flex:0 0 64px;color:var(--p-mu);font-weight:400}
.playt-page--mm .playt-set__items a::after{content:"→";margin-left:auto;color:var(--p-b)}
.playt-page--mm .playt-set__items a:hover{color:var(--p-b)}
/* karty kombinací: 3 vedle sebe, na mobilu pod sebou; řádky (název, popis, talíře, cena,
   tlačítka, odkaz) jsou díky subgridu ve všech kartách ve stejné výšce */
.playt-page--mm .playt-sets{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:699px){.playt-page--mm .playt-sets{grid-template-columns:minmax(0,1fr);max-width:420px;margin-left:auto;margin-right:auto}}
@supports (grid-template-rows:subgrid){
  @media (min-width:1000px){
    .playt-page--mm .playt-sets{grid-template-rows:repeat(7,auto);row-gap:0}
    .playt-page--mm .playt-set{display:grid;grid-row:span 7;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;justify-items:center;align-content:start}
  }
}
/* tablet (700–999 px): na 3 sloupce je málo místa → karty pod sebou, talíře vlevo, text vpravo */
@media (min-width:700px) and (max-width:999px){
  .playt-page--mm .playt-sets{grid-template-columns:minmax(0,1fr);max-width:680px;margin-left:auto;margin-right:auto}
  .playt-page--mm .playt-set{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:32px;align-items:start;justify-items:stretch;padding:24px 28px;text-align:left}
  .playt-page--mm .playt-set>.playt-stack{grid-column:1;grid-row:1/span 7;align-self:center;width:100%}
  .playt-page--mm .playt-set>:not(.playt-stack){grid-column:2}
  .playt-page--mm .playt-set>h3,.playt-page--mm .playt-set>p,.playt-page--mm .playt-set>p.playt-set__price{text-align:left}
}
.playt-page--mm .playt-set>p.playt-set__price{width:100%;margin:0;padding-top:18px;line-height:1.3}
/* v mřížce (tablet, desktop) drží talíře a cenu nahoře v jejich řádku; na mobilu (flex) by je align-self posunul doleva */
@media (min-width:700px){.playt-page--mm .playt-set__items,.playt-page--mm .playt-set>p.playt-set__price{align-self:start}}
/* přidání do košíku (vkládá playt.js) */
.playt-page--mm .playt-set__buy{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:16px 0 0}
.playt-page--mm .playt-set__add{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:var(--p-r);
  background:var(--p-b);color:#fff;font-family:var(--p-f);font-size:16px;font-weight:700;line-height:1.3;cursor:pointer}
.playt-page--mm .playt-set__add:hover{background:var(--p-bh)}
/* ikona košíku jako na kartách produktů (<i class="icon-cart">); šablona jinak přidává ještě druhou ikonu přes ::before */
.playt-page--mm .playt-set__add::before{display:none!important}
.playt-page--mm .playt-set__add i{margin-right:.5em}
.playt-page--mm .playt-set__add2{display:flex;flex-direction:column;align-items:center;gap:2px;margin:10px 0 0;padding:4px;border:0;background:none;
  color:var(--p-b);font-family:var(--p-f);line-height:1.35;text-align:center;text-decoration:none;cursor:pointer}
@media (min-width:700px) and (max-width:999px){.playt-page--mm .playt-set__add2{align-items:flex-start;padding-left:0;padding-right:0;text-align:left}}
.playt-set__add2-main{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.playt-set__add2-perks{font-size:12px;font-weight:500;color:var(--p-mu)}
.playt-page--mm .playt-set__add2:hover .playt-set__add2-main{color:var(--p-bh)}
.playt-page--mm :is(.playt-set__add,.playt-set__add2):focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
.playt-page--mm :is(.playt-set__add,.playt-set__add2):disabled{cursor:default;opacity:.75}
.playt-page--mm .playt-set__buy p{margin:0}
.playt-page--mm .playt-set__wait{margin:4px 0 0!important;color:var(--p-mu);font-size:13px;line-height:1.45;text-align:center}
.playt-page--mm .playt-set__status{min-height:1.4em;margin-top:4px!important;font-size:14px;text-align:center}
/* odkaz na kolekci: oddělený linkou, vždy na jednom řádku */
.playt-page--mm .playt-set>.playt-set__cta{align-self:end;width:100%;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--p-sf);text-align:center}
.playt-page--mm .playt-set__cta a{color:var(--p-tx);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.playt-page--mm .playt-set__cta a:hover{color:var(--p-b);text-decoration:underline}
/* na desktopu má karta pevnou šířku – „Celá kolekce Double Trouble →“ se v 14 px nevejde na jeden řádek */
@media (min-width:1000px){.playt-page--mm .playt-set__cta a{font-size:13px}}
.playt-page--mm .playt-set__price{text-align:center}
.playt-page--mm .playt-set__price span{color:var(--p-mu);font-size:14px;margin-right:4px}
.playt-page--mm .playt-set__price s{color:var(--p-mu);font-size:16px;font-weight:500;white-space:nowrap;text-decoration-thickness:1px}
.playt-page--mm .playt-set__price strong{display:block;margin-top:2px;color:var(--p-ink);font-size:24px;font-weight:700;white-space:nowrap}
/* nahoře „3 talíře za“ + přeškrtnutá původní cena, pod tím velká cena po slevě a lososový badge se slevou */
.playt-page--mm .playt-set__price small{display:table;margin:8px auto 0;padding:3px 12px;border-radius:var(--p-r);background:var(--p-peach50);color:var(--p-ink);font-size:13px;font-weight:600}
@media (min-width:700px) and (max-width:999px){
  .playt-page--mm .playt-set__price{text-align:left}
  .playt-page--mm .playt-set__price small{margin-left:0}
  .playt-page--mm .playt-set>.playt-set__cta,.playt-page--mm .playt-set__status,.playt-page--mm .playt-set__wait{text-align:left}
}
.playt-page--mm .playt-mm__note{max-width:650px;margin:20px auto 0;color:var(--p-tx);font-size:15px}
.playt-page--mm .playt-mm__note strong{color:var(--p-ink)}
/* velikosti: bílé karty s rámečkem, nadpis jako odkaz bez podtržení */
.playt-page--mm .playt-card{background:#fff;border:2px solid var(--p-sf)}
.playt-page--mm .playt-card h3 a{color:var(--p-ink);text-decoration:none}
.playt-page--mm .playt-card h3 a::after{content:" →";color:var(--p-b)}
.playt-page--mm .playt-card h3 a:hover{color:var(--p-b)}
.playt-page--mm .playt-mm__closing{margin:12px 0 0;color:var(--p-mu);font-size:14px}
@media (max-width:600px){
  .playt-page--mm .playt-matrix__head small{display:none}
  .playt-page--mm .playt-matrix__label small{font-size:11px}
}

/* =========================================================
   34) HOTOVÉ SADY – karty s volbou barvy a přidáním do košíku
   Obsah karet vykresluje playt-sady.js. Skládané talíře = .playt-stack ze sekce 13.
   --------------------------------------------------------- */
.playt-kits-app__fallback{display:none}
.playt-kits-app.is-error .playt-kits-app__fallback{display:block}
.playt-kits-app.is-error .playt-kits-app__loading{display:none}
.playt-page .playt-kits-app__loading{color:var(--p-mu);margin:32px 0}
.playt-kits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 0;text-align:left}
@media (max-width:700px){.playt-kits{grid-template-columns:1fr}}
.playt-kit{display:flex;flex-direction:column;min-width:0;padding:20px;background:#fff;border:2px solid var(--p-sf);border-radius:var(--p-rc)}
/* prostřený stůl */
.playt-kit__table{display:grid;grid-template-columns:repeat(var(--places,2),minmax(0,1fr));gap:12px 16px;align-items:center;justify-items:center;
  margin:0 0 16px;padding:20px 16px;border-radius:18px;background:var(--p-b50)}
.playt-kit__place.playt-stack{max-width:150px}
.playt-kit__place--single .playt-stack__disc{width:84%;left:8%;top:4%;bottom:auto}
.playt-page .playt-kit h3{margin:0 0 4px;font-size:20px;line-height:1.3;text-align:left}
.playt-page .playt-kit__note{margin:0;color:var(--p-mu);font-size:15px;line-height:1.55}
/* volba barvy */
.playt-kit__colors{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;border:0;min-width:0}
.playt-kit__colors legend{float:left;width:100%;margin:0 0 4px;padding:0;font-size:13px;font-weight:600;color:var(--p-ink)}
.playt-kit__color{position:relative;display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 12px 5px 6px;border:2px solid var(--p-sf);
  border-radius:var(--p-r);background:#fff;color:var(--p-tx);font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}
.playt-kit__color input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.playt-kit__color:hover{border-color:var(--p-b100)}
.playt-kit__color:has(input:checked){border-color:var(--p-b);background:var(--p-b50);color:var(--p-b)}
.playt-kit__color:has(input:focus-visible){outline:3px solid var(--p-apr);outline-offset:2px}
.playt-kit__swatch{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(18,22,40,.15)}
.playt-kit__color--sunshine .playt-kit__swatch{background:var(--p-gold)}
.playt-kit__color--dt .playt-kit__swatch{background:linear-gradient(90deg,var(--p-b) 50%,var(--p-apr) 50%)}
.playt-kit__color--candy .playt-kit__swatch{background:linear-gradient(135deg,var(--p-rose),#B9A6E8)}
.playt-kit__color--naked .playt-kit__swatch{background:#fff}
/* obsah, cena, tlačítko */
.playt-page .playt-kit__contents{margin:16px 0 0;color:var(--p-tx);font-size:14px;line-height:1.5}
.playt-page .playt-kit__price{margin:auto 0 0;padding-top:16px;line-height:1.3}
.playt-kit__price span{color:var(--p-mu);font-size:14px;margin-right:4px}
.playt-kit__price strong{color:var(--p-ink);font-size:22px;font-weight:700;white-space:nowrap}
.playt-kit__price small{display:table;margin:8px 0 0;padding:3px 12px;border-radius:var(--p-r);background:var(--p-peach50);color:var(--p-ink);font-size:13px;font-weight:600}
.playt-kit__add{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:16px 0 0;padding:12px 20px;border:0;border-radius:var(--p-r);
  background:var(--p-b);color:#fff;font-family:var(--p-f);font-size:16px;font-weight:700;line-height:1.3;cursor:pointer}
.playt-kit__add:hover{background:var(--p-bh)}
.playt-kit__add:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}
.playt-kit__add:disabled{cursor:default;opacity:.75}
.playt-page .playt-kit__status{margin:8px 0 0;min-height:1.4em;font-size:14px;text-align:center}
.playt-page .playt-kits-more{margin:32px 0 0;color:var(--p-mu)}
@media(prefers-reduced-motion:no-preference){.playt-kit__add,.playt-kit__color{transition:background .2s,border-color .2s}}

/* =========================================================
   35) STRÁNKY KOLEKCÍ – příběh pod produkty a názvy v kartách
   Příběh zůstává ve sloupci vedle levého menu (menu může být dlouhé –
   filtry, málo produktů –, proto se nerozšiřuje přes celou šířku).
   Když je sloupec dost široký (od 1200 px okna), jsou text a fotka vedle sebe.
   Typové stránky používají stejný příběh (.playt-type-story); pruh se slevou
   (.playt-deal) je tam pod oběma sloupci.
   Názvy v kartách: v šířce 992–1199 px jsou karty úzké, menší písmo.
   --------------------------------------------------------- */
@media (min-width:1200px){
  .category__secondDescription .playt-collection-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:40px;align-items:start;padding-top:48px!important}
  .category__secondDescription .playt-collection-story>*{grid-column:1}
  .category__secondDescription .playt-collection-story>.playt-banner{grid-column:2;grid-row:1/span 12;align-self:start;
    width:100%;height:auto;margin:0;aspect-ratio:4/3;object-fit:cover;border-radius:var(--p-rc)}
  /* typové stránky (dezertní, hluboké…): pruh se slevou pod textem i fotkou přes celou šířku */
  .category__secondDescription .playt-collection-story>.playt-deal{grid-column:1/-1;grid-row:auto;margin-top:16px}
}
@media (min-width:992px) and (max-width:1199px){
  .type-category .products .product .name{font-size:14px!important;line-height:1.35!important}
}

/* =========================================================
   36) VÝHODY (Mix & Match, Skládej a šetři…) NA MOBILU 2 × 2
   Platí na home page, v kategoriích i na detailu produktu (.benefitBanner).
   Místo čtyř řádků pod sebou dvě řady – sekce je zhruba o polovinu kratší.
   --------------------------------------------------------- */
@media (max-width:767px){
  .benefitBanner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .benefitBanner__item{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;min-width:0}
  .benefitBanner__picture{margin:0 auto 10px!important;width:48px!important;height:48px!important;flex-basis:48px!important}
  .benefitBanner__img{width:48px!important;height:48px!important}
  .benefitBanner__content{padding:0 4px!important}
  .benefitBanner__title{font-size:16px!important;line-height:1.25!important;margin:0 0 6px!important}
  .benefitBanner__data{font-size:13px!important;line-height:1.45!important}
}

/* =========================================================
   37) TIP PLAYT V PŘÍBĚHU KOLEKCE (stejný box jako v článcích)
   --------------------------------------------------------- */
.playt-page.playt-collection-story .playt-tip{margin:24px 0 0;padding:20px 24px;border-radius:var(--p-rc);background:var(--p-b50);color:var(--p-tx)}
.playt-page.playt-collection-story .playt-tip strong:first-child{color:var(--p-b)}
.playt-page.playt-collection-story ul:not([class]){margin:0 0 16px;padding-left:20px}
.playt-page.playt-collection-story ul:not([class]) li{margin:0 0 6px}
@media (max-width:600px){.playt-page.playt-collection-story .playt-tip{padding:16px 18px}}

/* =========================================================
   38) PŘÍBĚH KOLEKCE – autorka ilustrací, karty designů, cesta výroby
   Použito u kolekce Christmas, dá se použít i u dalších kolekcí.
   --------------------------------------------------------- */
/* autorka: bílá karta s modrým rámečkem, jméno výrazně, odkaz na Instagram jako tlačítko */
.playt-page .playt-artist{margin:24px 0;padding:22px 24px;border:2px solid var(--p-b100);border-radius:var(--p-rc);background:#fff;text-align:left}
.playt-page .playt-artist>*{margin:0}
.playt-page .playt-artist__label{color:var(--p-b);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.playt-page .playt-artist__name{margin-top:4px;color:var(--p-ink);font-size:24px;font-weight:700;line-height:1.25}
.playt-page .playt-artist__text{margin-top:8px;color:var(--p-tx);font-size:15px;line-height:1.6}
.playt-page .playt-artist__ig{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 16px;border:2px solid var(--p-b);border-radius:var(--p-r);
  color:var(--p-b);font-size:14px;font-weight:700;line-height:1.3;text-decoration:none}
.playt-page .playt-artist__ig:hover{background:var(--p-b);color:#fff}
.playt-page .playt-artist__ig svg{width:18px;height:18px;flex:none}
.playt-page .playt-artist__ig:focus-visible{outline:3px solid var(--p-apr);outline-offset:3px}

/* designy: 2 × 2 karty s talířem, názvem a jednou větou */
.playt-page .playt-designs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0;list-style:none;text-align:left}
.playt-page .playt-designs li{margin:0}
.playt-page .playt-designs a{display:flex;flex-direction:column;height:100%;padding:16px;border:2px solid var(--p-sf);border-radius:var(--p-rc);background:#fff;
  color:var(--p-tx);font-size:14px;font-weight:400;line-height:1.5;text-decoration:none}
.playt-page .playt-designs a:hover{border-color:var(--p-b100)}
.playt-page .playt-designs .disc-wrap{display:block;width:72%;max-width:150px;aspect-ratio:1;margin:0 auto 12px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(18,22,40,.12)}
.playt-page .playt-designs .disc-wrap img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transform:scale(1.55)}
.playt-page .playt-designs strong{display:block;margin-bottom:2px;color:var(--p-ink);font-size:16px}
.playt-page .playt-designs a:hover strong{color:var(--p-b)}

/* cesta výroby: tři kroky v řadě, na úzkém displeji pod sebou */
.playt-page .playt-origin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 12px;padding:0;list-style:none;text-align:center}
.playt-page .playt-origin li{margin:0;padding:12px 8px;border-radius:14px;background:var(--p-b50);color:var(--p-tx);font-size:14px;line-height:1.4}
.playt-page .playt-origin strong{display:block;color:var(--p-b);font-size:15px}
@media (max-width:420px){.playt-page .playt-origin{grid-template-columns:minmax(0,1fr)}.playt-page .playt-origin li{display:flex;gap:6px;justify-content:center}.playt-page .playt-origin strong{display:inline}}
@media (max-width:600px){.playt-page .playt-artist{padding:18px 20px}.playt-page .playt-artist__name{font-size:22px}.playt-page .playt-designs a{padding:12px}}
/* desktop (od 1200 px, příběh ve dvou sloupcích): karta autorky vpravo pod fotkou, ať tam nezůstane prázdné místo */
@media (min-width:1200px){
  .category__secondDescription .playt-collection-story:has(.playt-artist)>.playt-banner{grid-row:1/span 4}
  .category__secondDescription .playt-collection-story>.playt-artist{grid-column:2;grid-row:5/span 10;align-self:start;margin-top:0}
}

/* =========================================================
   39) STRÁNKA POSKLÁDEJ SI SADU (/poskladej-si-sadu/)
   Konfigurátor má vlastní styly v playt-mix.css; tady jen okolí.
   --------------------------------------------------------- */
.playt-page--pmx #playt-mix{margin:24px 0 56px;text-align:left}
.playt-page--pmx #playt-mix>p{margin:48px 0;color:var(--p-mu);text-align:center}
.playt-page .playt-pmx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px;padding:0;list-style:none;counter-reset:pmx;text-align:left}
.playt-page .playt-pmx-steps li{position:relative;margin:0;padding:20px 20px 20px 64px;border-radius:var(--p-rc);background:var(--p-b50);font-size:15px;line-height:1.55;counter-increment:pmx}
.playt-page .playt-pmx-steps li::before{content:counter(pmx);position:absolute;left:20px;top:18px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--p-b);color:#fff;font-weight:700;font-size:15px}
.playt-page .playt-pmx-steps strong{display:block;color:var(--p-ink)}
.playt-page .playt-pmx-more{color:var(--p-mu)}
@media (max-width:760px){.playt-page .playt-pmx-steps{grid-template-columns:minmax(0,1fr)}}