/* =========================================================
   GRANDSTYL.CZ – vlastní styly (spojeno z jednotlivých souborů)
   Každá úprava je samostatný blok. Pro odebrání úpravy smažte
   celý blok od řádku ===== START až po ===== KONEC.
   ========================================================= */

/* ===== START: MENU – menší blok podkategorií v kategorii (menu-mensi-5.css) ===== */
@media (min-width: 992px) {

  /* seznam podkategorií */
  .category-top ul.subcategories.with-image {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important;
    margin-bottom: 10px !important;
  }
  .category-top ul.subcategories.with-image::before,
  .category-top ul.subcategories.with-image::after {
    display: none;
  }

  /* 5 sloupců (pro 6 sloupců dej 16.66 %) */
  .category-top ul.subcategories.with-image li.col-lg-3 {
    width: 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  /* dělicí řádek přes celou šířku */
  .category-top ul.subcategories.with-image li.divider {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 4px 0 !important;
  }

  /* řádky: žádná pevná výška ani velké odsazení */
  .category-top ul.subcategories.with-image li {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .category-top ul.subcategories.with-image li a {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  /* obrázky */
  .category-top ul.subcategories.with-image li a img {
    max-width: 50px !important;
    max-height: 50px !important;
    width: auto;
    height: auto;
  }

  /* text */
  .category-top ul.subcategories.with-image li a .text {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* ORÁMOVANÉ POLOŽKY (parametric) – zarovnané doleva, stejně vysoké v řádku */
  .category-top ul.subcategories.with-image li.parametric {
    display: flex !important;
    padding: 4px 6px !important;
  }
  .category-top ul.subcategories.with-image li.parametric a {
    display: flex !important;
    flex: 1 1 auto;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    background: #fff;
    padding: 8px 14px !important;
    min-height: 44px !important;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .category-top ul.subcategories.with-image li.parametric a:hover {
    border-color: #1a1a1a;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  }

  /* logo/obrázek: pevně široké místo, aby text začínal pořád na stejném místě */
  .category-top ul.subcategories.with-image li.parametric a img {
    width: auto;
    height: auto;
    max-width: 56px !important;
    max-height: 40px !important;
    object-fit: contain;
  }
  .category-top ul.subcategories.with-image li.parametric a > :not(.text) {
    flex: 0 0 64px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px 0 0 !important;
  }

  /* text vlevo */
  .category-top ul.subcategories.with-image li.parametric a .text {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* položky bez obrázku: text odsazený stejně jako u ostatních (jen když jsou na stránce i položky s obrázky) */
  .category-top ul.subcategories.with-image:has(li.parametric img) li.parametric a:not(:has(img)) .text {
    padding-left: 76px !important;
  }
}
/* ===== KONEC: MENU – menší blok podkategorií v kategorii ===== */

/* ===== START: MENU MOBIL – kompaktní podkategorie na mobilu a tabletu ===== */
@media (max-width: 991px) {
  .category-top ul.subcategories {
    margin: 0 -4px 12px !important;
    align-items: stretch !important;
  }
  .category-top ul.subcategories li {
    padding: 4px !important;
    margin: 0 !important;
    height: auto !important;
    display: flex !important;
  }
  .category-top ul.subcategories li.divider {
    padding: 0 !important;
    margin: 6px 4px !important;
  }
  .category-top ul.subcategories li a {
    display: flex !important;
    flex: 1 1 auto;
    width: 100%;
    align-items: center;
    gap: 8px;
    height: 100% !important;
    min-height: 44px !important;
    padding: 6px 10px !important;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #fff;
  }
  .category-top ul.subcategories li a .image {
    flex: 0 0 36px;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
  }
  .category-top ul.subcategories li a .image img {
    max-width: 36px !important;
    max-height: 36px !important;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .category-top ul.subcategories li a .text {
    font-size: 14px !important;
    line-height: 1.25 !important;
    height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* ===== KONEC: MENU MOBIL – kompaktní podkategorie na mobilu a tabletu ===== */

/* ===== START: ZNAČKY MOBIL – zkrácený popis, tlačítka nahoře, malé logo vedle názvu (gs-popis-znacky.js) ===== */
@media (max-width: 767px) {
  .manufacturerDetail.gs-zkraceno {
    display: flex;
    flex-direction: column;
  }
  .manufacturerDetail.gs-zkraceno > h1,
  .manufacturerDetail.gs-zkraceno > .gs-hlavicka { order: -3; }
  .manufacturerDetail .gs-hlavicka {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
  }
  .manufacturerDetail .gs-hlavicka h1 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
    min-width: 0;
  }
  .manufacturerDetail .gs-hlavicka .gs-logo {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
  }
  .manufacturerDetail .gs-hlavicka .gs-logo img {
    display: block;
    height: 40px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
  }
  .manufacturerDetail.gs-zkraceno > .gs-tlacitka {
    order: -2;
    display: flex;
    gap: 8px;
    margin: 0 0 14px !important;
    text-align: left !important;
  }
  .manufacturerDetail.gs-zkraceno > .gs-tlacitka a {
    flex: 1 1 0;
    margin: 0 !important;
    padding: 11px 6px !important;
    font-size: 14px !important;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
  }
  .manufacturerDetail.gs-zkraceno > *:not(h1):not(.gs-hlavicka):not(.gs-tlacitka):not(.gs-perex):not(.gs-vice) {
    display: none;
  }
  .manufacturerDetail.gs-zkraceno > h2.gs-perex {
    font-size: 18px;
    margin: 0 0 6px;
  }
  .gs-vice {
    order: 5;
    align-self: flex-start;
    margin: 0 0 8px;
    padding: 0;
    background: none;
    border: 0;
    color: #1b1b1b;
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline;
  }
}
/* ===== KONEC: ZNAČKY MOBIL ===== */

/* ===== START: BLOG – výpis článků (blog4.css) ===== */
@media (min-width: 768px) {

  .news-wrapper .news-item {
    position: relative;
    display: block !important;
    padding: 16px 0 16px 180px !important;
    min-height: 120px;
    border-bottom: 1px solid #e5e5e5;
  }

  .news-wrapper .news-item .news-image {
    position: absolute !important;
    left: 0;
    top: 16px;
    width: 160px !important;
    height: 120px !important;
    max-width: 160px !important;
    object-fit: contain !important;
    object-position: center center;
    margin: 0 !important;
  }

  /* menší nadpis */
  .news-wrapper .news-item h2 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin: 0 0 6px 0 !important;
  }

  .news-wrapper .news-item time {
    display: block;
    margin: 0 0 6px 0 !important;
  }

  .news-wrapper .news-item .description {
    margin: 0 !important;
  }
}

/* mobil: beze změny, obrázek nahoře přes celou šířku */
@media (max-width: 767px) {
  .news-wrapper .news-item .news-image {
    width: 100% !important;
    height: 280px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center;
    display: block;
    margin-bottom: 20px;
  }
}
/* ===== KONEC: BLOG – výpis článků ===== */

/* ===== START: ÚVOD – dlaždice top značek (gs-brand-tiles.css) ===== */
.gs-tiles {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin: 40px 0 20px;
}
.gs-tile {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.10);
  transition: box-shadow .25s, transform .25s;
}
.gs-tile > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.gs-tile:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.gs-tile:hover > img { transform: scale(1.06); }

.gs-tile-label {
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 7%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.gs-tile-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: -12px;
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: #eec777;
  transition: width .3s;
}
.gs-tile:hover .gs-tile-label::before { width: 56px; }
.gs-tile-name {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.gs-tile .gs-tile-logo {
  display: block;
  width: 60%;
  height: auto;
  max-width: none;
  object-fit: contain;
}
/* Opticky sjednocená velikost log (v % šířky dlaždice – roste s velikostí obrazovky) */
.gs-tile .gs-tile-logo[src*="maserati"] { width: 74%; }
.gs-tile .gs-tile-logo[src*="versace"]  { width: 72%; }
.gs-tile .gs-tile-logo[src*="casio"]    { width: 56%; }
.gs-tile .gs-tile-logo[src*="citizen"]  { width: 60%; }
.gs-tile .gs-tile-logo[src*="bulova"]   { width: 52%; }
.gs-tile-arrow {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eec777;
  color: #141824;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  transition: transform .25s;
}
.gs-tile:hover .gs-tile-arrow { transform: translateX(4px); }

.gs-tiles-all { text-align: center; margin: 14px 0 44px; }
.gs-tiles-all a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 8px 8px 8px 26px;
  border-radius: 999px;
  background: #141824;
  color: #fff !important;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(20,24,36,.18);
  transition: background .25s, box-shadow .25s, transform .25s;
}
.gs-tiles-all a::after {
  content: "›";
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #eec777;
  color: #141824;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  transition: transform .25s;
}
.gs-tiles-all a:hover {
  background: #262b3a;
  box-shadow: 0 8px 22px rgba(20,24,36,.25);
  transform: translateY(-2px);
}
.gs-tiles-all a:hover::after { transform: translateX(3px); }

/* Tablet */
@media (max-width: 991px) {
  .gs-tile-name { font-size: 16px; }
  .gs-tile-arrow { display: none; }
}
/* Mobil: posun do strany */
@media (max-width: 767px) {
  .gs-tiles {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 62%;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }
  .gs-tile { scroll-snap-align: start; }
  .gs-tile-name { font-size: 18px; }
}
/* ===== KONEC: ÚVOD – dlaždice top značek ===== */

/* ===== START: ÚVOD – úvodní text a ikonky výhod (gs-uvodni-text.css) ===== */
.gs-intro-lead { font-size: 1.1em; line-height: 1.6; }

.gs-usp {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 28px 0 10px;
}
.gs-usp-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 64px;
  padding: 14px 16px 14px 76px;
  position: relative;
  background: #f7f5f0;
  border-radius: 12px;
  line-height: 1.35;
}
.gs-usp-item strong { font-size: 16px; color: #141824; }
.gs-usp-item span { font-size: 13px; color: #6b6f7a; }
.gs-usp-item::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border-radius: 50%;
  background-color: #141824;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}
/* Ikony (zlaté čárové SVG) */
.gs-usp--since::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eec777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 16.9 6.1 20l1.2-6.5L2.5 8.9 9.1 8z'/%3E%3C/svg%3E");
}
.gs-usp--brands::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eec777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E");
}
.gs-usp--original::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eec777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.3-8 11-4.6-1.7-8-6-8-11V5z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E");
}
.gs-usp--truck::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eec777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h14v12H1zM15 9h4l4 4v3h-8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2'/%3E%3Ccircle cx='18.5' cy='18.5' r='2'/%3E%3C/svg%3E");
}

@media (max-width: 991px) {
  .gs-usp { grid-template-columns: repeat(2, 1fr); }
}
/* Mobil: kompaktní 2×2 */
@media (max-width: 767px) {
  .gs-usp { gap: 8px; margin: 18px 0 6px; }
  .gs-usp-item { min-height: 0; padding: 10px 10px 10px 52px; border-radius: 10px; }
  .gs-usp-item::before { left: 10px; width: 34px; height: 34px; margin-top: -17px; background-size: 18px 18px; }
  .gs-usp-item strong { font-size: 13px; }
  .gs-usp-item span { font-size: 11px; }
}
/* ===== KONEC: ÚVOD – úvodní text a ikonky výhod ===== */

/* ===== START: ÚVOD – šipky carouselu (gs-carousel-arrows.css) ===== */
/* Menší, u okrajů, na počítači se ukážou až po najetí myší */
#carousel .carousel-control {
  width: 48px !important;
  background: none !important;
  opacity: 0 !important;
  transition: opacity .25s;
}
#carousel .carousel-control.left  { left: 6px !important; }
#carousel .carousel-control.right { right: 6px !important; }
#carousel:hover .carousel-control { opacity: .85 !important; }
#carousel .carousel-control:hover { opacity: 1 !important; }

/* Dotyková zařízení (mobil/tablet): šipky vždy jemně vidět */
@media (hover: none) {
  #carousel .carousel-control { opacity: .6 !important; width: 36px !important; }
}
/* ===== KONEC: ÚVOD – šipky carouselu ===== */

/* ===== START: ÚVOD – mezery pod bannery a u nadpisů (gs-homepage-spacing.css) ===== */
/* Mezera pod řadou bannerů */
.banners-row {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}

/* Nadpisy sekcí: Akční nabídka, Novinky, ... */
.homepage-group-title {
  margin-top: 24px !important;    /* mezera nad nadpisem */
  margin-bottom: 18px !important; /* mezera mezi nadpisem a produkty */
}

/* Mobil: ještě úspornější */
@media (max-width: 767px) {
  .banners-row { margin-bottom: 0 !important; }
  .homepage-group-title {
    margin-top: 14px !important;
    margin-bottom: 10px !important;
  }
}
/* ===== KONEC: ÚVOD – mezery pod bannery a u nadpisů ===== */

/* ===== START: ÚVOD – velikost nadpisů sekcí (gs-homepage-headings.css) ===== */
.homepage-group-title {
  font-size: 26px !important;
  line-height: 1.25 !important;
}
@media (max-width: 767px) {
  .homepage-group-title { font-size: 20px !important; }
}
/* ===== KONEC: ÚVOD – velikost nadpisů sekcí ===== */

/* ===== START: KOŠÍK – výrazné názvy doprav (gs-doprava.css) ===== */
table.shipping-options-layout tr.shipping-options-row a.shipping-options {
  font-size: 18px !important;
  font-weight: 700 !important;
}
table.shipping-options-layout tr.shipping-options-row a.shipping-options::after {
  content: " \1F69A";
  font-size: 18px;
}
/* ===== KONEC: KOŠÍK – výrazné názvy doprav ===== */

/* ===== START: DETAIL – skrytý krátký popis (gs-skryt-kratky-popis.css) ===== */
p.p-desc { display: none !important; }
/* ===== KONEC: DETAIL – skrytý krátký popis ===== */

/* ===== START: DETAIL – větší tlačítko Do košíku (gs-tlacitko-kosik.css) ===== */
.add-to-cart-button { font-size: 24px !important; }
/* ===== KONEC: DETAIL – větší tlačítko Do košíku ===== */

/* ===== START: DETAIL – datum doručení a blok o značce (gs-detail-produktu.css) ===== */
.delivery-time-label,
.delivery-time {
  font-size: 18px;
}
#manufacturerDescription {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 40px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  #manufacturerDescription p img {
    float: left;
    margin-right: 50px;
  }
}
/* ===== KONEC: DETAIL – datum doručení a blok o značce ===== */

/* ===== START: KATEGORIE – posuvný filtr značek (gs-filtr-scroll.css) ===== */
.filter-section-parametric-id-224 form fieldset {
  max-height: 250px;
  overflow-y: auto;
}
/* ===== KONEC: KATEGORIE – posuvný filtr značek ===== */

/* ===== START: KARTY PRODUKTŮ – štítky (gs-stitky.css) ===== */
.product .flag {
  padding: 5px 10px;
  width: auto !important;
  height: 24px !important;
  border-radius: 0;
}
/* ===== KONEC: KARTY PRODUKTŮ – štítky ===== */

/* ===== START: PATIČKA – newsletter v jednom řádku (gs-newsletter.css) ===== */
/* Tmavý pruh v barvách webu */
.odber {
  background: #1b1b1b !important;
}

/* Text vlevo, formulář vpravo v jednom řádku */
.odber .custom-footer__newsletter {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 32px;
  padding: 22px 0;
}
.odber .custom-footer__newsletter .newsletter-header {
  flex: 0 1 380px;
  width: auto;
  margin: 0;
  text-align: left;
}
.odber .custom-footer__newsletter .newsletter-header h3 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 20px;
}
.odber .custom-footer__newsletter .newsletter-header p {
  margin: 0;
  color: #b5b5b5;
  font-size: 14px;
  line-height: 1.4;
}
.odber #formNewsletterWidget {
  flex: 1 1 auto;
  width: auto;
}
.odber #formNewsletterWidget > fieldset {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
}

/* E-mail */
.odber #formNewsletterWidget > fieldset > .form-group {
  flex: 1 1 260px;
  margin: 0;
}
.odber #formNewsletterWidget .form-control {
  height: 48px;
  border: 0;
  border-radius: 6px;
}

/* Captcha: skrytá, zobrazí se v řádku po kliknutí do formuláře nebo po zadání e-mailu */
.odber #formNewsletterWidget fieldset.box {
  display: none;
}
.odber #formNewsletterWidget:focus-within fieldset.box,
.odber #formNewsletterWidget:has(#newsletterWidget:valid) fieldset.box {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}
.odber #formNewsletterWidget fieldset.box h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.odber #formNewsletterWidget fieldset.box .form-group {
  margin: 0;
}
.odber #formNewsletterWidget .captcha-image img {
  display: block;
  height: 48px;
  width: auto;
  border-radius: 6px;
}
.odber #formNewsletterWidget fieldset.box .form-control {
  width: 190px;
}

/* Tlačítko ve žluté barvě webu */
.odber #formNewsletterWidget button[type="submit"] {
  flex: 0 0 auto;
  height: 48px;
  margin: 0;
  padding: 0 24px;
  background: #ffc600;
  color: #1b1b1b;
  border: 0;
  border-radius: 6px;
  font-weight: 700;
  white-space: nowrap;
}
.odber #formNewsletterWidget button[type="submit"]:hover {
  background: #ffd84d;
}

/* Tablet a mobil: pod sebou */
@media (max-width: 991px) {
  .odber .custom-footer__newsletter {
    flex-wrap: wrap;
    gap: 14px;
  }
  .odber .custom-footer__newsletter .newsletter-header,
  .odber #formNewsletterWidget {
    flex: 1 1 100%;
    text-align: center;
  }
  .odber #formNewsletterWidget > fieldset,
  .odber #formNewsletterWidget:focus-within fieldset.box,
  .odber #formNewsletterWidget:has(#newsletterWidget:valid) fieldset.box {
    flex-wrap: wrap;
  }
  .odber #formNewsletterWidget > fieldset > .form-group,
  .odber #formNewsletterWidget fieldset.box,
  .odber #formNewsletterWidget button[type="submit"] {
    flex: 1 1 100%;
  }
  .odber #formNewsletterWidget fieldset.box .form-group:last-child {
    flex: 1 1 auto;
  }
  .odber #formNewsletterWidget fieldset.box .form-control {
    width: 100%;
  }
}
/* ===== KONEC: PATIČKA – newsletter v jednom řádku ===== */

/* ===== START: DETAIL – skrytí původní tabulky parametrů do přestavění (parametrygrouped.js) ===== */
table.detail-parameters:not(.shipping-options-layout):not([class*="gpsr"]) { display: none; }
html.gs-params-original table.detail-parameters:not(.shipping-options-layout):not([class*="gpsr"]) { display: table; }
/* ===== KONEC: DETAIL – skrytí původní tabulky parametrů ===== */

/* ===== START: DETAIL – blok kolekce a funkce v podrobném popisu (pravidlo Napojse + parametrygrouped.js) ===== */
.gs-kolekce{display:flex;align-items:center;gap:16px;background:#f6f6f6;border-left:4px solid #ffc600;border-radius:6px;padding:14px 16px;margin:16px 0}
.gs-kolekce-text{flex:1}
.gs-kolekce-text strong{display:block;font-size:16px}
.gs-kolekce-text span{font-size:14px;color:#555}
.gs-kolekce-btn{white-space:nowrap;background:#ffc600;color:#1b1b1b !important;font-weight:700;text-decoration:none !important;padding:10px 16px;border-radius:6px;font-size:14px}
.gs-kolekce-btn:hover{background:#ffd84d}
.gs-funkce h3{font-size:16px;margin:16px 0 8px}
.gs-funkce ul{columns:2;margin:0;padding-left:18px;font-size:14px}
.gs-funkce li::first-letter{text-transform:uppercase}
@media (max-width:560px){.gs-kolekce{flex-direction:column;align-items:flex-start}.gs-funkce ul{columns:1}}
/* ===== KONEC: DETAIL – blok kolekce a funkce ===== */

/* ===== START: DETAIL – příplatek jako zaškrtávací políčko (gs-priplatek.js) ===== */
.gs-priplatek{display:flex;align-items:center;gap:10px;margin:8px 0 4px;padding:12px 14px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:15px;max-width:520px}
.gs-priplatek:hover{border-color:#1b1b1b}
.gs-priplatek input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#1b1b1b;cursor:pointer;flex:0 0 auto;-webkit-appearance:checkbox!important;appearance:auto!important;position:static!important;opacity:1!important;display:inline-block!important}
.gs-priplatek::before,.gs-priplatek::after{display:none!important}
/* ===== KONEC: DETAIL – příplatek jako zaškrtávací políčko ===== */

/* ===== START: KATEGORIE – skrytý filtr Série (jen pro odkazy z produktů a SEO kategorie) ===== */
.filter-section-parametric-id-464{display:none!important}
/* ===== END: KATEGORIE – skrytý filtr Série ===== */

/* ===== START: KATEGORIE – výpis kolekce z odkazu Série (gs-serie-vypis.js) ===== */
html.gs-serie-vypis .products-top-wrapper{display:none!important}
.gs-filtr-btn{display:none}
@media (max-width:767px){
  html.gs-serie-vypis .gs-filtr-btn{display:block;width:100%;margin:8px 0 12px;padding:12px;border:1px solid #1b1b1b;border-radius:6px;background:#fff;color:#1b1b1b;font-weight:700;font-size:15px}
  html.gs-serie-vypis:not(.gs-filtr-open) .filters-wrapper{display:none!important}
}
/* ===== END: KATEGORIE – výpis kolekce z odkazu Série ===== */

/* ===== START: DETAIL – automatický popis hodinek s mezititulky (pravidlo Napojse) ===== */
.gs-auto-popis{margin:0 0 8px}
.gs-auto-popis p{margin:0 0 10px;line-height:1.6}
.gs-auto-popis h3{font-size:16px;margin:16px 0 6px}
.gs-auto-popis p:first-child strong{font-weight:700}
/* ===== END: DETAIL – automatický popis hodinek s mezititulky ===== */

/* ===== START: DETAIL – výhody nákupu a rozměry vedle sebe (gs-rozmery.js) ===== */
.gs-vyhody-rozmery{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch;margin:20px 0}
.gs-vyhody-rozmery>.benefits-box{flex:1 1 430px;min-width:0}
.gs-vyhody-rozmery>.gs-rozmery{flex:1 1 320px;min-width:0}
.gs-vyhody-rozmery>.benefits-box,.gs-rozmery{border:1px solid #e6e6e6;border-radius:8px;padding:16px 18px;background:#fafafa;margin:0}
.gs-vyhody-rozmery .benefits-box>p:first-child{margin:0 0 12px}
.gs-vyhody-rozmery .benefits-box>p:first-child strong{font-size:16px}
.gs-vyhody-rozmery>.benefits-box{display:flex;flex-direction:column}
.gs-vyhody-rozmery .benefits-list{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0!important;padding:0!important;list-style:none}
.gs-vyhody-rozmery .benefits-list li{position:relative;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #eee;border-radius:6px;padding:10px 12px 10px 52px;margin:0!important;font-size:14px;line-height:1.4}
.gs-vyhody-rozmery .benefits-list li::before{content:none!important;display:none!important}
.gs-vyhody-rozmery .benefits-list li .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff6d6;font-size:14px}
.gs-vyhody-rozmery .benefits-list li br{display:none}
.gs-vyhody-rozmery .benefits-list li:last-child{grid-column:1/-1}
.gs-vyhody-rozmery .benefits-list li:last-child span[style]{display:block;margin-top:3px;font-size:13px}
.gs-rozmery{text-align:center}
.gs-rozmery h3{font-size:16px;margin:0 0 10px;text-align:left}
.gs-rozmery svg{display:block;margin:0 auto 8px;height:auto}
.gs-rozmery-legenda{list-style:none;margin:0;padding:0;text-align:left;font-size:14px}
.gs-rozmery-legenda li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #eee}
.gs-rozmery-legenda li::before{content:none!important;display:none!important}
.gs-rozmery-tisk{margin:10px 0 0;text-align:left;font-size:14px}
.gs-rozmery-tisk span{font-size:14px!important}
/* ikonky: jednotné tmavé SVG místo emoji (emoji se na webu kreslí nevýrazně) */
.gs-vyhody-rozmery .benefits-list li .icon{font-size:0!important;color:transparent;background-color:#fff6d6;background-repeat:no-repeat;background-position:center;background-size:16px 16px}
.gs-vyhody-rozmery .benefits-list li:nth-child(1) .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2d44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.gs-vyhody-rozmery .benefits-list li:nth-child(2) .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2d44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
.gs-vyhody-rozmery .benefits-list li:nth-child(3) .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2d44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E")}
.gs-vyhody-rozmery .benefits-list li:nth-child(4) .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2d44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E")}
.gs-vyhody-rozmery .benefits-list li:nth-child(5) .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2d44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E")}
.gs-vyhody-rozmery .benefits-list li:nth-child(6) .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2d44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Cpath d='M8.12 8.12 12 12'/%3E%3Cpath d='M20 4 8.12 15.88'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M14.8 14.8 20 20'/%3E%3C/svg%3E")}
.gs-vyhody-rozmery .benefits-list li:nth-child(7) .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2d44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}
/* gravírování: větší text + fotka gravírovaných hodinek */
.gs-vyhody-rozmery .benefits-list li:last-child{padding-right:128px;min-height:88px;font-size:15px;background:#fffaf0;border-color:#eec777}
.gs-vyhody-rozmery .benefits-list li:last-child strong{font-size:16px}
.gs-vyhody-rozmery .benefits-list li:last-child span[style]{font-size:14px!important;margin-top:4px}
.gs-vyhody-rozmery .benefits-list li:last-child::after{content:"";position:absolute;right:8px;top:8px;bottom:8px;width:108px;border-radius:4px;background:url("https://cdn.myshoptet.com/usr/www.grandstyl.cz/user/shop/detail/271123-1_gravirovani.jpg") center/cover no-repeat}
@media (max-width:767px){
.gs-vyhody-rozmery>.benefits-box{padding:12px}
.gs-vyhody-rozmery .benefits-box>p:first-child{margin:0 0 8px}
.gs-vyhody-rozmery .benefits-list{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:6px}
.gs-vyhody-rozmery .benefits-list li{padding:6px 8px 6px 34px;font-size:12.5px;line-height:1.3;min-height:0}
.gs-vyhody-rozmery .benefits-list li .icon{left:7px;width:22px;height:22px;font-size:11px}
.gs-vyhody-rozmery .benefits-list li:last-child{padding-right:96px;min-height:74px;font-size:13px}
.gs-vyhody-rozmery .benefits-list li:last-child strong{font-size:14px}
.gs-vyhody-rozmery .benefits-list li:last-child span[style]{font-size:12.5px!important;margin-top:2px}
.gs-vyhody-rozmery .benefits-list li:last-child::after{width:82px;right:6px;top:6px;bottom:6px}
.gs-vyhody-rozmery .benefits-list li .icon{background-size:13px 13px}
}
/* ===== END: DETAIL – výhody nákupu a rozměry vedle sebe ===== */

/* ===== START: DETAIL – box O strojku (pravidlo Napojse 2100) ===== */
.gs-strojek{border:1px solid #e6e6e6;border-radius:8px;background:#fafafa;padding:16px 18px;margin:16px 0}
.gs-strojek h3{font-size:16px;margin:0 0 8px}
.gs-strojek>p{margin:0 0 12px;line-height:1.6}
.gs-strojek-cols{display:flex;flex-wrap:wrap;gap:12px}
.gs-strojek-cols>div{flex:1 1 280px;min-width:0;background:#fff;border:1px solid #eee;border-radius:6px;padding:12px 14px}
.gs-strojek h4{font-size:14px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.03em;color:#1f2d44}
.gs-strojek ul{list-style:none;margin:0!important;padding:0!important}
.gs-strojek li{margin:0!important;padding:5px 0 5px 0!important;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:1.45}
.gs-strojek li:last-child{border-bottom:0}
.gs-strojek li::before{content:none!important;display:none!important}
.gs-strojek-cols>div:last-child li{padding-left:20px!important;position:relative}
.gs-strojek-cols>div:last-child li::after{content:"";position:absolute;left:2px;top:10px;width:10px;height:6px;border-left:2px solid #c9a227;border-bottom:2px solid #c9a227;transform:rotate(-45deg)}
@media (max-width:767px){.gs-strojek{padding:12px}.gs-strojek li{font-size:13px}}
/* ===== END: DETAIL – box O strojku ===== */

/* ===== START: DETAIL – Další hodinky značky (gs-podobne.js) ===== */
.gs-podobne{margin:32px 0 16px;text-align:center}
.gs-podobne h2{font-size:24px;margin:0 0 16px}
.gs-podobne-wrap{position:relative}
.gs-podobne-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 10px;scrollbar-width:none}
.gs-podobne-track::-webkit-scrollbar{display:none}
.gs-podobne-item{flex:0 0 calc((100% - 48px)/5);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid #eee;border-radius:8px;padding:12px 10px;text-decoration:none!important;color:inherit;transition:box-shadow .2s}
.gs-podobne-item:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.gs-podobne-img{display:block;width:100%;aspect-ratio:4/3}
.gs-podobne-img img{width:100%;height:100%;object-fit:contain}
.gs-podobne-name{font-size:13px;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gs-podobne-price{font-weight:700;font-size:17px;color:#7a1020}
.gs-podobne-sklad{font-size:13px;color:#1e8100}
.gs-podobne-prev,.gs-podobne-next{position:absolute;top:38%;width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.gs-podobne-prev{left:-14px}.gs-podobne-next{right:-14px}
.gs-podobne-vse{margin:8px 0 0}
.gs-podobne-vse a{font-weight:700}
@media (max-width:991px){.gs-podobne-item{flex-basis:calc((100% - 24px)/3)}}
@media (max-width:767px){.gs-podobne h2{font-size:20px}.gs-podobne-item{flex-basis:44%}.gs-podobne-prev,.gs-podobne-next{display:none}}
/* ===== END: DETAIL – Další hodinky značky ===== */

/* ===== START: DETAIL – typografie automatického popisu ===== */
.gs-auto-popis h3,.gs-funkce h3{font-size:17px!important;margin:18px 0 6px}
.gs-auto-popis h3 a{color:inherit!important;text-decoration:none!important;pointer-events:none}
.gs-auto-popis p strong{font-weight:700}
.gs-funkce li{font-size:15px}
/* ===== END: DETAIL – typografie automatického popisu ===== */

/* ===== START: DETAIL – Obsah balení (pravidlo Napojse 2100) ===== */
.gs-baleni{margin:14px 0;font-size:15px}
.gs-baleni p{margin:0 0 6px;line-height:1.5}
.gs-baleni-navic{display:inline-block;background:#fffaf0;border:1px solid #eec777;border-radius:6px;padding:8px 12px 8px 40px;position:relative}
.gs-baleni-navic::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8860b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9 3 12 8 12 8s3-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/contain no-repeat}
.gs-baleni-vse{color:#555;font-size:14px}
/* ===== END: DETAIL – Obsah balení ===== */

/* ===== START: DETAIL – Funkce jako štítky + ikonka strojku ===== */
.gs-funkce ul{display:flex!important;flex-wrap:wrap;gap:8px;margin:6px 0 14px!important;padding:0!important;list-style:none;columns:auto!important}
.gs-funkce li{display:inline-flex;align-items:center;gap:6px;background:#f6f7f9;border:1px solid #e6e8eb;border-radius:20px;padding:6px 12px 6px 10px!important;margin:0!important;width:auto!important;font-size:14px;line-height:1.3;break-inside:avoid}
.gs-funkce li::before{content:""!important;display:inline-block!important;position:static!important;width:14px;height:14px;flex:0 0 14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8860b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat!important;border:0!important;transform:none!important;margin:0!important}
.gs-strojek{position:relative}
.gs-strojek--auto,.gs-strojek--quartz{padding-right:112px}
.gs-strojek--auto::after,.gs-strojek--quartz::after{content:"";position:absolute;top:14px;right:16px;width:84px;height:84px;background:center/contain no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}
.gs-strojek--auto::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3CradialGradient id='pl' cx='45%25' cy='40%25' r='65%25'%3E%3Cstop offset='0' stop-color='%23f4f5f7'/%3E%3Cstop offset='1' stop-color='%23b9bec6'/%3E%3C/radialGradient%3E%3ClinearGradient id='rot' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23e9d39a'/%3E%3Cstop offset='.5' stop-color='%23c9a24a'/%3E%3Cstop offset='1' stop-color='%23a07c2c'/%3E%3C/linearGradient%3E%3Cpattern id='cg' width='6' height='6' patternUnits='userSpaceOnUse' patternTransform='rotate(-35)'%3E%3Crect width='6' height='3' fill='%23fff' opacity='.18'/%3E%3C/pattern%3E%3ClinearGradient id='cs' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d9dde2'/%3E%3Cstop offset='1' stop-color='%238c939c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='57' fill='url(%23cs)'/%3E%3Ccircle cx='60' cy='60' r='50' fill='%231f2d44'/%3E%3Ccircle cx='60' cy='60' r='47' fill='url(%23pl)'/%3E%3Ccircle cx='60' cy='60' r='47' fill='url(%23cg)'/%3E%3C%21-- balance wheel --%3E%3Cg transform='translate(36 76)'%3E%3Ccircle r='13' fill='none' stroke='%23c9a24a' stroke-width='2.5'/%3E%3Ccircle r='9' fill='none' stroke='%237a8089' stroke-width='.8' stroke-dasharray='1.5 1.5'/%3E%3Cpath d='M-13 0H13M0-13V13' stroke='%23c9a24a' stroke-width='1.6'/%3E%3Ccircle r='2.2' fill='%23c0392b'/%3E%3C/g%3E%3C%21-- jewels --%3E%3Cg fill='%23c0392b'%3E%3Ccircle cx='76' cy='84' r='2.3'/%3E%3Ccircle cx='88' cy='66' r='2.3'/%3E%3Ccircle cx='40' cy='44' r='2.3'/%3E%3Ccircle cx='60' cy='90' r='2'/%3E%3C/g%3E%3C%21-- screws --%3E%3Cg fill='%235b6470'%3E%3Ccircle cx='26' cy='58' r='2.6'/%3E%3Ccircle cx='94' cy='50' r='2.6'/%3E%3Ccircle cx='72' cy='30' r='2.6'/%3E%3C/g%3E%3Cg stroke='%23e8eaed' stroke-width='.9'%3E%3Cpath d='M24.5 58h3M92.5 50h3M70.5 30h3'/%3E%3C/g%3E%3C%21-- rotor (half moon) --%3E%3Cg transform='rotate(-18 60 60)'%3E%3Cpath d='M18 60 A42 42 0 0 1 102 60 Z' fill='url(%23rot)' stroke='%238a6a22' stroke-width='1'/%3E%3Cpath d='M18 60 A42 42 0 0 1 102 60 Z' fill='url(%23cg)'/%3E%3Cpath d='M24 58 A36 36 0 0 1 96 58' fill='none' stroke='%23fff6dc' stroke-width='1' opacity='.7'/%3E%3Ctext x='60' y='44' text-anchor='middle' font-family='Georgia,serif' font-size='7' fill='%237a5a14' letter-spacing='1'%3EAUTOMATIC%3C/text%3E%3C/g%3E%3Ccircle cx='60' cy='60' r='7' fill='%238a6a22'/%3E%3Ccircle cx='60' cy='60' r='4' fill='%23e9d39a'/%3E%3Ccircle cx='60' cy='60' r='1.6' fill='%23c0392b'/%3E%3C%21-- glass reflection --%3E%3Cpath d='M22 40 A44 44 0 0 1 60 16' fill='none' stroke='%23fff' stroke-width='3' opacity='.35' stroke-linecap='round'/%3E%3C/svg%3E")}
.gs-strojek--quartz::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3CradialGradient id='pl' cx='45%25' cy='40%25' r='65%25'%3E%3Cstop offset='0' stop-color='%23f4f5f7'/%3E%3Cstop offset='1' stop-color='%23b9bec6'/%3E%3C/radialGradient%3E%3ClinearGradient id='bat' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.45' stop-color='%23d4d8de'/%3E%3Cstop offset='1' stop-color='%238f969f'/%3E%3C/linearGradient%3E%3ClinearGradient id='cu' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e9a86b'/%3E%3Cstop offset='.5' stop-color='%23b86a2c'/%3E%3Cstop offset='1' stop-color='%237c4317'/%3E%3C/linearGradient%3E%3ClinearGradient id='cs' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d9dde2'/%3E%3Cstop offset='1' stop-color='%238c939c'/%3E%3C/linearGradient%3E%3ClinearGradient id='xt' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%239aa1aa'/%3E%3Cstop offset='.5' stop-color='%23eef0f3'/%3E%3Cstop offset='1' stop-color='%239aa1aa'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='57' fill='url(%23cs)'/%3E%3Ccircle cx='60' cy='60' r='50' fill='%231f2d44'/%3E%3Ccircle cx='60' cy='60' r='47' fill='url(%23pl)'/%3E%3C%21-- circuit board --%3E%3Cpath d='M22 70 h30 v-12 h18' fill='none' stroke='%232e7d4f' stroke-width='2'/%3E%3Cpath d='M30 80 h40 l8 -8 h14' fill='none' stroke='%232e7d4f' stroke-width='2'/%3E%3Crect x='44' y='72' width='12' height='9' rx='1.5' fill='%23263238'/%3E%3Cg fill='%23c9a24a'%3E%3Ccircle cx='22' cy='70' r='2'/%3E%3Ccircle cx='92' cy='72' r='2'/%3E%3Ccircle cx='30' cy='80' r='2'/%3E%3C/g%3E%3C%21-- coil --%3E%3Crect x='64' y='80' width='26' height='12' rx='5' fill='url(%23cu)'/%3E%3Cg stroke='%235e3210' stroke-width='.7' opacity='.6'%3E%3Cpath d='M68 80v12M71 80v12M74 80v12M77 80v12M80 80v12M83 80v12M86 80v12'/%3E%3C/g%3E%3C%21-- quartz crystal --%3E%3Crect x='28' y='86' width='22' height='7' rx='3.5' fill='url(%23xt)' stroke='%236b737c' stroke-width='.8'/%3E%3C%21-- battery coin cell --%3E%3Ccircle cx='66' cy='46' r='21' fill='url(%23bat)' stroke='%236b737c' stroke-width='1.2'/%3E%3Ccircle cx='66' cy='46' r='16' fill='none' stroke='%239aa1aa' stroke-width='1'/%3E%3Cpath d='M60 46h12M66 40v12' stroke='%231f2d44' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M50 38 A18 18 0 0 1 62 28' fill='none' stroke='%23fff' stroke-width='2.4' opacity='.8' stroke-linecap='round'/%3E%3C%21-- screw --%3E%3Cg fill='%235b6470'%3E%3Ccircle cx='30' cy='44' r='2.6'/%3E%3Ccircle cx='94' cy='58' r='2.6'/%3E%3C/g%3E%3Cpath d='M22 40 A44 44 0 0 1 60 16' fill='none' stroke='%23fff' stroke-width='3' opacity='.35' stroke-linecap='round'/%3E%3C/svg%3E")}
.gs-strojek--auto h3::after{content:"automatický";}
.gs-strojek--quartz h3::after{content:"quartz – na baterii"}
.gs-strojek h3::after{display:inline-block;margin-left:10px;font-size:12px;font-weight:600;vertical-align:middle;background:#fff6d6;color:#7a5a00;border-radius:12px;padding:2px 10px}
@media (max-width:767px){.gs-strojek--auto,.gs-strojek--quartz{padding-right:12px}.gs-strojek--auto::after,.gs-strojek--quartz::after{width:44px;height:44px;top:10px;right:10px}.gs-strojek h3{padding-right:50px}.gs-strojek h3::after{display:table;margin:6px 0 0}}
/* ===== END: DETAIL – Funkce jako štítky + ikonka strojku ===== */