/* FGA / Shoptet Disco Miner – SAFE v2
   Bez globálnych zásahov do .container, header, .search, .btn mimo Shoptetu.
   Vkladať až ZA pôvodné Shoptet CSS. */

:root {
  --color-primary: #dce8ff;
  --color-primary-hover: #ffffff;
  --color-secondary: #ff6a00;
  --color-secondary-hover: #ff8a1c;
  --color-tertiary: #dce8ff;
  --color-tertiary-hover: #ffffff;
  --color-header-background: #050b18;

  --fga-bg: #06142b;
  --fga-bg-deep: #020817;
  --fga-panel: #07162f;
  --fga-panel-2: #0b1d3f;
  --fga-line: rgba(180, 210, 255, .18);
  --fga-text: #ffffff;
  --fga-muted: #9db2cf;
  --fga-silver: #dce8ff;
  --fga-orange: #ff6a00;
  --fga-orange-2: #ff8a1c;
  --fga-green: #49f6a6;
}
table.detail-parameters tbody tr th::after {
  border-top-style: none !important;
  border-top-width: 0px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
}
body.template-13 {
   background: linear-gradient(
    180deg,
    var(--fga-bg-deep) 0%,
    var(--fga-bg) 45%,
    #030915 100%
  ) !important;

  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-attachment: fixed !important;

  color: var(--fga-text);
}

body.template-13 .overall-wrapper,
body.template-13 #content,
body.template-13 .content-wrapper,
body.template-13 .content,
body.template-13 .main,
body.template-13 .main-wrapper {
  background: transparent !important;
}

body.template-13 a {
  color: var(--fga-silver);
}

body.template-13 a:hover {
  color: #fff;
}

/* Horná lišta */
body.template-13 .top-navigation-bar {
  background: #020817 !important;
  border-bottom: 1px solid rgba(220,232,255,.12) !important;
  color: var(--fga-muted) !important;
}

body.template-13 .top-navigation-bar a,
body.template-13 .top-nav-button,
body.template-13 .top-navigation-menu-trigger {
  color: #c8d2e4 !important;
}

body.template-13 .top-navigation-bar a:hover,
body.template-13 .top-nav-button:hover {
  color: #fff !important;
}

/* Header */
body.template-13 #header,
body.template-13 #header .header-top {
  background: linear-gradient(180deg, rgba(12,20,36,.98), rgba(5,10,22,.98)) !important;
  border-bottom: 1px solid rgba(220,232,255,.14) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.32) !important;
}

body.template-13 #header .site-name img {
  max-height: 58px;
}

/* Vyhľadávanie – iba header search, nie globálna .search */
body.template-13 #header .search form,
body.template-13 #header .search .search-form {
  border: 1px solid rgba(220,232,255,.18) !important;
  background: rgba(8,14,27,.86) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.template-13 #header .search input,
body.template-13 #header .search .form-control {
  background: transparent !important;
  color: #fff !important;
}

body.template-13 #header .search input::placeholder {
  color: rgba(220,232,255,.62) !important;
}

body.template-13 #header .search button,
body.template-13 #header .search .btn {
  background: linear-gradient(180deg, #274f91, #102b5c) !important;
  color: #fff !important;
  border-color: rgba(160,190,240,.35) !important;
}

/* Košík / login v hlavičke */
body.template-13 #header .cart-count,
body.template-13 #header .cart-price,
body.template-13 #header .cart-widget-button,
body.template-13 #header .navigation-buttons a,
body.template-13 #header .navigation-buttons button {
  color: #fff !important;
}

/* Hlavné menu */
body.template-13 .navigation-in,
body.template-13 .navigation-in > ul,
body.template-13 .menu-level-1 {
  background: rgba(4,8,18,.97) !important;
  border-top: 1px solid rgba(220,232,255,.08) !important;
  border-bottom: 1px solid rgba(220,232,255,.12) !important;
}

body.template-13 .navigation-in a,
body.template-13 .menu-level-1 > li > a,
body.template-13 .menu-level-1 > li > a b {
  color: #e7edf8 !important;
  text-decoration: none !important;
}

body.template-13 .menu-level-1 > li:hover > a,
body.template-13 .menu-level-1 > li:hover > a b,
body.template-13 .menu-level-1 > li.exp > a,
body.template-13 .menu-level-1 > li.active > a {
  color: #fff !important;
}

body.template-13 .menu-level-2 {
  background: rgba(5,12,28,.98) !important;
  border: 1px solid rgba(220,232,255,.16) !important;
  box-shadow: 0 20px 45px rgba(0,0,0,.42) !important;
}

body.template-13 .menu-level-2 a,
body.template-13 .menu-level-2 span {
  color: #dce8ff !important;
}

body.template-13 .menu-level-2 a:hover,
body.template-13 .menu-level-2 li:hover > a span {
  color: #fff !important;
}

/* Carousel / bannery */
body.template-13 .carousel,
body.template-13 #carousel {
  border: 1px solid rgba(220,232,255,.18) !important;
  background: rgba(7,14,29,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 28px 80px rgba(0,0,0,.38) !important;
}

body.template-13 .carousel .item a {
  background: #07162f !important;
}

body.template-13 .carousel img {
 
}

body.template-13 .carousel-control {
  color: #fff !important;
  text-shadow: none !important;
}

body.template-13 .carousel-control.left,
body.template-13 .carousel-control.right {
  background: transparent !important;
}

body.template-13 .carousel-control:before,
body.template-13 .carousel-control:after {
  color: #fff !important;
}

/* Benefit banner */
body.template-13 .benefitBanner {
  background: rgba(6,11,23,.92) !important;
  border: 1px solid rgba(220,232,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.template-13 .benefitBanner__item {
  border-color: rgba(220,232,255,.10) !important;
}

body.template-13 .benefitBanner__title {
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: .02em;
}

body.template-13 .benefitBanner__data {
  color: var(--fga-muted) !important;
}

body.template-13 .benefitBanner__picture {
  background: rgba(220,232,255,.055) !important;
  border: 1px solid rgba(220,232,255,.20) !important;
}

/* Nadpisy sekcií */
body.template-13 .homepage-group-title,
body.template-13 h1,
body.template-13 h2,
body.template-13 h3,
body.template-13 h4 {
  color: #fff !important;
}

body.template-13 .homepage-group-title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -.02em;
  text-shadow: 0 2px 20px rgba(220,232,255,.12);
}

body.template-13 .homepage-group-title:before,
body.template-13 .homepage-group-title:after {
  background: linear-gradient(90deg, transparent, rgba(220,232,255,.45), transparent) !important;
}

/* Produkty */
body.template-13 .products .product,
body.template-13 .products-block .product,
body.template-13 .product-slider .product {
  background: transparent !important;
}

body.template-13 .products .p,
body.template-13 .products-block .p,
body.template-13 .product-slider .p {
  background: rgba(7,22,47,.92) !important;
  border: 1px solid rgba(180,210,255,.18) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.22) !important;
  color: #fff !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.template-13 .products .p:hover,
body.template-13 .products-block .p:hover,
body.template-13 .product-slider .p:hover {
  transform: translateY(-3px);
  border-color: rgba(220,232,255,.34) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.32) !important;
}

body.template-13 .products .image,
body.template-13 .products-block .image,
body.template-13 .product-slider .image {
  background: #fff !important;
}

body.template-13 .products .name,
body.template-13 .products-block .name,
body.template-13 .product-slider .name,
body.template-13 .products .name span,
body.template-13 .products-block .name span,
body.template-13 .product-slider .name span {
  color: #fff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.template-13 .products .availability,
body.template-13 .products-block .availability,
body.template-13 .product-slider .availability {
  color: var(--fga-green) !important;
}

body.template-13 .products .price-final,
body.template-13 .products-block .price-final,
body.template-13 .product-slider .price-final {
  color: #fff !important;
  font-weight: 900 !important;
}

body.template-13 .products .p-desc,
body.template-13 .products-block .p-desc,
body.template-13 .product-slider .p-desc {
  color: #c8d2e4 !important;
}

body.template-13 .flag,
body.template-13 .flags .flag {
  background: #173d82 !important;
  color: #fff !important;
}

/* Tlačidlá iba v e-shope, bez menenia layoutu */
body.template-13 .btn.btn-cart,
body.template-13 .add-to-cart-button,
body.template-13 .btn-primary,
body.template-13 .btn-conversion {
  background: linear-gradient(180deg, var(--fga-orange-2), #e75500) !important;
  border-color: rgba(255,170,95,.55) !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 0 18px rgba(255,95,0,.16) !important;
}

body.template-13 .btn.btn-cart:hover,
body.template-13 .add-to-cart-button:hover,
body.template-13 .btn-primary:hover,
body.template-13 .btn-conversion:hover {
  background: linear-gradient(180deg, #ff9736, #ff6a00) !important;
  color: #fff !important;
}

body.template-13 .quantity input,
body.template-13 .quantity .amount {
  background: rgba(255,255,255,.95) !important;
  color: #0b1020 !important;
  border-color: rgba(220,232,255,.20) !important;
}

body.template-13 .quantity .increase,
body.template-13 .quantity .decrease {
  background: rgba(7,14,29,.92) !important;
  color: #fff !important;
  border-color: rgba(220,232,255,.18) !important;
}

/* Uvítací text / obsahové boxy */
body.template-13 .welcome-wrapper,
body.template-13 .homepage-box,
body.template-13 .content-inner,
body.template-13 .text-box,
body.template-13 .welcome {
  background: rgba(7,22,47,.70) !important;
  border-color: rgba(180,210,255,.14) !important;
  color: #dce8ff !important;
}

body.template-13 p,
body.template-13 .content p,
body.template-13 .welcome p {
  color: #c8d2e4;
}

/* Footer */
body.template-13 #footer,
body.template-13 .footer,
body.template-13 .footer-bottom {
  background: #020817 !important;
  border-top: 1px solid rgba(220,232,255,.12) !important;
  color: #c8d2e4 !important;
}

body.template-13 #footer a,
body.template-13 .footer a {
  color: #dce8ff !important;
}

body.template-13 #footer a:hover,
body.template-13 .footer a:hover {
  color: #fff !important;
}

/* Formuláre / popupy */
body.template-13 .popup-widget-inner,
body.template-13 .dropdown-menu {
  background: #07162f !important;
  border-color: rgba(220,232,255,.18) !important;
  color: #fff !important;
}

body.template-13 .popup-widget-inner a,
body.template-13 .dropdown-menu a,
body.template-13 .dropdown-menu span {
  color: #dce8ff !important;
}

body.template-13 input,
body.template-13 select,
body.template-13 textarea,
body.template-13 .form-control {
  border-color: rgba(220,232,255,.18);
}

@media (max-width: 767px) {
  body.template-13 {
    background: linear-gradient(180deg, #020817 0%, #06142b 100%) !important;
  }

  body.template-13 .carousel,
  body.template-13 #carousel {
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.template-13 .products .p,
  body.template-13 .products-block .p,
  body.template-13 .product-slider .p {
    box-shadow: 0 12px 28px rgba(0,0,0,.24) !important;
  }
}


/* =========================================================
   FGA / Shoptet Disco Miner – SAFE v3 doplnenie
   Oprava bielych Shoptet blokov na kategórii a detaile produktu.
   Vkladať celé CSS až ZA pôvodné Shoptet CSS.
   ========================================================= */

:root {
  --colors-surface-primary: #07162f;
  --colors-surface-secondary: #0b1d3f;
  --colors-surface-subtle: rgba(180,210,255,.14);
  --colors-surface-tertiary: rgba(180,210,255,.24);
  --colors-surface-quaternary: #9db2cf;
  --colors-surface-disabled: rgba(180,210,255,.10);
  --colors-surface-overlay: rgba(2,8,23,.82);
  --colors-surface-overlay-light: rgba(7,22,47,.88);
  --colors-surface-overlay-dark: rgba(0,0,0,.72);
  --colors-surface-white: #07162f;
  --colors-surface-black: #020817;
  --colors-foregrounds-headlines-primary: #ffffff;
  --colors-foregrounds-content-primary: #dce8ff;
  --colors-foregrounds-content-primary-dark: #ffffff;
  --colors-foregrounds-content-secondary: #b9c8df;
  --colors-foregrounds-content-tertiary: #9db2cf;
  --colors-foregrounds-content-quaternary: #8ea2bf;
  --colors-foregrounds-icons-primary: #dce8ff;
  --colors-foregrounds-borders-primary: rgba(220,232,255,.28);
  --colors-foregrounds-borders-secondary: rgba(220,232,255,.16);
  --colors-foregrounds-borders-tertiary: rgba(220,232,255,.22);
  --colors-forms-background: #07162f;
  --colors-forms-border: rgba(220,232,255,.26);
  --colors-forms-activated: #ff6a00;
}

/* Všeobecné biele plochy v obsahu */
body.template-13 .content-wrapper,
body.template-13 .content,
body.template-13 .content-inner,
body.template-13 .content-inner-in,
body.template-13 .content-window,
body.template-13 .main-inner,
body.template-13 .box,
body.template-13 .box-bg-variant,
body.template-13 .box-sm,
body.template-13 .box-md,
body.template-13 .box-lg,
body.template-13 .boxed,
body.template-13 .co-box,
body.template-13 .cart-table,
body.template-13 .user-action,
body.template-13 .user-action-in,
body.template-13 .login-widget,
body.template-13 .cart-widget,
body.template-13 .ordering-process,
body.template-13 .advanced-order,
body.template-13 .advanced-parameter-inner,
body.template-13 .variant-list,
body.template-13 .availability-value,
body.template-13 .site-msg,
body.template-13 .information-box,
body.template-13 .alert {
  
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.16) !important;
}

body.template-13 .content h1,
body.template-13 .content h2,
body.template-13 .content h3,
body.template-13 .content h4,
body.template-13 .content .h1,
body.template-13 .content .h2,
body.template-13 .content .h3,
body.template-13 .content .h4 {
  color: #ffffff !important;
}

body.template-13 .content strong,
body.template-13 .content b,
body.template-13 .content label,
body.template-13 .content small,
body.template-13 .content .muted,
body.template-13 .content .help-block,
body.template-13 .content .text-muted {
  color: #dce8ff !important;
}

/* Breadcrumbs */
body.template-13 .breadcrumbs,
body.template-13 .breadcrumbs-wrapper,
body.template-13 .breadcrumb {
  background: transparent !important;
  color: #9db2cf !important;
}
body.template-13 .breadcrumbs a,
body.template-13 .breadcrumbs span,
body.template-13 .breadcrumb a,
body.template-13 .breadcrumb span {
  color: #b9c8df !important;
}
body.template-13 .breadcrumbs a:hover,
body.template-13 .breadcrumb a:hover {
  color: #fff !important;
}

/* Ľavý stĺpec – kategórie, filtre */
body.template-13 .sidebar,
body.template-13 .sidebar-inner,
body.template-13 .sidebar .box,
body.template-13 .categories,
body.template-13 .categories ul,
body.template-13 .categories li,
body.template-13 .filters-wrapper,
body.template-13 .filter-sections,
body.template-13 .filter-section,
body.template-13 .filter-section form,
body.template-13 .filter-section ul,
body.template-13 .filter-section li,
body.template-13 .param-filter-top,
body.template-13 .param-filter-top form {
  
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.16) !important;
}

body.template-13 .sidebar .box,
body.template-13 .categories,
body.template-13 .filter-section {
  border: 1px solid rgba(220,232,255,.16) !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
}

body.template-13 .sidebar h4,
body.template-13 .sidebar .box-title,
body.template-13 .filter-section h4,
body.template-13 .filter-section .filter-section-title,
body.template-13 .filters-wrapper h4,
body.template-13 .topic {
  background: linear-gradient(180deg, rgba(15,35,75,.95), rgba(7,22,47,.95)) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(220,232,255,.14) !important;
}

body.template-13 .categories a,
body.template-13 .categories span,
body.template-13 .filter-section a,
body.template-13 .filter-section label,
body.template-13 .filter-label,
body.template-13 .filter-count {
  color: #dce8ff !important;
}

body.template-13 .categories a:hover,
body.template-13 .filter-section a:hover,
body.template-13 .filter-section label:hover {
  color: #fff !important;
}

/* Kategória – hlavička, triedenie, paginácia */
body.template-13 .category-header,
body.template-13 .category-perex,
body.template-13 .category-title,
body.template-13 .subcategories,
body.template-13 .products-top,
body.template-13 .products-top-header,
body.template-13 .pagination-wrapper,
body.template-13 .pagination-loader,
body.template-13 .pagination,
body.template-13 .listSorting,
body.template-13 .listSorting__control,
body.template-13 .listingControls,
body.template-13 .listingControls__layout,
body.template-13 .listingControls__control {
  background: rgba(7,22,47,.76) !important;
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.16) !important;
}

body.template-13 .listSorting__control,
body.template-13 .listingControls__control,
body.template-13 .pagination a,
body.template-13 .pagination strong,
body.template-13 .pagination__link {
  border: 1px solid rgba(220,232,255,.18) !important;
  border-radius: 10px !important;
  background: rgba(4,12,27,.92) !important;
  color: #dce8ff !important;
}

body.template-13 .pagination a:hover,
body.template-13 .pagination__link:hover,
body.template-13 .pagination .active,
body.template-13 .pagination strong {
  background: linear-gradient(180deg, #ff8a1c, #ff6a00) !important;
  color: #06142b !important;
}

/* Produktové karty – dorovnanie bielych spodkov */
body.template-13 .products,
body.template-13 .products-block,
body.template-13 .products-page,
body.template-13 .products .product,
body.template-13 .products-block .product,
body.template-13 .products .p,
body.template-13 .products-block .p,
body.template-13 .product .p-in,
body.template-13 .product .p-in-in,
body.template-13 .product .p-bottom,
body.template-13 .product .p-tools,
body.template-13 .product .p-desc,
body.template-13 .product .flags,
body.template-13 .product .ratings-wrapper,
body.template-13 .product .availability,
body.template-13 .product .prices {
  background: none !important;
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.16) !important;
}

body.template-13 .products .product,
body.template-13 .products .p,
body.template-13 .products-block .product,
body.template-13 .products-block .p {
  border-radius: 18px !important;
  overflow: hidden;
}

body.template-13 .product .name,
body.template-13 .product .name a,
body.template-13 .product .p-code,
body.template-13 .product .p-desc,
body.template-13 .product .availability,
body.template-13 .product .availability span,
body.template-13 .product .price,
body.template-13 .product .price-final,
body.template-13 .product .price-standard,
body.template-13 .product .price-save {
  color: #dce8ff !important;
}

body.template-13 .product .price-final,
body.template-13 .p-detail .price-final,
body.template-13 .price-final-holder .price-final {
  color: #49f6a6 !important;
}

body.template-13 .product .image,
body.template-13 .product .image a,
body.template-13 .product .p-image,
body.template-13 .product .p-image-wrapper {
  
}

/* Detail produktu */
body.template-13 .p-detail,
body.template-13 .p-detail-inner,
body.template-13 .p-detail-info,
body.template-13 .p-info-wrapper,
body.template-13 .p-image-wrapper,
body.template-13 .p-thumbnails-wrapper,
body.template-13 .p-thumbnail,
body.template-13 .p-final-price-wrapper,
body.template-13 .availability-and-code,
body.template-13 .p-detail .price-wrapper,
body.template-13 .p-detail .prices,
body.template-13 .p-detail .add-to-cart,
body.template-13 .p-detail .p-detail-inner-header,
body.template-13 .ratings-and-brand,
body.template-13 .brand-wrapper,
body.template-13 .stars-wrapper,
body.template-13 .share-buttons-wrapper {
 
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.16) !important;
}

body.template-13 .p-detail,
body.template-13 .p-info-wrapper,
body.template-13 .p-image-wrapper {
  border-radius: 18px !important;
}

body.template-13 .p-detail .p-code,
body.template-13 .p-detail .availability,
body.template-13 .p-detail .availability span,
body.template-13 .p-detail .brand-wrapper a,
body.template-13 .p-detail .stars-label,
body.template-13 .p-detail .starsLabel--productDetail,
body.template-13 .p-detail .detail-parameters,
body.template-13 .p-detail .detail-parameters td,
body.template-13 .p-detail .detail-parameters th,
body.template-13 .p-detail .detail-parameters a {
  color: #dce8ff !important;
}

body.template-13 .p-thumbnail,
body.template-13 .p-thumbnail img,
body.template-13 .p-thumbnail.highlighted {
  border-color: rgba(220,232,255,.20) !important;
  background: #06142b !important;
}

/* Taby a popisy na detaile */
body.template-13 .shp-tabs,
body.template-13 .shp-tabs-row,
body.template-13 .shp-tab,
body.template-13 .shp-tab-link,
body.template-13 .tab-content,
body.template-13 .tab-pane,
body.template-13 .description-inner,
body.template-13 .basic-description,
body.template-13 .extended-description,
body.template-13 .product-detail-tabs,
body.template-13 .productDescription,
body.template-13 .product-top,
body.template-13 .product-bottom {
 
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.16) !important;
}

body.template-13 .shp-tab-link,
body.template-13 .shp-tab a {
  color: #dce8ff !important;
}

body.template-13 .shp-tab.active .shp-tab-link,
body.template-13 .shp-tab-link.active,
body.template-13 .shp-tab-link:hover {
  background: linear-gradient(180deg, #ff8a1c, #ff6a00) !important;
  color: #06142b !important;
}

/* Tabuľky v popisoch produktov */
body.template-13 .content table,
body.template-13 .description-inner table,
body.template-13 .basic-description table,
body.template-13 .extended-description table,
body.template-13 .tab-pane table,
body.template-13 .rte__table-wrapper,
body.template-13 .table,
body.template-13 .table-striped {
 
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.18) !important;
}

body.template-13 .content table td,
body.template-13 .content table th,
body.template-13 .description-inner table td,
body.template-13 .description-inner table th,
body.template-13 .basic-description table td,
body.template-13 .basic-description table th,
body.template-13 .extended-description table td,
body.template-13 .extended-description table th,
body.template-13 .tab-pane table td,
body.template-13 .tab-pane table th,
body.template-13 .table td,
body.template-13 .table th {
  background: rgba(7,22,47,.82) !important;
  color: #dce8ff !important;
  border: 0px solid rgba(220,232,255,.14) !important;
}
 
body.template-13 .content table tr.title td,
body.template-13 .content table tr.title th,
body.template-13 .content table tr.sub-title td,
body.template-13 .content table tr.sub-title th,
body.template-13 .description-inner table tr.title td,
body.template-13 .description-inner table tr.sub-title td,
body.template-13 .table-striped > tbody > tr:nth-of-type(odd) > td,
body.template-13 .table-striped > tbody > tr:nth-of-type(odd) > th {
  
  color: #ffffff !important;
}

body.template-13 hr {
  border-color: rgba(220,232,255,.16) !important;
  background-color: rgba(220,232,255,.16) !important;
}

/* Formuláre, selecty, inputy, quantity */
body.template-13 input,
body.template-13 select,
body.template-13 textarea,
body.template-13 .form-control,
body.template-13 .amount,
body.template-13 .quantity input,
body.template-13 .quantity .increase,
body.template-13 .quantity .decrease,
body.template-13 .filter-section input,
body.template-13 .filter-section select,
body.template-13 .listSorting select,
body.template-13 .listSorting__control select {
  background: #06142b !important;
  color: #ffffff !important;
  border: 1px solid rgba(220,232,255,.22) !important;
}

body.template-13 input::placeholder,
body.template-13 textarea::placeholder {
  color: rgba(220,232,255,.58) !important;
}

body.template-13 input[type="checkbox"],
body.template-13 input[type="radio"] {
  accent-color: #ff6a00;
}

/* Tlačidlá – iba v Shoptet tele */
body.template-13 .btn,
body.template-13 button,
body.template-13 input[type="submit"],
body.template-13 .add-to-cart-button,
body.template-13 .btn-cart,
body.template-13 .btn-primary,
body.template-13 .btn-secondary,
body.template-13 .btn-default,
body.template-13 .filter-submit,
body.template-13 .show-filter-button,
body.template-13 .js-show-filter-button {
  border-color: rgba(220,232,255,.20) !important;
}

body.template-13 .add-to-cart-button,
body.template-13 .btn-cart,
body.template-13 .btn-primary,
body.template-13 .filter-submit {
  background: linear-gradient(180deg, #ff8a1c, #ff6a00) !important;
  color: #06142b !important;
  font-weight: 800 !important;
}

body.template-13 .btn-secondary,
body.template-13 .btn-default,
body.template-13 .show-filter-button,
body.template-13 .js-show-filter-button {
  background: rgba(7,22,47,.96) !important;
  color: #dce8ff !important;
}

body.template-13 .btn:hover,
body.template-13 .add-to-cart-button:hover,
body.template-13 .btn-cart:hover,
body.template-13 .btn-primary:hover {
  filter: brightness(1.08);
  text-decoration: none !important;
}

/* Vlajky, štítky, dostupnosť */
body.template-13 .flag,
body.template-13 .flags .flag,
body.template-13 .flag-new,
body.template-13 .flag-action,
body.template-13 .flag-tip,
body.template-13 .shp-flag,
body.template-13 .availability-label,
body.template-13 .availability-amount {
  background: rgba(255,106,0,.95) !important;
  color: #fff!important;
  border-color: rgba(255,255,255,.20) !important;
}

/* Modálne okná, rozbaľovačky, jazyk/mena */
body.template-13 .popup-widget,
body.template-13 .popup-widget-inner,
body.template-13 .dropdown-menu,
body.template-13 .languagesMenu__box,
body.template-13 .languagesMenu__list,
body.template-13 .navigationActions__submenu,
body.template-13 .navigationActions__submenu__item,
body.template-13 .toggle-window,
body.template-13 .cboxContent,
body.template-13 #cboxContent,
body.template-13 .modal-content,
body.template-13 .modal-body,
body.template-13 .modal-header,
body.template-13 .modal-footer {
  background: #07162f !important;
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.16) !important;
}

body.template-13 .popup-widget a,
body.template-13 .dropdown-menu a,
body.template-13 .languagesMenu__box a,
body.template-13 .navigationActions__submenu a,
body.template-13 .modal-content a {
  color: #dce8ff !important;
}

/* Benefit banner / spodné služby */
body.template-13 .benefitBanner,
body.template-13 .benefitBanner__item,
body.template-13 .benefitBanner__content,
body.template-13 .benefitBanner__title,
body.template-13 .benefitBanner__data {
  background: rgba(7,22,47,.74) !important;
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.14) !important;
}

/* Mobil – filtre a obsah nech nie sú biele */
@media (max-width: 767px) {
  body.template-13 .sidebar,
  body.template-13 .sidebar-inner,
  body.template-13 .filters-wrapper,
  body.template-13 .filter-sections,
  body.template-13 .filter-section,
  body.template-13 .products-top,
  body.template-13 .category-header,
  body.template-13 .p-detail,
  body.template-13 .p-info-wrapper,
  body.template-13 .p-image-wrapper,
  body.template-13 .tab-content,
  body.template-13 .tab-pane {
    background: rgba(7,22,47,.92) !important;
  }
}

body.template-13 .header-bottom {
 background: rgba(4,8,18,.97) !important;
}
#header .header-bottom {
  border-style: solid;
  border-width: 0 0 0 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  position: relative;
}

/* KALKULAČKA STRIP */

.calc-strip {
  padding: 34px 0;
}

.strip-box {
  border: 1px solid rgba(210,225,245,.16);
  background:
    radial-gradient(circle at 18% 45%, rgba(210,225,245,.10), transparent 22%),
    radial-gradient(circle at 80% 45%, rgba(90,120,190,.12), transparent 26%),
    linear-gradient(90deg, rgba(8,16,33,.88), rgba(11,16,32,.96)),
    #0b1020;
  min-height: 122px;
  display: grid;
  grid-template-columns: 110px 1fr 260px;
  align-items: center;
  gap: 24px;
  padding: 24px 34px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 32px rgba(170,205,255,.08);
}

.strip-icon {
  width: 78px;
  height: 78px;
  border: 1px solid rgba(210,225,245,.24);
  color: #dfe8f6;
  display: grid;
  place-items: center;
  font-size: 34px;
  background: rgba(210,225,245,.045);
  box-shadow: 0 0 20px rgba(170,205,255,.10);
}

.strip-box h2 {
  font-size: 26px;
  margin-bottom: 5px;
  color: #ffffff;
}

.strip-box p {
  color: #b8c2d2;
  font-size: 16px;
  line-height: 1.45;
}

.strip-action {
  text-align: right;
}

.calc-strip .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  background: linear-gradient(180deg, #ff7b12, #e75500);
  color: #fff;
  font-weight: 900;
  font-size: 13px;
  border: 1px solid rgba(255,170,95,.55);
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 18px rgba(255,95,0,.20);
  text-transform: uppercase;
  text-decoration: none;
}

/* AKO TO FUNGUJE */

.how-section {
  padding: 58px 0;
}

.how-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  text-align: center;
  font-size: 25px;
  letter-spacing: -.4px;
  margin-bottom: 32px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  text-shadow: 0 2px 20px rgba(210,225,245,.15);
}

.how-title::before,
.how-title::after {
  content: "";
  height: 1px;
  width: min(220px, 16vw);
  background: linear-gradient(90deg, transparent, rgba(210,225,245,.48), transparent);
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.step {
  padding: 26px;
  min-height: 170px;
  position: relative;
  background:
    linear-gradient(180deg, rgba(80,140,255,.075), rgba(255,255,255,.012)),
    rgba(8, 22, 48, .92);
  border: 1px solid rgba(120,170,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 45px rgba(0,0,0,.30);
}

.step strong {
  display: block;
  color: #dfe8f6;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 16px;
  text-shadow: 0 0 14px rgba(210,225,245,.18);
}

.step h3 {
  font-size: 20px;
  margin-bottom: 9px;
  color: #ffffff;
}

.step p {
  color: #aab5c7;
  font-size: 14px;
  line-height: 1.45;
}

/* KATEGÓRIE */

.miner-cats-section {
  padding: 58px 0;
}

.miner-cats-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  text-align: center;
  font-size: 42px;
  letter-spacing: -1px;
  margin-bottom: 42px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  line-height: 1.1; }



.miner-cats-title::before,
.miner-cats-title::after {
  content: "";
  height: 1px;
  width: min(220px, 16vw);
  background: linear-gradient(90deg, transparent, rgba(210,225,245,.48), transparent);
}

.miner-cats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}

.miner-cat {
  height: 130px;

  display: flex !important;
  flex-direction: column;

  justify-content: center;
  align-items: center;

  text-align: center;

  font-weight: 900;
  color: #fff;
  text-decoration: none;

  background:
    linear-gradient(180deg, rgba(80,140,255,.075), rgba(255,255,255,.012)),
    rgba(8,22,48,.92);

  border: 1px solid rgba(120,170,255,.18);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 45px rgba(0,0,0,.30);

  transition: .2s;
}

.miner-cat:hover {
  border-color: rgba(210,225,245,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    0 0 24px rgba(170,205,255,.10);
}

.miner-cat span {
 display:block;
    margin-top:8px;
    color:#9db2cf;
    font-size:13px;
    font-weight:600;
}

/* RESPONSIVE */

@media (max-width: 980px) {
  .strip-box {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .strip-icon {
    margin: 0 auto;
  }

  .strip-action {
    text-align: center;
  }

  .steps-grid {
    grid-template-columns: 1fr;
  }

  .miner-cats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  .miner-cats-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1200px) {
  body.template-13 .col-lg-6 {
    width: 100% !important;
  }
}
.hosting-banner {
  position: relative;
  min-height: 280px;
  margin: 40px 0;
  padding: 44px 56px;
  overflow: hidden;
  border: 1px solid rgba(210,225,245,.16);
  background:
    linear-gradient(90deg, rgba(2,8,23,.94) 0%, rgba(5,15,32,.78) 42%, rgba(5,15,32,.28) 100%),
    url("https://800037.myshoptet.com/user/documents/upload/hosting.jpg") center right / cover no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 38px rgba(170,205,255,.10);
}

.hosting-banner-content {
  position: relative;
  z-index: 2;
  max-width: 520px;
}

.hosting-banner h2 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.5px;
}

.hosting-banner ul {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.hosting-banner li {
  margin: 7px 0;
  color: #e6edf8;
  font-size: 15px;
  line-height: 1.45;
}

.hosting-banner li::before {
  content: "✓";
  color: #ffffff;
  margin-right: 9px;
}

.hosting-banner-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  background: linear-gradient(180deg, #ff7b12, #e75500);
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid rgba(255,170,95,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 18px rgba(255,95,0,.20);
}

.hosting-banner-btn:hover {
  color: #ffffff;
  background: linear-gradient(180deg, #ff8a1c, #ff6a00);
}

@media (max-width: 768px) {
  .hosting-banner {
    min-height: auto;
    padding: 34px 24px;
    background:
      linear-gradient(90deg, rgba(2,8,23,.96) 0%, rgba(5,15,32,.86) 100%),
      url("/user/documents/upload/hosting-miners-bg.jpg") center / cover no-repeat;
  }

  .hosting-banner h2 {
    font-size: 27px;
  }
}
@media (min-width: 1200px) {
  body.template-13 .footer-banners .col-lg-4 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  body.template-13 .container-narrow {
    margin: 50px auto;
    width: 1000px !important;
  }
}

@media (min-width: 1200px) {
  body.template-13 .footer-banners .col-lg-3 {
    width: 100%;
  }
}
.miner-cta-section {
  padding: 44px 0;
}

.miner-cta-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.miner-cta-card {
  position: relative;
  min-height: 225px;
  overflow: hidden;
  border: 1px solid rgba(120,170,255,.18);
  background:
    linear-gradient(90deg, rgba(8,22,48,.94), rgba(8,22,48,.78)),
    rgba(8,22,48,.92);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 45px rgba(0,0,0,.30);
}

.miner-cta-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .25;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}

.miner-cta-affiliate::before {
  background-image: url("/user/documents/upload/poz1.jpg");
}

.miner-cta-consultation::before {
  background-image: url("/user/documents/upload/poz2.jpg");
}

.miner-cta-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8,22,48,.96) 0%, rgba(8,22,48,.82) 48%, rgba(8,22,48,.35) 100%);
}

.miner-cta-content {
  position: relative;
  z-index: 2;
  padding: 32px 30px;
  max-width: 560px;
}

.miner-cta-card h2 {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
}

.miner-cta-card p {
  margin: 0 0 24px;
  color: #c8d2e4;
  font-size: 16px;
  line-height: 1.45;
}

.miner-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  background: linear-gradient(180deg, #ff7b12, #e75500);
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid rgba(255,170,95,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 18px rgba(255,95,0,.20);
}

.miner-cta-btn:hover {
  color: #ffffff;
  background: linear-gradient(180deg, #ff8a1c, #ff6a00);
}

@media (max-width: 900px) {
  .miner-cta-grid {
    grid-template-columns: 1fr;
  }
}
.affiliate-section { padding: 28px 0 44px; } .affiliate-wrap { max-width: 100%; } .affiliate-head { max-width: 900px; margin: 0 0 26px; text-align: left; } .affiliate-head h2 { margin: 0 0 12px; color: #ffffff; font-size: 30px; line-height: 1.15; font-weight: 900; text-transform: uppercase; letter-spacing: -.4px; } .affiliate-head p { margin: 0; color: #c8d2e4; font-size: 16px; line-height: 1.55; } .affiliate-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0 0 22px; } .affiliate-card { min-height: 220px; padding: 28px 26px; background: linear-gradient(180deg, rgba(80,140,255,.075), rgba(255,255,255,.012)), rgba(8,22,48,.92); border: 1px solid rgba(120,170,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 45px rgba(0,0,0,.30); } .affiliate-card strong { display: block; margin: 0 0 18px; color: #dce8ff; font-size: 36px; line-height: 1; font-weight: 900; } .affiliate-card h3 { margin: 0 0 12px; color: #ffffff; font-size: 21px; line-height: 1.18; font-weight: 900; text-transform: uppercase; } .affiliate-card p { margin: 0; color: #c8d2e4; font-size: 15px; line-height: 1.55; } .affiliate-note { padding: 18px 20px; border: 1px solid rgba(220,232,255,.14); background: rgba(7,22,47,.72); color: #dce8ff; font-size: 14px; line-height: 1.5; } @media (max-width: 900px) { .affiliate-grid { grid-template-columns: 1fr; } .affiliate-head h2 { font-size: 25px; } .affiliate-card { min-height: auto; } }



 
.benefit-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0;
  padding:0;
}

.benefit-number{
  width:36px;
  height:36px;
  min-width:36px;
  border:1px solid #b8c4d6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:700;
  line-height:1;
  color:#ffffff;
  box-sizing:border-box;
}

.benefit-content{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-top:1px;
}

.benefit-title{
  margin:0;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  color:#ffffff;
}

.benefit-text{
  margin:0;
  font-size:13px;
  line-height:1.4;
  color:rgba(255,255,255,0.82);
}
 

@media (min-width: 768px) {
  body.template-13 .col-sm-4 {
    width: 100% !important;
  }
}
 .miner-boxes-section {
 
  padding: 30px 0 40px;
}

.miner-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 0px;
}

.miner-box {
  position: relative;
  min-height: 235px;
  display: flex;
  align-items: center;
  padding: 32px 28px;
  overflow: hidden;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(220,232,255,.48);
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  transition: box-shadow .25s ease;
}

.miner-box:hover {
  box-shadow: inset 0 0 0 1px rgba(255,126,28,.75);
}

.miner-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(2, 8, 20, .88) 0%,
    rgba(2, 8, 20, .62) 45%,
    rgba(2, 8, 20, .30) 100%
  );
  z-index: 1;
  pointer-events: none;
}

.miner-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7,22,47,.20);
  z-index: 2;
  pointer-events: none;
}

/* žiadny oranžový overlay */
.miner-box:hover::after {
  background: rgba(7,22,47,.20);
}
.miner-box-content {
  position: relative;
  z-index: 3;
   max-width: 50%;
}

.miner-box h2 {
 margin: 0 0 12px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.08;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: -.3px
}

.miner-box p {
 margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #eef4ff;
}

/* obrázky na pozadí – len tu si vymeníš URL */
.miner-box-1 {
  background-image: url("/user/documents/upload/b3.jpg");
}

.miner-box-2 {
  background-image: url("/user/documents/upload/b2.jpg");
}

.miner-box-3 {
  background-image: url("/user/documents/upload/b1.jpg");
}

@media (max-width: 991px) {
  .miner-boxes {
    grid-template-columns: 1fr;
  }

  .miner-box {
    min-height: 210px;
  }
}

@media (max-width: 480px) {
  .miner-boxes {
    padding: 0 15px;
  }

  .miner-box {
    padding: 28px 22px;
  }

  .miner-box h2 {
    font-size: 25px;
  }

  .miner-box p {
    font-size: 14px;
  }
}
/* farby Shoptet benefit banneru */
body.template-13 .benefitBanner,
body.template-13 .benefitBanner__item,
body.template-13 .benefitBanner__content,
body.template-13 .benefitBanner__data {
  background: rgba(7,22,47,.74) !important;
  color: #dce8ff !important;
  border-color: rgba(220,232,255,.14) !important;
}

/* výška a vertikálne centrovanie celého boxu */
body.template-13 .benefitBanner.position--benefitHomepage .benefitBanner__item {
  min-height: 80px !important;
  display: flex !important;
  align-items: center !important;
   padding-left: 28px !important;
  padding-right: 20px !important;
}

/* Shoptet vnútorné obaly nech majú plnú výšku */
body.template-13 .benefitBanner.position--benefitHomepage .benefitBanner__content,
body.template-13 .benefitBanner.position--benefitHomepage .benefitBanner__data {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* tvoj vlastný benefit blok */
body.template-13 .benefitBanner.position--benefitHomepage .benefit-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* číslo */
body.template-13 .benefitBanner.position--benefitHomepage .benefit-number {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid rgba(220,232,255,.75) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
  box-sizing: border-box !important;
}

/* textová časť */
body.template-13 .benefitBanner.position--benefitHomepage .benefit-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* nadpis */
body.template-13 .benefitBanner.position--benefitHomepage .benefit-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

/* popis */
body.template-13 .benefitBanner.position--benefitHomepage .benefit-text {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #dce8ff !important;
}

@media (min-width: 768px) {
  body.template-13 .col-sm-8 {
    width: 100% !important;
  }
}


@media (min-width: 768px) {
  body.template-13 .custom-footer .col-sm-4 {
    width: 33.33333333% !important;
  }
}

 @media (min-width: 768px) { 
  body.template-13 .banners-row .col-sm-8 {
    width: 66.66666667% !important;
  }
}

@media (min-width: 768px) {
 body.template-13 .banners-row  .col-sm-4 {
    width: 33.33333333% !important;
  }
}

.custom-benefits-wrap {
  width: 100%;
  padding: 28px 0;
}

.custom-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.custom-benefits .benefit-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

@media (max-width: 900px) {
  .custom-benefits {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .custom-benefits {
    grid-template-columns: 1fr;
  }
}

.ms-hero-banner {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(360px, .95fr);
  min-height: 495px;
  background: #06142b;
  border: 1px solid rgba(210,225,245,.18);
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(0,0,0,.42);
}

.ms-hero-main,
.ms-side-card {
  position: relative;
  display: flex;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}

.ms-hero-main {
  min-height: 495px;
  align-items: center;
  padding: 64px 52px;
  background:
    linear-gradient(90deg, rgba(2,8,23,.86), rgba(6,20,43,.52), rgba(8,25,54,.12)),
    url("/user/documents/upload/minershop1.jpg") center right / cover no-repeat;
}

.ms-hero-content {
  max-width: 570px;
  position: relative;
  z-index: 2;
}

.ms-label {
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 18px;
  color: #fff;
}

.ms-hero-main h1 {
  margin: 0 0 18px;
  font-size: 50px;
  line-height: 1.03;
  letter-spacing: -1.8px;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 3px 24px rgba(0,0,0,.62);
}

.ms-hero-main p {
  max-width: 500px;
  margin: 0 0 28px;
  color: #d8e3f5;
  font-size: 17px;
  line-height: 1.55;
}

.ms-hero-side {
  display: grid;
  grid-template-rows: 1fr 1fr;
  border-left: 1px solid rgba(210,225,245,.16);
}

.ms-side-card {
  min-height: 247px;
  padding: 38px 36px;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid rgba(210,225,245,.16);
}

.ms-side-card:last-child {
  border-bottom: 0;
}

.ms-side-hosting {
  background:
    linear-gradient(90deg, rgba(4,8,18,.82), rgba(8,16,33,.30)),
    url("/user/documents/upload/ms3.jpg") center / cover no-repeat;
}

.ms-side-calc {
  background:
    linear-gradient(90deg, rgba(4,8,18,.72), rgba(8,16,33,.18)),
    url("/user/documents/upload/ms2.jpg") center / cover no-repeat;
}

.ms-side-card h2 {
  max-width: 290px;
  margin: 0 0 14px;
  font-size: 31px;
  line-height: 1.05;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 3px 22px rgba(0,0,0,.65);
}

.ms-side-card p {
  max-width: 280px;
  margin: 0 0 22px;
  color: #d8e3f5;
  font-size: 14px;
  line-height: 1.5;
}

.ms-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  background: linear-gradient(180deg, #ff7b12, #e75500);
  border: 1px solid rgba(255,170,95,.55);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 18px rgba(255,95,0,.20);
}

.ms-btn-small {
  min-height: auto;
  padding: 11px 17px;
  font-size: 12px;
  width: fit-content;
}

@media (max-width: 980px) {
  .ms-hero-banner {
    grid-template-columns: 1fr;
  }

  .ms-hero-main {
    min-height: 430px;
  }

  .ms-hero-side {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    border-left: 0;
    border-top: 1px solid rgba(210,225,245,.16);
  }

  .ms-side-card {
    border-bottom: 0;
    border-right: 1px solid rgba(210,225,245,.16);
  }

  .ms-side-card:last-child {
    border-right: 0;
  }
}

@media (max-width: 620px) {
  .ms-hero-banner {
    width: 100%;
    border-left: 0;
    border-right: 0;
  }

  .ms-hero-main {
    min-height: 390px;
    padding: 44px 28px;
  }

  .ms-hero-main h1 {
    font-size: 36px;
  }

  .ms-hero-main p {
    font-size: 15px;
  }

  .ms-hero-side {
    grid-template-columns: 1fr;
  }

  .ms-side-card {
    min-height: 220px;
    border-right: 0;
    border-bottom: 1px solid rgba(210,225,245,.16);
    padding: 32px 28px;
  }

  .ms-side-card h2 {
    font-size: 28px;
  }
}

/* =========================================================
   FGA CLEANUP v29 – menej vrstvených pozadí
   Cieľ: jedno hlavné pozadie na body, panely iba tam kde dávajú zmysel.
   Vnútorné Shoptet obaly sú transparentné, aby nerobili pásy.
   ========================================================= */

html,
body.template-13 {
  min-height: 100%;
}

body.template-13 {
  background: linear-gradient(
    180deg,
    var(--fga-bg-deep) 0%,
    var(--fga-bg) 45%,
    #030915 100%
  ) fixed no-repeat !important;
  background-size: cover !important;
}

/* hlavné rozloženie bez dodatočných pásov */
body.template-13 .overall-wrapper,
body.template-13 .content-wrapper,
body.template-13 #content,
body.template-13 .content,
body.template-13 .content-inner,
body.template-13 .content-inner-in,
body.template-13 .main,
body.template-13 .main-wrapper,
body.template-13 .main-inner,
body.template-13 .homepage-box,
body.template-13 .welcome-wrapper,
body.template-13 .welcome,
body.template-13 .text-box,
body.template-13 .content-window {
  background: transparent !important;
  box-shadow: none !important;
}

/* kategória / riadenie výpisu – bez samostatných tmavých pásov */
body.template-13 .category-header,
body.template-13 .category-perex,
body.template-13 .category-title,
body.template-13 .subcategories,
body.template-13 .products-top,
body.template-13 .products-top-header,
body.template-13 .pagination-wrapper,
body.template-13 .pagination-loader,
body.template-13 .listingControls,
body.template-13 .listingControls__layout,
body.template-13 .listSorting {
  background: transparent !important;
  box-shadow: none !important;
}

/* ľavý stĺpec: panel ostáva len na boxe, nie na každom vnútornom riadku */
body.template-13 .sidebar,
body.template-13 .sidebar-inner,
body.template-13 .categories ul,
body.template-13 .categories li,
body.template-13 .filters-wrapper,
body.template-13 .filter-sections,
body.template-13 .filter-section form,
body.template-13 .filter-section ul,
body.template-13 .filter-section li,
body.template-13 .param-filter-top,
body.template-13 .param-filter-top form {
  background: transparent !important;
  box-shadow: none !important;
}

body.template-13 .sidebar .box,
body.template-13 .categories,
body.template-13 .filter-section {
  background: rgba(7,22,47,.58) !important;
  border: 1px solid rgba(220,232,255,.14) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}

body.template-13 .sidebar h4,
body.template-13 .sidebar .box-title,
body.template-13 .filter-section h4,
body.template-13 .filter-section .filter-section-title,
body.template-13 .filters-wrapper h4,
body.template-13 .topic {
  background: transparent !important;
  border-bottom: 1px solid rgba(220,232,255,.12) !important;
}

/* produkty: jedna karta, vnútro transparentné */
body.template-13 .products,
body.template-13 .products-block,
body.template-13 .products-page,
body.template-13 .products .product,
body.template-13 .products-block .product,
body.template-13 .product-slider .product,
body.template-13 .product .p-in,
body.template-13 .product .p-in-in,
body.template-13 .product .p-bottom,
body.template-13 .product .p-tools,
body.template-13 .product .p-desc,
body.template-13 .product .flags,
body.template-13 .product .ratings-wrapper,
body.template-13 .product .availability,
body.template-13 .product .prices {
  background: transparent !important;
  box-shadow: none !important;
}

body.template-13 .products .p,
body.template-13 .products-block .p,
body.template-13 .product-slider .p {
  background: rgba(7,22,47,.66) !important;
  border: 1px solid rgba(180,210,255,.16) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.18) !important;
}

body.template-13 .products .image,
body.template-13 .products-block .image,
body.template-13 .product-slider .image,
body.template-13 .product .image,
body.template-13 .product .image a,
body.template-13 .product .p-image,
body.template-13 .product .p-image-wrapper {
  background: #fff !important;
}

/* detail produktu: bez samostatných pozadí na každej vrstve */
body.template-13 .p-detail,
body.template-13 .p-detail-inner,
body.template-13 .p-detail-info,
body.template-13 .p-info-wrapper,
body.template-13 .p-image-wrapper,
body.template-13 .p-thumbnails-wrapper,
body.template-13 .p-final-price-wrapper,
body.template-13 .availability-and-code,
body.template-13 .p-detail .price-wrapper,
body.template-13 .p-detail .prices,
body.template-13 .p-detail .add-to-cart,
body.template-13 .p-detail .p-detail-inner-header,
body.template-13 .ratings-and-brand,
body.template-13 .brand-wrapper,
body.template-13 .stars-wrapper,
body.template-13 .share-buttons-wrapper,
body.template-13 .product-top,
body.template-13 .product-bottom,
body.template-13 .tab-content,
body.template-13 .tab-pane,
body.template-13 .description-inner,
body.template-13 .basic-description,
body.template-13 .extended-description,
body.template-13 .productDescription {
  background: transparent !important;
  box-shadow: none !important;
}

body.template-13 .p-detail {
  background: rgba(7,22,47,.46) !important;
  border: 1px solid rgba(220,232,255,.13) !important;
}

/* tabuľky nech nerobia modré dlaždice cez celý popis */
body.template-13 .content table,
body.template-13 .description-inner table,
body.template-13 .basic-description table,
body.template-13 .extended-description table,
body.template-13 .tab-pane table,
body.template-13 .rte__table-wrapper,
body.template-13 .table,
body.template-13 .table-striped {
  background: transparent !important;
}

body.template-13 .content table td,
body.template-13 .content table th,
body.template-13 .description-inner table td,
body.template-13 .description-inner table th,
body.template-13 .basic-description table td,
body.template-13 .basic-description table th,
body.template-13 .extended-description table td,
body.template-13 .extended-description table th,
body.template-13 .tab-pane table td,
body.template-13 .tab-pane table th,
body.template-13 .table td,
body.template-13 .table th {
  background: transparent !important;
  border-color: rgba(220,232,255,.12) !important;
}

/* benefit banner – panel len na celku, nie na každej bunke */
body.template-13 .benefitBanner {
  background: rgba(7,22,47,.48) !important;
  border: 1px solid rgba(220,232,255,.12) !important;
  box-shadow: none !important;
}

body.template-13 .benefitBanner__item,
body.template-13 .benefitBanner__content,
body.template-13 .benefitBanner__title,
body.template-13 .benefitBanner__data {
  background: transparent !important;
  box-shadow: none !important;
}

/* mobil – nevracať plné pásy */
@media (max-width: 767px) {
  body.template-13,
  body.template-13 .sidebar,
  body.template-13 .sidebar-inner,
  body.template-13 .filters-wrapper,
  body.template-13 .filter-sections,
  body.template-13 .products-top,
  body.template-13 .category-header,
  body.template-13 .p-info-wrapper,
  body.template-13 .p-image-wrapper,
  body.template-13 .tab-content,
  body.template-13 .tab-pane {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.template-13 .p-detail,
  body.template-13 .filter-section,
  body.template-13 .sidebar .box,
  body.template-13 .categories,
  body.template-13 .products .p,
  body.template-13 .products-block .p,
  body.template-13 .product-slider .p {
    background: rgba(7,22,47,.62) !important;
  }
}
/* =========================================================
   MINERSHOP FAQ
   ========================================================= */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

.miner-faq {
  width: 100%;
  padding: 24px 0 70px;
}


/* ÚVOD */

.miner-faq-intro {
  max-width: 900px;
  margin: 0 0 38px;
}

.miner-faq-label {
  display: block;
  margin: 0 0 13px;
  color: #ff8a1c;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.miner-faq-intro h1 {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 42px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.miner-faq-intro p {
  max-width: 760px;
  margin: 0;
  color: #c8d2e4;
  font-size: 17px;
  line-height: 1.6;
}


/* HORNÁ NAVIGÁCIA */

.miner-faq-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 66px;
}

.miner-faq-nav-card {
  position: relative;
  min-height: 145px;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 16px;
  padding: 25px 24px;
  overflow: hidden;
  color: #ffffff !important;
  text-decoration: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(80,140,255,.075),
      rgba(255,255,255,.012)
    ),
    rgba(8,22,48,.92);
  border: 1px solid rgba(120,170,255,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 45px rgba(0,0,0,.25);
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.miner-faq-nav-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #ff8a1c, #e75500);
  opacity: 0;
  transition: opacity .2s ease;
}

.miner-faq-nav-card:hover {
  color: #ffffff !important;
  transform: translateY(-3px);
  border-color: rgba(255,138,28,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    0 22px 55px rgba(0,0,0,.34),
    0 0 22px rgba(255,106,0,.08);
}

.miner-faq-nav-card:hover::before {
  opacity: 1;
}

.miner-faq-nav-number {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  border: 1px solid rgba(220,232,255,.32);
  background: rgba(220,232,255,.045);
}

.miner-faq-nav-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.miner-faq-nav-content strong {
  display: block;
  color: #ffffff !important;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
}

.miner-faq-nav-content small {
  display: block;
  color: #9db2cf !important;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
}

.miner-faq-nav-arrow {
  color: #dce8ff;
  font-size: 23px;
  line-height: 1;
  text-align: right;
  transition: transform .2s ease;
}

.miner-faq-nav-card:hover .miner-faq-nav-arrow {
  color: #ff8a1c;
  transform: translateY(4px);
}


/* KATEGÓRIA */

.miner-faq-category {
  margin: 0 0 66px;
  scroll-margin-top: 130px;
}

.miner-faq-category:last-child {
  margin-bottom: 0;
}

.miner-faq-category-head {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  margin: 0 0 24px;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(220,232,255,.16);
}

.miner-faq-category-number {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
  border: 1px solid rgba(255,138,28,.55);
  background:
    linear-gradient(180deg, rgba(255,138,28,.13), rgba(255,106,0,.035)),
    rgba(8,22,48,.86);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 24px rgba(255,106,0,.08);
}

.miner-faq-category-head h2 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -.4px;
  text-transform: uppercase;
}

.miner-faq-category-head p {
  max-width: 760px;
  margin: 0;
  color: #9db2cf;
  font-size: 15px;
  line-height: 1.55;
}


/* FAQ OTÁZKY */

.miner-faq-list {
  display: grid;
  gap: 12px;
}

.miner-faq-item {
  overflow: hidden;
  background: rgba(7,22,47,.70);
  border: 1px solid rgba(180,210,255,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 12px 28px rgba(0,0,0,.16);
  transition:
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.miner-faq-item:hover {
  border-color: rgba(220,232,255,.30);
}

.miner-faq-item.is-open {
  background: rgba(8,25,54,.92);
  border-color: rgba(255,138,28,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 16px 34px rgba(0,0,0,.23);
}

body.template-13 .miner-faq-question {
  width: 100%;
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 20px 24px;
  color: #ffffff !important;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
  border: 0 !important;
  border-radius: 0;
  outline: none;
  background: transparent !important;
  box-shadow: none !important;
  text-transform: none;
}

body.template-13 .miner-faq-question:hover,
body.template-13 .miner-faq-question:focus {
  color: #ffffff !important;
  background: rgba(220,232,255,.025) !important;
  filter: none;
}

body.template-13 .miner-faq-question:focus-visible {
  outline: 2px solid #ff8a1c;
  outline-offset: -3px;
}

.miner-faq-icon {
  position: relative;
  width: 36px;
  height: 36px;
  display: block;
  border: 1px solid rgba(220,232,255,.26);
  background: rgba(220,232,255,.045);
  transition:
    background .2s ease,
    border-color .2s ease;
}

.miner-faq-icon::before,
.miner-faq-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  background: #ffffff;
  transform: translate(-50%, -50%);
  transition: transform .25s ease;
}

.miner-faq-icon::before {
  width: 14px;
  height: 2px;
}

.miner-faq-icon::after {
  width: 2px;
  height: 14px;
}

.miner-faq-item.is-open .miner-faq-icon {
  border-color: rgba(255,138,28,.68);
  background: linear-gradient(180deg, #ff8a1c, #e75500);
}

.miner-faq-item.is-open .miner-faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}


/* ODPOVEĎ */

.miner-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition:
    grid-template-rows .3s ease,
    opacity .25s ease,
    visibility .3s ease;
}

.miner-faq-item.is-open .miner-faq-answer {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}

.miner-faq-answer-inner {
  min-height: 0;
  overflow: hidden;
}

.miner-faq-answer-inner p {
  margin: 0;
  padding: 0 76px 24px 24px;
  color: #c8d2e4 !important;
  font-size: 15px;
  line-height: 1.7;
}

.miner-faq-answer-inner p::before {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin: 0 0 16px;
  background: linear-gradient(90deg, #ff8a1c, rgba(255,138,28,.08));
}


/* NÁVRAT HORE */

.miner-faq-back {
  display: inline-flex !important;
  margin: 20px 0 0;
  color: #9db2cf !important;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 800;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.miner-faq-back:hover {
  color: #ffffff !important;
}


/* TABLET */

@media (max-width: 991px) {
  .miner-faq-nav {
    grid-template-columns: 1fr;
  }

  .miner-faq-nav-card {
    min-height: 115px;
  }
}


/* MOBIL */

@media (max-width: 620px) {
  html {
    scroll-padding-top: 90px;
  }

  .miner-faq {
    padding: 12px 0 46px;
  }

  .miner-faq-intro {
    margin-bottom: 28px;
  }

  .miner-faq-intro h1 {
    font-size: 31px;
    letter-spacing: -.6px;
  }

  .miner-faq-intro p {
    font-size: 15px;
    line-height: 1.55;
  }

  .miner-faq-nav {
    gap: 12px;
    margin-bottom: 48px;
  }

  .miner-faq-nav-card {
    min-height: auto;
    grid-template-columns: 42px minmax(0, 1fr) 22px;
    gap: 13px;
    padding: 20px 17px;
  }

  .miner-faq-nav-number {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }

  .miner-faq-nav-content strong {
    font-size: 15px;
  }

  .miner-faq-nav-content small {
    font-size: 12px;
  }

  .miner-faq-category {
    margin-bottom: 50px;
    scroll-margin-top: 95px;
  }

  .miner-faq-category-head {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 20px;
  }

  .miner-faq-category-number {
    width: 54px;
    height: 54px;
    font-size: 19px;
  }

  .miner-faq-category-head h2 {
    font-size: 22px;
  }

  .miner-faq-category-head p {
    font-size: 13px;
    line-height: 1.5;
  }

  .miner-faq-list {
    gap: 10px;
  }

  body.template-13 .miner-faq-question {
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 14px;
    padding: 17px 16px;
    font-size: 15px;
    line-height: 1.4;
  }

  .miner-faq-icon {
    width: 32px;
    height: 32px;
  }

  .miner-faq-answer-inner p {
    padding: 0 16px 20px;
    font-size: 14px;
    line-height: 1.65;
  }
}


/* OBMEDZENIE ANIMÁCIÍ PODĽA NASTAVENIA ZARIADENIA */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .miner-faq-nav-card,
  .miner-faq-nav-arrow,
  .miner-faq-answer,
  .miner-faq-icon,
  .miner-faq-icon::after {
    transition: none;
  }
}