.shop--products { padding-bottom: 30px; } @media (min-width: 1170px) { .shop--products { padding-bottom: 48px; } } .woocommerce-breadcrumb { color: var(--b100) !important; } .woocommerce-breadcrumb a { color: var(--b300) !important; } .shop .woocommerce-breadcrumb { max-width: 1400px; margin: auto; padding: 8px 10px 12px; font-size: 12px; } @media (min-width: 768px) { .shop .woocommerce-breadcrumb { padding: 12px 12px 14px; font-size: 14px; } .shop--product .woocommerce-breadcrumb { padding-bottom: 32px; } } .products-header { margin-bottom: 30px; } .products-header__in { max-width: 1600px; padding: 32px 10px 48px; background: var(--b50) } .products-header__cols {} .products-header__content { margin-bottom: 24px; } .products-header__h1 { text-align: center; color: var(--b300); } .products-header__desc { text-align: center; } @media (min-width: 960px) { .products-header__in { padding: 60px 24px 80px; background: var(--b50) url(img/products-header.svg) center center / cover no-repeat; } } @media (min-width: 1170px) { .products-header { margin-bottom: 48px; } .products-header__in { padding: 70px 48px 90px; } .products-header__cols { display: flex; justify-content: space-between; align-items: flex-start; } .products-header__content { width: 45%; } .products-header__contact { width: 45%; } .products-header__h1 { font-size: 40px; text-align: left; } .products-header__desc { font-size: 18px; text-align: left; } } @media (min-width: 1400px) { .products-header__in { padding: 80px 100px 110px; } } /* I v detailu produktu! */ .help { max-width: 460px; margin: auto; background-color: #fff; } .product .help { max-width: none; margin-bottom: 20px; } .help__in { padding: 10px; } .product .help__in { padding: 0 !important ; } .help__top { display: flex; justify-content: flex-start; } .help__top { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid var(--grey50) } .product .help__top { padding-bottom: 0; border-bottom: 0; } .help__top__photo { width: 56px; position: relative; margin-right: 16px; } .help__top__photo img { display: block; width: 56px; height: 56px; border-radius: 28px; } .help__top__photo:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 14px; height: 14px; border-radius: 7px; } .help--on .help__top__photo:after { background-color: #298A00; } .help--of .help__top__photo:after { background-color: var(--grey200); } .help__top__text h3 { margin-bottom: 5px; color: var(--b300); } .help__top__text p { color: var(--b200); } .product .help__top__text h3 { font-size: 18px; } .help__top__text p { line-height: 1.2; font-size: 14px; } .help .contact-item { margin-bottom: 10px; } .product .help .contact-item__link { font-size: 18px; } .product .help .contact-item--phone { margin: 0; } .product .help .contact-item--email { display: none; } @media (min-width: 500px) { .help__contact { display: flex; justify-content: flex-start; align-items: center; } .help .contact-item { margin: 0 40px 0 0; } .help .contact-item:last-child { margin-right: 0; } } @media (min-width: 768px) { .help__in { padding: 24px; } } @media (min-width: 1170px) { .product .help { margin-bottom: 32px; } .help__in { padding: 32px 40px; } .help__top { margin-bottom: 16px; padding-bottom: 24px; } .help__top__photo { margin-right: 16px; } .help__top__text h3 { margin-bottom: 10px; } .help .contact-item__link { font-size: 20px; } } @media (min-width: 1400px) { .product .help__in { display: flex; justify-content: space-between; align-items: center; } .product .help__top { margin: 0 20px 0 0; padding-top: 10px; } } .products-subcats { margin-top: -40px; margin-bottom: 30px; } .products-subcats__wrapper {} .subcat-item { margin: 0 auto 10px; max-width: 500px; display: flex; justify-content: flex-start; align-items: center; padding: 12px; background-color: #fff; } .subcat-item { text-decoration: none; color: var(--b300); } .subcat-item { box-shadow: 0px 0px 40px 0px rgba(107, 136, 158, 0.12); } .subcat-item__img { display: block; margin: 0 18px 0 0; width: 32px; height: 32px !important; object-fit: cover; } .subcat-item__title { margin: 0; font-size: 16px; } .subcat-item__count { font-weight: 400; color: var(--b100); } .subcat-item:hover .subcat-item__count { color: inherit; } @media (min-width: 600px) { .products-subcats__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px } .subcat-item { margin: 0; width: 100%; } } @media (min-width: 960px) { .products-subcats { margin-top: -50px; margin-bottom: 48px; } .products-subcats__wrapper { grid-template-columns: repeat(3, 1fr); grid-gap: 14px } .subcat-item { padding: 18px; } .subcat-item__img { width: 64px; height: 64px !important; } } @media (min-width: 1170px) { .products-subcats { margin-top: -90px; } } @media (min-width: 1400px) { .products-subcats__wrapper { grid-template-columns: repeat(4, 1fr); grid-gap: 20px } } .boilers-sellers { margin-bottom: 30px; } .boilers-sellers__in { } @media (min-width: 1170px) { .boilers-sellers { margin-bottom: 48px; } .boilers-sellers__in { } } .products-ordering-count { margin-bottom: 20px; } .products-ordering { margin-bottom: 12px; } .products-ordering__list { list-style-type: none; margin: 0; display: flex; justify-content: center; align-items: center;flex-wrap: wrap; } .products-ordering__list li { margin: 0 12px 4px 0; } .products-ordering__list li a { text-decoration: none; font-weight: 800; color: var(--b300); font-size: 14px; } .products-ordering__list li.active a { color: var(--o300); } .products-count { text-align: center; color: var(--grey75); font-size: 14px; } .products-count .show-all-products { font-weight: bold; color: var(--b300); font-size: 80%; text-transform: uppercase; text-decoration: none; } .products-count .show-all-products:hover { text-decoration: underline; } @media (min-width: 1170px) { .products-ordering-count { margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center; } .products-ordering-count { position: relative; } .products-ordering-count:after { content: ''; display: block; height: 1px; width: 100%; } .products-ordering-count:after { position: absolute; left: 0; bottom: 0; background: var(--grey50); } .products-ordering { margin: 0 40px 0 0; } .products-ordering__list { position: relative; z-index: 1; justify-content: flex-start; } .products-ordering__list li { margin: 0 8px 0 0; } .products-ordering__list li a { display: block; padding: 12px 16px; } .products-ordering__list li.active a { border-bottom: 1px solid var(--o300); } } @media (min-width: 1400px) { .products-ordering__list li a { padding: 16px 24px; } } .products:not(.slick-slider,.related) { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .products .product-item { padding: 12px; border: 1px solid var(--grey50) } .products .product-item { display: flex !important; flex-direction: column; justify-content: center; align-items: center; } .products .product-item > * { width: 100%; } @media (min-width: 600px) and (max-width: 767px) { /* ve slick slideru jsou produkty hloubeji v DIVech */ .products > .product-item { width: 48%; margin: 0 4% 20px 0 !important; } .products > .product-item:nth-child(2n+2) { margin-right: 0 !important; } } @media (min-width: 768px) and (max-width: 1169px) { .products > .product-item { width: 32%; margin: 0 2% 20px 0 !important; } .products > .product-item:nth-child(3n+3) { margin-right: 0 !important; } } @media (min-width: 1170px) { .products > .product-item { width: 24%; margin: 0 1.3333333% 20px 0 !important; } .products > .product-item:nth-child(4n+4) { margin-right: 0 !important; } } .woocommerce-loop-product__link { margin-bottom: 20px; display: block; position: relative; } .woocommerce-loop-product__link img { display: block; } .woocommerce span.onsale { min-width: 60px !important; min-width: 60px !important; } .woocommerce-loop-product__rating-wrapper { margin-bottom: 12px; min-height: 14px } .woocommerce .star-rating span::before { color: #EE950F; } .woocommerce-loop-product__title { } .woocommerce-loop-product__title { margin-bottom: 10px; font-size: 14px; font-weight: 800; line-height: 1.4; } .woocommerce-loop-product__title a { color: var(--b300); text-decoration: none; } .woocommerce-loop-product__description { flex-grow: 1; } .woocommerce-loop-product__description { padding-bottom: 12px; margin-bottom: 12px; font-size: 12px; color: var(--grey200); } .woocommerce-loop-product__description { border-bottom: 1px solid #ececec; } .woocommerce-loop-product__ext-footer {} .woocommerce-loop-product__ext-footer__sellers { margin-bottom: 12px; padding-left: 14px; font-size: 12px; font-weight: 800; color: var(--o300); } .woocommerce-loop-product__ext-footer__sellers a { font-weight: 400; } .woocommerce-loop-product__ext-footer__sellers { position: relative; } .woocommerce-loop-product__ext-footer__sellers:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 3px; background-color: var(--o300); } .woocommerce-loop-product__ext-footer__sellers:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .woocommerce-loop-product__ext-footer .btn { width: 100%; } .woocommerce-loop-product__footer { } .woocommerce-loop-product__footer__stock { margin-bottom: 16px; } .woocommerce .stock { position: relative; padding-left: 14px; } .woocommerce .stock:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 3px; } .woocommerce .stock:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: var(--b300); } .woocommerce .stock.in-stock:before { background-color: var(--g300); } .woocommerce .stock.out-of-stock:before { background-color: red; } .woocommerce .stock { font-size: 12px !important; font-weight: 800 !important; } .woocommerce .stock.in-stock { color: var(--g300) !important; } .woocommerce .stock.out-of-stock { color: red !important; } .woocommerce-loop-product__footer__cols { display: flex; justify-content: space-between; align-items: center; } .woocommerce-loop-product__footer__price { margin-right: 10px; } .price--vat { font-size: 16px; font-weight: 800; color: var(--b300); } .price--vat .amount { font-size: 22px; } .price--novat { font-size: 11px; color: var(--b100); } @media (min-width: 768px) { .products .product-item { padding: 24px; } .woocommerce-loop-product__link img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; object-position: center center; } .woocommerce-loop-product__title { margin-bottom: 12px; font-size: 16px; } .woocommerce-loop-product__description { font-size: 13px; } .woocommerce .stock { font-size: 14px !important; } .woocommerce-loop-product__ext-footer__sellers { margin-bottom: 16px; font-size: 14px; } } @media (min-width: 1170px) { /* v detailu */ .product-cart .price--vat .amount { font-size: 28px; } .product-cart .price--novat { font-size: 13px; } } @media (min-width: 1400px) { .products .product-item { padding: 40px; } } .woocommerce-pagination { margin-top: 30px; } .woocommerce nav.woocommerce-pagination ul { border: 0; } .woocommerce nav.woocommerce-pagination ul li { margin: 3px; border: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 14px 16px 16px; border: 1px solid var(--b75); color: var(--b300); font-size: 14px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--b300); color: #fff; } @media (min-width: 1170px) { .woocommerce-pagination { margin-top: 48px; } } .pagination-all { margin: 12px 0; text-align: center; } .pagination-all a { font-weight: 700; color: var(--b300); } /* 88888888ba, 88888888888 888888888888 db 88 88 88 `"8b 88 88 d88b 88 88 88 `8b 88 88 d8'`8b 88 88 88 88 88aaaaa 88 d8' `8b 88 88 88 88 88""""" 88 d8YaaaaY8b 88 88 88 8P 88 88 d8""""""""8b 88 88 88 .a8P 88 88 d8' `8b 88 88 88888888Y"' 88888888888 88 d8' `8b 88 88888888888 */ .product-top { margin-bottom: 20px; } .product-top__cols { margin-bottom: 24px; } .woocommerce div.product div.summary { margin-bottom: 0; } @media (min-width: 768px) { .product-top__cols { display: flex; justify-content: space-between; } .product-top { margin-bottom: 40px; } .woocommerce #content div.product div.images { float: none!important; width: 40%; margin: 0 auto; max-width: 580px; } .woocommerce #content div.product div.summary { float: none!important; width: 56%; margin: 0; max-width: 580px; } } @media (min-width: 1170px) { .woocommerce #content div.product div.images { width: 48%; } .woocommerce #content div.product div.summary { width: 48%; } .product-top__cols { margin-bottom: 40px; } } .woocommerce-product-gallery__wrapper { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .woocommerce-product-gallery__image:nth-child(1) { width: 100%; margin-bottom: 16px; } .woocommerce-product-gallery__image:nth-child(n+2) { width: 16.666666% !important; display: flex !important; justify-content: center; align-items: center; } .woocommerce-product-gallery__image:nth-child(n+2) a { margin: auto 3px; } .product .woocommerce-product-gallery__image:nth-child(n+7) { display: none !important; } .product .woocommerce-product-gallery__image.gallery-all-placeholder { display: flex !important; } .product .woocommerce-product-gallery__image.gallery-all-placeholder { border: 1px solid var(--b75) } .product .woocommerce-product-gallery__image.gallery-all-placeholder a { display: block; width: 100%; aspect-ratio: 1 / 1; } .product .woocommerce-product-gallery__image.gallery-all-placeholder a { background: url(img/camera.svg) 50% 20% / 24px no-repeat } .product .woocommerce-product-gallery__image.gallery-all-placeholder a { font-size: 10px; color: var(--b300); text-align: center; padding-top: 50%; } @media (min-width: 1170px) { .woocommerce-product-gallery__image:nth-child(n+2) a { margin: auto 6px; } .product .woocommerce-product-gallery__image.gallery-all-placeholder a { background-position: 50% 30%; font-size: 13px; } } .woocommerce div.product .product_title { color: var(--b300); font-size: 24px; } @media (min-width: 768px) { .woocommerce div.product .product_title { font-size: 32px !important; } } @media (min-width: 1170px) { .woocommerce div.product .product_title { margin-bottom: 20px !important; } } .product .woocommerce-product-rating a { color: var(--300); } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 16px; } .woocommerce-product-details__short-description { margin-bottom: 20px; color: var(--grey200); text-align: justify; } .woocommerce-product-details__short-description ul { margin-bottom: 24px; } .product-description-slide-link {} .product-description-slide-link a { font-weight: 800; color: var(--b300); } @media (min-width: 768px) { .woocommerce-product-details__short-description { margin-bottom: 40px; } } .product-cart { margin-bottom: 20px; padding: 12px; background: #FFF; box-shadow: 0px 0px 40px 0px rgba(107, 136, 158, 0.12); } .woocommerce div.product form.cart { margin-bottom: 0 !important; } @media (min-width: 1170px) { .product-cart { margin-bottom: 32px; padding: 24px; } .product-cart .stock { font-size: 16px !important; } } @media (min-width: 1400px) { .product-cart { padding: 32px; } } /* EXTERNAL */ .product-cart__sellers { margin-bottom: 16px; padding-left: 14px; font-size: 12px; font-weight: 800; color: var(--o300); } .product-cart__sellers a { font-weight: 400; } .product-cart__sellers { position: relative; } .product-cart__sellers:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 3px; background-color: var(--o300); } .product-cart__sellers:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .product-cart--external .btn { width: 100%; } .product-cart--external .btn--gradient span { padding-right: 0; padding-left: 30px; background: url(img/pin-map.svg) left center / 16px no-repeat } @media (min-width: 1170px) { .product-cart__sellers { margin-bottom: 24px; font-size: 14px; } .product-cart--external .btn { padding: 24px 40px; } } /* VARIABLE */ .single_variation_wrap .woocommerce-variation { margin-bottom: 16px; } .woocommerce-variation-description .product-description-slide-link { display: none; } .woocommerce-variation-availability { margin-bottom: 10px; } /* SIMPLE */ .product-cart--simple .stock { margin-bottom: 16px; } .product-cart--simple .product-simple-price { margin-bottom: 16px; } /* ADD TO CART */ .woocommerce .add-to-cart-wrapper { display: flex; justify-content: flex-start; align-items: stretch; } .woocommerce .add-to-cart-wrapper .quantity { position: relative; width: 80px; margin: 0 16px 0 0 !important; } /* plus minus tlacitka */ @media (max-width: 767px) { .add-to-cart-wrapper .quantity button { display: none !important; } } @media (min-width: 768px) { .add-to-cart-wrapper .quantity .qty::-webkit-inner-spin-button, .add-to-cart-wrapper .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .add-to-cart-wrapper .quantity button { display: block; width: 30px; height: 30px; border: 0; } .add-to-cart-wrapper .quantity button { position: absolute; } .add-to-cart-wrapper .quantity button { transition: opacity .25s ease-in-out; } .add-to-cart-wrapper .quantity button:hover { opacity: .6 } .add-to-cart-wrapper .quantity .qty-plus { top: 50%; transform: translateY(-50%); right: 5px; background: #fff url(img/plus.svg) center center no-repeat; background-size: 8px 8px; } .add-to-cart-wrapper .quantity .qty-minus { top: 50%; transform: translateY(-50%); left: 5px; background: #fff url(img/minus.svg) center center no-repeat; background-size: 8px 2px; } } @media (min-width: 1400px) { .add-to-cart-wrapper .quantity button { width: 36px; height: 36px; } .add-to-cart-wrapper .quantity .qty-plus { right: 16px; } .add-to-cart-wrapper .quantity .qty-minus { left: 16px; } } .woocommerce .add-to-cart-wrapper .quantity .qty { display: block; margin: 0; border: 1px solid var(--b75); border-radius: 0; } .woocommerce .add-to-cart-wrapper .quantity .qty { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .woocommerce .add-to-cart-wrapper .quantity .qty { text-align: center; font-size: 18px; } .woocommerce .product .add-to-cart-wrapper .button { display: inline-block; padding: 18px 32px 18px; line-height: 1.4; font-weight: 800; } .woocommerce .product .add-to-cart-wrapper .button { font-family: inherit; border-radius: 0; } .woocommerce .product .add-to-cart-wrapper .button { text-decoration: none; text-align: center; border-radius: none } .woocommerce .product .add-to-cart-wrapper .button { transition: all .2s ease-in-out; } .woocommerce .product .add-to-cart-wrapper .button { position: relative; } .woocommerce .product .add-to-cart-wrapper .button { color: #fff; background: var(--cta-gradient); border: 0; opacity: 1; } .woocommerce .product .add-to-cart-wrapper .button:hover { color: #fff; background: var(--cta-gradient); opacity: .75; } .woocommerce .product .add-to-cart-wrapper .button:before { content: ''; display: inline-block; width: 16px; height: 16px; } .woocommerce .product .add-to-cart-wrapper .button:before { background: url(img/cart-plus.svg) left center / 16px no-repeat } .woocommerce .product .add-to-cart-wrapper .button:before { margin: 0 12px 0 0;} @media (min-width: 768px) { .woocommerce .add-to-cart-wrapper .quantity { width: 110px; } .woocommerce .add-to-cart-wrapper .quantity .qty { font-size: 20px; padding-left: 35px; padding-right: 35px; } .woocommerce .product .add-to-cart-wrapper .button { flex-grow: 1 } } @media (min-width: 1400px) { .woocommerce .add-to-cart-wrapper .quantity { width: 150px; height: 68px; } .woocommerce .add-to-cart-wrapper .quantity .qty { padding-left: 52px; padding-right: 52px; } } .product .product_meta { padding-top: 20px; border-top: 1px solid var(--b50); color: var(--grey100); font-size: 12px; } .product .product_meta a { color: inherit; } .product .product_meta > span { display: block; margin-bottom: 4px; } @media (min-width: 1170px) { .product .product_meta { font-size: 14px; } } .product-tabs { margin: 0; border-bottom: 1px solid var(--b50) } .product-tabs-links { list-style-type: none; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .product-tabs-links li { margin: 0 2px 4px; padding: 0; } .product-tabs-links li a { display: block; padding: 8px 12px; background-color: var(--b50); color: var(--b300); font-weight: 800; text-decoration: none; font-size: 14px; } .product-tabs-links li span { padding-right: 24px; background: url(img/chevron-down-2.svg) right center / 12px 12px no-repeat } .product-tabs-links li a:hover { background-color: var(--b300); color: #fff; } .product-tabs-links li a:hover span { background-image: url(img/chevron-down-white.svg); background-size: 16px; } @media (min-width: 1170px) { .product-tabs-links { flex-wrap: nowrap; } .product-tabs-links li { margin: 0 4px 0 0; } .product-tabs-links li a { padding: 12px 18px } } @media (min-width: 1400px) { .product-tabs-links li a { padding: 16px 24px } .product-tabs-links li span { padding-right: 28px; background-size: 16px 16px; } } .product-info { } .product-info__in { padding-top: 24px; padding-bottom: 24px; } @media (min-width: 960px) { .product-info__in { padding-top: 32px; padding-bottom: 32px; } } @media (min-width: 1170px) { .product-info__in { padding-top: 40px; padding-bottom: 40px; } } .product-info--schematic-section { background-color: var(--b50); } .why-boiler__h2 { margin-bottom: 32px; } .why-boiler-schema { margin-bottom: 48px; } .why-boiler-item { position: relative; margin-bottom: 32px; padding-left: 40px; } .why-boiler-item__num { display: block; font-weight: 800; font-size: 24px; } .why-boiler-item__num { background: var(--cta-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .why-boiler-item__num { position: absolute; left: 0; top: -6px; z-index: 1; } .why-boiler-item__title { margin-bottom: 14px; } .why-boiler-item__desc { color: var(--grey200) } @media (min-width: 768px) { .product-info--schematic-section .product-info__in { padding-top: 48px; padding-bottom: 48px; } .why-boiler__h2--2 { margin-bottom: 48px; } .why-boiler-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 32px; } .why-boiler-item { margin: 0; } } @media (min-width: 1170px) { .product-info--schematic-section .product-info__in { padding-top: 64px; padding-bottom: 64px; } .why-boiler__h2 { font-size: 42px; } .why-boiler__h2--1 { margin-bottom: 48px; } .why-boiler__h2--2 { margin-bottom: 72px; } .why-boiler-schema { margin-bottom: 80px; } .why-boiler-wrapper { grid-gap: 40px; } .why-boiler-item { padding-left: 120px; } .why-boiler-item__num { width: 100px; text-align: center; } .why-boiler-item__num { font-size: 42px; line-height: 1.1; } } @media (min-width: 1400px) { .product-info--schematic-section .product-info__in { padding-top: 105px; padding-bottom: 160px; } .why-boiler-schema { margin-bottom: 120px; } .why-boiler__h2 { font-size: 52px; } .why-boiler-item__num { font-size: 52px; } .why-boiler-item__title { font-size: 28px; } } @media (min-width: 768px) { .product-info--advanced-parameters { background-color: var(--b400); } .product-info--advanced-parameters .product-info__in { padding: 32px; } .product-advanced-parameters { padding: 24px; background-color: #fff; } .woocommerce .product-advanced-parameters table.shop_attributes { margin-bottom: 0; } .woocommerce .product-advanced-parameters table.shop_attributes th { width: 35%; } } @media (min-width: 1170px) { .product-advanced-parameters { padding: 40px; } } @media (min-width: 1400px) { .product-info--advanced-parameters .product-info__in { padding: 64px 32px; } } @media (min-width: 1600px) { .product-info--advanced-parameters .product-info__in { padding: 100px 0px; } } /* Puvodni popis produktu vc. parametru */ .product-desc-and-params__desc { text-align: justify; } @media (max-width: 1169px) { .product-desc-and-params.has-params.has-desc { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .product-desc-and-params.has-params.has-desc .product-desc-and-params__params { width: 100%; order: 2; margin-top: 40px; } .product-desc-and-params.has-params.has-desc .product-desc-and-params__desc { width: 100%; order: 1 } } @media (min-width: 1170px) { .product-desc-and-params.has-params.has-desc .product-desc-and-params__params { width: 400px; float: right; margin: 0 0 32px 80px; } .product-desc-and-params.has-params .product-desc-and-params__params { padding: 24px; border: 1px solid var(--b50); background: #FFF; box-shadow: 0px 0px 40px 0px rgba(150, 171, 186, 0.10); } .product-desc-and-params.has-params .woocommerce { clear: both; } } @media (min-width: 1400px) { .product-desc-and-params.has-params.has-desc .product-desc-and-params__params { margin-left: 140px; width: 520px; } .product-desc-and-params.has-params .product-desc-and-params__params { padding: 40px; } } @media (min-width: 1600px) { .product-desc-and-params.has-params.has-desc .product-desc-and-params__params { width: 580px; } } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { width: auto; font-weight: 400; padding: 12px; border-bottom: 1px solid var(--b50); font-size: 14px; } .woocommerce table.shop_attributes th { color: var(--b300); } .woocommerce table.shop_attributes td { font-style: normal; color: var(--grey200); } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: white; } .product-downloads { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 14px; } .product-download-link { display: block; padding: 12px 64px 12px 12px; border: 1px solid var(--b75); text-decoration: none; } .product-download-link { color: var(--b300); font-weight: 700; font-size: 14px; } .product-download-link { background: #fff url(img/download.svg) right 24px center / 16px 16px no-repeat } .product-download-link:hover { color: inherit; background-color: var(--b50); } @media (min-width: 500px) { .product-downloads { grid-template-columns: repeat(2, 1fr); } .product-download-link { display: flex; justify-content: flex-start; align-items: center; } } @media (min-width: 1170px) { .product-downloads { grid-template-columns: repeat(4, 1fr); } .product-download-link { min-height: 72px; padding: 16px 72px 16px 40px; } } .product-videos { } .product-video { margin: 0 auto 24px; } .product-video__title { margin-bottom: 12px; } @media (min-width: 960px) { .product-videos { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px } .product-video { margin: 0; min-width: 0; } } @media (min-width: 1200px) { .product-videos { grid-gap: 48px; } } .product-info--reviews .product-info__in { padding: 24px; background: var(--b50); } .product-info--reviews #comments { margin-bottom: 24px; } .product-info--reviews .woocommerce-Reviews-title { text-align: center; } .product-info--reviews .woocommerce-noreviews { text-align: center; } @media (min-width: 768px) { .product-info--reviews .product-info__in { padding: 32px; } } @media (min-width: 1170px) { .product-info--reviews .product-info__in { padding: 64px; } } @media (min-width: 1400px) { .product-info--reviews .product-info__in { padding: 80px; } } .woocommerce #reviews #comments ol.commentlist li { margin-bottom: 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { background: #fff; border: 0; border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 100%; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author { color: var(--b300); } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date { color: var(--b100); } .woocommerce #reviews #comments ol.commentlist li .comment-text .description { color: var(--grey200); } .woocommerce #reviews #comments ol.commentlist li .star-rating span::before { color: #EE950F; } .product-info--reviews #review_form_wrapper { max-width: 600px; margin: auto; } .product-info--reviews #respond #submit { background: var(--b300) !important; color: #fff !important; font-weight: 800 !important; border-radius: 0 !important; padding: 12px 24px !important; } .product-info--reviews #respond #commentform { padding-top: 24px; } .product-info--reviews #respond #commentform .comment-notes { font-size: 12px;} @media (min-width: 768px) { .product-info--reviews #respond #submit { padding: 16px 42px; } } .single-product .footer-benefits { display: none; } /* ,ad8888ba, db 88888888ba 888888888888 d8"' `"8b d88b 88 "8b 88 d8' d8'`8b 88 ,8P 88 88 d8' `8b 88aaaaaa8P' 88 88 d8YaaaaY8b 88""""88' 88 Y8, d8""""""""8b 88 `8b 88 Y8a. .a8P d8' `8b 88 `8b 88 `"Y8888Y"' d8' `8b 88 `8b 88 */ .woocommerce-cart .page-title { display: none; } .woocommerce-cart .cart-h1 {} .woocommerce-cart .woocommerce-notices-wrapper:not(:empty) { margin-bottom: 30px; } .woocommerce .woocommerce-cart-form .quantity .qty { width: 70px; } .woocommerce table.cart td.actions .button { padding: 12px 24px 16px; background: #fff; border-radius: 0; border: 1px solid var(--b300); color: var(--b300) } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { display: block; width: 100%; padding: 14px 32px 18px; line-height: 1.4; font-weight: 800; font-family: inherit; text-decoration: none; text-align: center; transition: all .2s ease-in-out; position: relative; color: #fff; background: var(--cta-gradient); border: 0; opacity: 1; } #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover { color: #fff; background: var(--cta-gradient); opacity: .75; } #add_payment_method .wc-proceed-to-checkout a.checkout-button span, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button span, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button span { padding-right: 30px; background: url(img/arrow-right-w.svg) right center / 16px no-repeat } @media (min-width: 768px) { .woocommerce-cart .cart-h1 { font-size: 32px; } .woocommerce-cart .cart_totals h2 { font-size: 32px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } #add_payment_method table.cart, .woocommerce-cart table.cart, .woocommerce-checkout table.cart { border: 0; } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { border: 0; border-bottom: 1px solid var(--b50); } .woocommerce-cart table.cart td.actions { border-bottom: 0; text-align: left !important; } .woocommerce-cart .cart-collaterals .cart_totals table { border: 0; } .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td { border: 0; border-bottom: 1px solid var(--b50); } } @media (min-width: 1170px) { .cart-wrapper { display: flex; justify-content: space-between; } .woocommerce-cart-form { width: 60%; } .cart-collaterals { width: 37% !important; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 50px; } .woocommerce td.product-price { min-width: 100px; } } @media (min-width: 1400px) { .woocommerce-cart-form { width: 58%; } .cart-collaterals { width: 37% !important; } .woocommerce td.product-price { min-width: 100px; } } .cross-sells { margin-top: 40px; } /* 88888888ba ,ad8888ba, 88 a8P 88 db 88888888ba, 888b 88 db 88 "8b d8"' `"8b 88 ,88' 88 d88b 88 `"8b 8888b 88 d88b 88 ,8P d8' `8b 88 ,88" 88 d8'`8b 88 `8b 88 `8b 88 d8'`8b 88aaaaaa8P' 88 88 88,d88' 88 d8' `8b 88 88 88 `8b 88 d8' `8b 88""""""' 88 88 8888"88, 88 d8YaaaaY8b 88 88 88 `8b 88 d8YaaaaY8b 88 Y8, ,8P 88P Y8b 88 d8""""""""8b 88 8P 88 `8b 88 d8""""""""8b 88 Y8a. .a8P 88 "88, 88 d8' `8b 88 .a8P 88 `8888 d8' `8b 88 `"Y8888Y"' 88 Y8b 88888888888 d8' `8b 88888888Y"' 88 `888 d8' `8b */ .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { margin-top: 0; } .woocommerce-checkout .page-title { display: none; } .woocommerce-checkout .tax_label { color: var(--grey100) } .woocommerce-checkout .includes_tax { color: var(--grey100) } .woocommerce form .form-row { margin-bottom: 16px; } .woocommerce form .form-row label { margin-bottom: 10px; font-weight: 800; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border-radius: 0; border: 1px solid var(--b50); } .woocommerce form .form-row textarea { height: 150px; } .woocommerce .checkout .col2-set { margin-bottom: 40px; } .woocommerce .checkout .col2-set .col-1 { width: 100%; float: none; } .woocommerce .checkout .col2-set .col-2 { width: 100%; float: none; } .woocommerce form .form-row .select2-container--default .select2-selection--single { border: 1px solid var(--b50); border-radius: 0; height: 40px; } .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .select2-dropdown { border-color: var(--b50) } .select2-results__option { margin-left: 0; } .woocommerce .woocommerce-checkout-review-order table.shop_table { border: 0 } .woocommerce .woocommerce-checkout-review-order table.shop_table th, .woocommerce .woocommerce-checkout-review-order table.shop_table td { padding: 15px 10px; border: 0; border-bottom: 1px solid var(--b50); } .woocommerce-checkout-review-order-table thead tr th.product-name { width: 50%; } .woocommerce-checkout-review-order-table thead tr th.product-total { width: 50%; } .woocommerce-checkout-review-order-table tr th:last-child, .woocommerce-checkout-review-order-table tr td:last-child { text-align: right; } .woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping td:last-child { text-align: left; } .woocommerce ul#shipping_method li input { margin-top: 7px; } @media (min-width: 960px) { form.checkout { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } form.checkout .col2-set { width: 48%; margin: 0; } form.checkout .checkout-order-review-wrapper { width: 47%; margin: 0; } form.checkout .woocommerce-NoticeGroup-checkout { width: 100%; margin-bottom: 30px; } /*objevi se pred sloupci pri chybe v zadanych udajich */ } #customer_details .col-1 { margin-bottom: 20px; } #customer_details .col-2 .woocommerce-additional-fields > h3 { display: none; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: var(--b50); border-radius: 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: #fff; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #fff; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .woocommerce-privacy-policy-text { margin-bottom: 12px; font-size: 12px; } @media (min-width: 768px) { .woocommerce-privacy-policy-text { margin-bottom: 26px; font-size: 14px; } } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { display: block; width: 100%; padding: 14px 32px 18px; line-height: 1.4; font-weight: 800; font-family: inherit; text-decoration: none; text-align: center; transition: all .2s ease-in-out; position: relative; color: #fff; background: var(--cta-gradient); border: 0; opacity: 1; float: none; font-size: 100%; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { color: #fff; background: var(--cta-gradient); opacity: .75; } /* 888888888888 88 88 db 888b 88 88 a8P 8b d8 ,ad8888ba, 88 88 88 88 88 d88b 8888b 88 88 ,88' Y8, ,8P d8"' `"8b 88 88 88 88 88 d8'`8b 88 `8b 88 88 ,88" Y8, ,8P d8' `8b 88 88 88 88aaaaaaaa88 d8' `8b 88 `8b 88 88,d88' "8aa8" 88 88 88 88 88 88""""""""88 d8YaaaaY8b 88 `8b 88 8888"88, `88' 88 88 88 88 88 88 88 d8""""""""8b 88 `8b 88 88P Y8b 88 Y8, ,8P 88 88 88 88 88 d8' `8b 88 `8888 88 "88, 88 Y8a. .a8P Y8a. .a8P 88 88 88 d8' `8b 88 `888 88 Y8b 88 `"Y8888Y"' `"Y8888Y"' */ .woocommerce-order .woocommerce-notice { margin-bottom: 30px; font-size: 24px; font-weight: 800; } @media (min-width: 1170px) { .woocommerce-order .woocommerce-notice { margin-bottom: 64px; font-size: 32px; } } /* 88b d88 88 888b 88 88 ,ad8888ba, db 88888888ba 888888888888 888b d888 88 8888b 88 88 d8"' `"8b d88b 88 "8b 88 88`8b d8'88 88 88 `8b 88 88 d8' d8'`8b 88 ,8P 88 88 `8b d8' 88 88 88 `8b 88 88 88 d8' `8b 88aaaaaa8P' 88 88 `8b d8' 88 88 88 `8b 88 88 88 d8YaaaaY8b 88""""88' 88 88 `8b d8' 88 88 88 `8b 88 88 Y8, d8""""""""8b 88 `8b 88 88 `888' 88 88 88 `8888 88 Y8a. .a8P d8' `8b 88 `8b 88 88 `8' 88 88 88 `888 88 `"Y8888Y"' d8' `8b 88 `8b 88 */ .header-cart .widget_shopping_cart_content { display: block; visibility: hidden; opacity: 0; transition: all .2s ease-in-out; } .header-cart .widget_shopping_cart_content { position: absolute; top: 80%; right: 0; z-index: 10; } .header-cart.on .widget_shopping_cart_content { visibility: visible; opacity: 1; } .widget_shopping_cart_content { width: 300px; padding: 15px; background-color: #fff; border: 1px solid var(--b50); border-radius: 3px; } .widget_shopping_cart_content:empty { display: none; } .woocommerce-mini-cart__empty-message { text-align: right; } .header-cart ul.cart_list { list-style: none; margin-bottom: 10px; } .header-cart ul.cart_list li { margin: 0 0 10px; padding: 0; display: flex; justify-content: flex-start; align-items: center; } .header-cart ul.cart_list li { padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .8) } .header-cart ul.cart_list li::before { display: none; } .header-cart ul.cart_list li::after { display: none; } .header-cart ul.cart_list li .remove_from_cart_button { display: block; width: 20px; height: 20px; line-height: 20px; } .header-cart ul.cart_list li .remove_from_cart_button { font-weight: 700; color: red; text-decoration: none; } .header-cart ul.cart_list li .remove_from_cart_button { margin-right: 10px; } .header-cart ul.cart_list li .remove_from_cart_button { flex: 0 0 auto } .header-cart ul.cart_list li a { color: var(--b300); } .header-cart ul.cart_list li a:nth-child(2) { display: flex; justify-content: flex-start; align-items: center; } .header-cart ul.cart_list li a:nth-child(2) { text-decoration: none; font-weight: bold; line-height: 1.3; } .header-cart ul.cart_list li a:nth-child(2):hover { text-decoration: underline; } .header-cart ul.cart_list li img { margin-right: 10px; width: 40px; height: 40px; } .header-cart ul.cart_list li .quantity { display: none; } .header-cart ul.cart_list li .variation { display: none; } .woocommerce-mini-cart__total { margin-bottom: 20px; } .woocommerce-mini-cart__buttons { display: flex; justify-content: space-between; } .woocommerce-mini-cart__buttons .button { display: inline-block; margin: 0 5px 0 0; padding: 5px 10px; background-color: #fff; color: var(--b300) !important; } .woocommerce-mini-cart__buttons .button { border: 1px solid var(--b300) } .woocommerce-mini-cart__buttons .button { font-weight: bold; text-transform: uppercase; text-decoration: none; } .woocommerce-mini-cart__buttons .button:last-child { margin: 0; } .woocommerce-mini-cart__buttons .button:hover { text-decoration: none; background-color: var(--b300); color: #fff !important; } @media (min-width: 768px) { .widget_shopping_cart_content { width: 400px; padding: 20px; } .header-cart:hover .widget_shopping_cart_content { visibility: visible; opacity: 1; } /* hover az od velkych displeju */ .header-cart ul.cart_list li { margin-bottom: 20px; padding-bottom: 20px } .header-cart ul.cart_list li .remove_from_cart_button { margin-right: 20px; width: 30px; height: 30px; line-height: 30px; font-size: 20px } .header-cart ul.cart_list li img { margin-right: 20px; } .woocommerce-mini-cart__buttons .button { padding: 10px 24px 12px; } } @media (min-width: 1170px) { .woocommerce-mini-cart__buttons .button { font-size: 16px; } } @media (min-width: 1200px) { .widget_shopping_cart_content { padding: 30px } }