/*!
Theme Name: Regiotel
Theme URI: https://www.wado.sk/
Author: WADO
Author URI: https://www.wado.sk/
Description: WADO Custom Theme
Version: 1.0.0
Tested up to: 5.9.3
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wado
Tags: custom-background, custom-logo, custom-menu, featured-images

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wado is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Media Queries

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 32px;
	margin: 10px 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 16px;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 16px;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -4px;
}

sup {
	top: -8px;
}

table th {
	font-weight: 500;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* fieldset {
	padding: 6px 12px 10px;
} */

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

/* Museo Sans Rounded – helyi betűtípusok */
@font-face {
	font-family: "Museo Sans Rounded";
	src: url("fonts/MuseoSansRounded100.otf") format("opentype");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans Rounded";
	src: url("fonts/MuseoSansRounded300.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans Rounded";
	src: url("fonts/MuseoSansRounded500.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans Rounded";
	src: url("fonts/MuseoSansRounded700.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans Rounded";
	src: url("fonts/MuseoSansRounded900.otf") format("opentype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans Rounded";
	src: url("fonts/MuseoSansRounded1000.otf") format("opentype");
	font-weight: 1000;
	font-style: normal;
	font-display: swap;
}

:root {
	font-size: 16px;
	--font-primary: "Montserrat", sans-serif;
	--font-secondary: "Museo Sans Rounded", sans-serif;
	--font-icons: "Font Awesome 6 Pro";

	--color-secondary: #A2C62C;
	--color-secondary-rgb: 162, 198, 44;
	--color-secondary-dark: #37AB49;
	--color-secondary-dark-rgb: 55, 171, 73;
	--color-secondary-hover: #37AB49;
	--color-secondary-hover-rgb: 55, 171, 73;

	--color-primary: #36105B;
	--color-primary-rgb: 54, 16, 91;
	--color-primary-hover: #AF1578;
	--color-primary-hover-rgb: 175, 21, 120;
	--color-primary-dark: #E71D73;
	--color-primary-dark-rgb: 231, 29, 115;

	--color-third: #2B2A29;
	--color-third-rgb: 43, 42, 41;
	--color-third-hover: #FFCD00;
	--color-third-hover-rgb: 255, 205, 0;

	--color-white: #fff;
	--color-white-rgb: 255, 255, 255;
	--color-black: #000;
	--color-black-rgb: 0, 0, 0;

	--color-success: #67A001;
	--color-success-rgb: 103, 160, 1;
	--color-warning: #F39200;
	--color-warning-rgb: 243, 146, 0;
	--color-danger: #EF284F;
	--color-danger-rgb: 239, 40, 79;
	--color-info: #09BFD7;
	--color-info-rgb: 9, 191, 215;

	--color-background: #DBDBDB;
	--color-background-rgb: 244, 244, 244;
	--color-background-secondary: #DFF5EF;
	--color-background-secondary-rgb: 223, 245, 239;

	--text-opacity: 1;
	--text-opacity-75: .75;
	--text-opacity-50: .5;
	--text-opacity-25: .25;
	--text-opacity-10: .10;

	--bs-card-inner-border-radius: 12px;
	--bs-border-radius: 12px;
	--bs-border-color: rgba(var(--color-black-rgb), var(--text-opacity-10));
}

body,
button,
optgroup {
	color: var(--color-third);
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 1.5;
}

/* .woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-primary);
	font-family: var(--font-primary);
	display: block;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5 !important;
	background-color: var(--color-white);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid var(--color-background);
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
} */
.form-control,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce form .form-row select {
	display: block;
	width: 100%;
	padding: 0.625rem 1rem;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-black);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: 60px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: inset 0 1px 2px transparent;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

textarea.form-control-lg {
	border-radius: 24px;
}

.woocommerce form .form-row .select2-container {
	margin-bottom: 20px;
}

.woocommerce form .form-row label {
	font-weight: 500;
}

.select2-container--open .select2-dropdown--below {
	margin-top: 18px;
}

.select2-dropdown {
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--color-secondary);
	color: var(--color-white);
}

.select2-container--default .select2-selection--single {
	border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

.h2,
.h3,
.h4 {
	font-family: var(--font-primary);
	font-weight: 600;
}

.h2 {
	font-size: 40px;
}

.h3 {
	font-size: 2.25rem;
}

.h4 {
	font-size: 1.5rem;
}

p {
	margin-bottom: 12px;
}

/* Elements
--------------------------------------------- */
body {
	background: var(--color-white);
	overflow-x: hidden;
}

/* Links
--------------------------------------------- */
a {
	color: var(--color-secondary);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.btn,
.woocommerce div.product form.cart .button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce a.wc-backward {
	display: inline-block;
	font-family: var(--font-secondary);
	font-weight: 700;
	line-height: 1.5;
	color: var(--color-primary);
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 17px 33px;
	font-size: 18px;
	border-radius: 45px;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
	z-index: 10;
	width: fit-content;
}

.btn-primary,
.woocommerce div.product form.cart .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce a.wc-backward {
	border-color: transparent;
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
}

.product-card button.button.alt {
	display: inline-block;
	font-weight: 500;
	line-height: 1.5;
	color: var(--color-primary);
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	color: var(--color-white) !important;
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	box-shadow: 0 4px 6px 6px rgba(var(--color-secondary-rgb), var(--text-opacity-25));
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	border-radius: 60px;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
	z-index: 10;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background-color: var(--color-background-secondary);
	color: rgba(var(--color-black-rgb), var(--text-opacity-25)) !important;
	border-color: transparent;
	opacity: var(--text-opacity);
	box-shadow: unset;
}

.btn-primary.no-shadow {
	box-shadow: unset;
}

.btn-primary-outline {
	color: var(--color-white) !important;
	background-color: transparent;
	border-color: var(--color-secondary);
	box-shadow: unset;
}

.btn-primary-outline:hover {
	background-color: var(--color-secondary);
}

.woocommerce #review_form #respond .form-submit input {
	display: inline-block;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: none;
	padding: 0.75rem 3.875rem;
	font-size: 1rem;
	border-radius: 12px;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
	color: var(--color-white) !important;
	background-color: var(--color-third);
	border-color: var(--color-third);
	box-shadow: unset;
	z-index: 10;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.show,
.woocommerce div.product form.cart .button.alt:hover,
.woocommerce div.product form.cart .button.alt:active,
.woocommerce div.product form.cart .button.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:active,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:active,
.woocommerce button.button.alt:focus,
.woocommerce a.wc-backward:hover,
.woocommerce a.wc-backward:active,
.woocommerce a.wc-backward:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:focus {
	border-color: var(--color-secondary);
	background-color: var(--color-secondary);
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary));
	color: var(--color-white);
	box-shadow: unset;
}

.btn-primary.btn-shadow:hover {
	box-shadow: none;
}

.btn-secondary {
	color: var(--color-white) !important;
	background-color: var(--color-black);
	border-color: var(--color-black);
	box-shadow: unset;
}

.btn-secondary i {
	color: var(--color-secondary);
	transition: color 0.2s ease-in-out;
}

.btn-secondary:hover i {
	color: var(--color-white);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary.show,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce #review_form #respond .form-submit input:active,
.woocommerce #review_form #respond .form-submit input:focus {
	border-color: transparent;
	background-color: var(--color-secondary);
	color: var(--color-white) !important;
}

.btn-outline-primary {
	border-color: var(--color-secondary);
	color: var(--color-third);
}

.btn-outline-primary.btn-shadow {
	box-shadow: 0 3px 23px 3px rgba(var(--color-secondary-rgb), var(--text-opacity-25));
}

.btn-outline-primary:hover {
	color: var(--color-white);
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.show {
	background-color: var(--color-secondary) !important;
	color: var(--color-white) !important;
	border-color: var(--color-secondary);
}

.btn-outline-secondary {
	border-color: #7EB931;
	color: var(--color-white);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.show {
	color: var(--color-white);
	background-color: #7EB931;
}

/* .btn-outline-secondary {
    border-color: var(--color-background-secondary);
}
.btn-outline-secondary:hover {
    background-color: rgba(var(--color-white-rgb), var(--text-opacity-75));
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.show {
    border-color: var(--color-background-secondary) !important;
    color: var(--color-primary) !important;
} */
.woocommerce-desc-link {
	color: var(--color-third);
}

.btn-secondary-link {
	text-decoration: none;
	color: var(--color-third);
	font-weight: 500;
}

.btn-secondary-link:hover {
	color: var(--color-third);
}

.shop-fixed-btn {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	z-index: 1000;
}

.back-to-top {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: fixed;
	right: 25px;
	bottom: 25px;
	width: 40px;
	height: 40px;
	font-size: 16px;
	padding: 6px;
	background: rgba(var(--color-black-rgb), var(--text-opacity-25));
	border: none;
	color: var(--color-white);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 100;
}

.back-to-top:active,
.back-to-top:focus {
	background: var(--color-primary);
}

.back-to-top:hover {
	background: var(--color-primary);
	color: var(--color-secondary);
}

#sps-parcelshop-wrapper-button {
	border: 2px solid #f58220;
	background-color: #ffedde;
}

#services-tab .nav-link {
	font-family: var(--font-primary);
	font-weight: 600;
	text-transform: uppercase;
	/* letter-spacing: 0.5px; */
	font-size: 14px;
	padding: 6px 15px;
	width: 100%;
	margin-bottom: 0px;
	border-radius: 12px;
	transition: all 0.3s ease;
	border: none;
	display: block;
	background-color: var(--color-secondary-dark);
	color: var(--color-white);
}

#services-tab .nav-link.active {
	background-color: var(--color-secondary) !important;
	color: var(--color-white) !important;
}

#services-tab .nav-link:hover:not(.active) {
	background-color: var(--color-secondary-dark);
	transform: translateX(5px);
	color: var(--color-white);
}

/* ==========================================================
   REGIOTEL / FILLECK - DOCUMENTS
   ========================================================== */

#documentsTabs {
	gap: 6px;
	flex-wrap: wrap;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px !important;
}

#documentsTabs .nav-item {
	margin-bottom: -1px;
}

#documentsTabs .nav-link {
	display: flex;
	align-items: center;
	gap: 9px;

	padding: 14px 18px;

	background: transparent;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;

	color: #252525;
	font-size: 15px;
	font-weight: 600;

	transition:
		color .2s ease,
		border-color .2s ease,
		background-color .2s ease;
}

#documentsTabs .nav-link i {
	color: #a2c62c;
	font-size: 17px;
}

#documentsTabs .nav-link:hover {
	color: #86a61d;
	background: #fafbf7;
	border-bottom-color: rgba(162, 198, 44, .35);
}

#documentsTabs .nav-link.active {
	color: #222;
	background: transparent;
	border-color: transparent transparent #a2c62c;
}

#documentsTabs .nav-link.active i {
	color: #a2c62c;
}


/* ==========================================================
   TAB CONTENT
   ========================================================== */

#documentsTabsContent {
	margin-top: 0;
}

#documentsTabsContent .tab-pane {
	animation: regiotelDocumentFade .2s ease;
}

@keyframes regiotelDocumentFade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


/* ==========================================================
   ACCORDION
   ========================================================== */

#priceAccordion {
	border: 0;
}

#priceAccordion .accordion-item {
	margin-bottom: 12px;

	border: 1px solid #e5e5e5;
	border-radius: 4px;

	background: #fff;
	overflow: hidden;

	box-shadow: none;
}

#priceAccordion .accordion-button {
	padding: 20px 22px;

	background: #fff;
	color: #252525;

	font-size: 16px;
	font-weight: 600;

	border: 0;
	box-shadow: none;

	transition:
		color .2s ease,
		background-color .2s ease;
}

#priceAccordion .accordion-button:hover {
	background: #fafbf7;
	color: #86a61d;
}

#priceAccordion .accordion-button:not(.collapsed) {
	color: #222;
	background: #f4f7e9;
}

#priceAccordion .accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}

#priceAccordion .accordion-button::after {
	width: 16px;
	height: 16px;
	background-size: 16px;
}

#priceAccordion .accordion-body {
	padding: 8px 22px 22px;
	background: #fff;
}


/* ==========================================================
   DOCUMENT LIST
   ========================================================== */

#documentsTabsContent ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#documentsTabsContent ul li {
	position: relative;

	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;

	min-height: 54px;
	padding: 13px 15px 13px 43px;

	border-bottom: 1px solid #ededed;

	color: #555;
	line-height: 1.5;

	transition: background-color .2s ease;
}

#documentsTabsContent ul li:last-child {
	border-bottom: 0;
}

#documentsTabsContent ul li:hover {
	background: #fafbf7;
}

/* PDF icon */
#documentsTabsContent ul li::before {
	content: "\f1c1";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;

	position: absolute;
	left: 13px;
	top: 34px;

	color: #a2c62c;
	font-size: 17px;
}


/* ==========================================================
   DOCUMENT LINKS
   ========================================================== */

#documentsTabsContent a {
	color: #8cab1e;
	font-weight: 600;
	text-decoration: none;

	transition: color .2s ease;
}

#documentsTabsContent a:hover {
	color: #6f8915;
	text-decoration: underline;
}


/* ==========================================================
   DIRECT CENNIK LINKS
   ========================================================== */

#cennik>.mt-4 {
	margin-top: 24px !important;
	padding: 0;

	border: 1px solid #e5e5e5;
	border-radius: 4px;

	background: #fff;
}

#cennik>.mt-4 h4 {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

#cennik>.mt-4 ul li {
	min-height: 58px;
}


/* ==========================================================
   SIMPLE DOCUMENT TABS
   ========================================================== */

#gdpr,
#iptv,
#retransmisie,
#vop {
	padding: 5px 0;

	border: 0;
	border-radius: 0;

	background: transparent;
}

#gdpr>ul,
#iptv>ul,
#retransmisie>ul,
#vop>ul {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background: #fff;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 991.98px) {

	#documentsTabs {
		gap: 0;
	}

	#documentsTabs .nav-link {
		padding: 12px 13px;
		font-size: 14px;
	}

}


@media (max-width: 767.98px) {

	#documentsTabs {
		display: block;
		border: 1px solid #e5e5e5;
		border-radius: 4px;
		overflow: hidden;
	}

	#documentsTabs .nav-item {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #ededed;
	}

	#documentsTabs .nav-item:last-child {
		border-bottom: 0;
	}

	#documentsTabs .nav-link {
		width: 100%;

		padding: 14px 16px;

		border: 0 !important;
		border-left: 4px solid transparent !important;

		text-align: left;
	}

	#documentsTabs .nav-link.active {
		background: #f4f7e9;
		border-left-color: #a2c62c !important;
	}

	#priceAccordion .accordion-button {
		padding: 16px 18px;
		font-size: 15px;
	}

	#priceAccordion .accordion-body {
		padding: 5px 14px 16px;
	}

	#documentsTabsContent ul li {
		display: block;

		min-height: auto;
		padding: 13px 12px 13px 39px;

		font-size: 14px;
	}

	#documentsTabsContent ul li::before {
		left: 11px;
		top: 15px;
	}

}

.camera-page {
	background: #fff;
}


/* HERO */

.camera-hero {
	position: relative;
	background: #161616;
	padding: 70px 0 90px;
}

.camera-hero-title {
	margin-bottom: 28px;

	color: #fff;
	font-size: clamp(36px, 5vw, 64px);
	line-height: 1.1;
	font-weight: 700;
}

.camera-hero-text {
	max-width: 760px;
	margin: 0 auto;

	color: rgba(255, 255, 255, .82);
	font-size: 18px;
	line-height: 1.8;
}


/* PRICING */

.camera-pricing {
	background: #111;
}

.camera-price-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-height: 280px;
	padding: 50px 30px;

	background: #151515;
	color: #fff;
	text-align: center;
}

.camera-price-box-border {
	border-right: 1px solid rgba(255, 255, 255, .12);
}

.camera-price-label {
	margin-bottom: 20px;

	font-size: 34px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: .03em;
}

.camera-price-value {
	margin-bottom: 8px;

	color: #a2c62c;
	font-size: 48px;
	line-height: 1;
	font-weight: 800;
}

.camera-price-subtitle {
	margin-bottom: 8px;

	font-size: 16px;
	font-weight: 700;
	letter-spacing: .08em;
}

.camera-price-description {
	color: rgba(255, 255, 255, .72);
	font-size: 15px;
	line-height: 1.5;
}


/* INFO */

.camera-info {
	background: #fff;
}

.camera-info-image {
	display: block;

	max-width: 100%;
	margin: 0 auto 35px;
}

.camera-info-lead {
	max-width: 900px;
	margin: 0 auto 18px;

	color: #252525;
	font-size: 18px;
	line-height: 1.7;
}

.camera-info-targets {
	margin: 0;

	color: #8aa820;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: .03em;
}


/* MOBILE */

@media (max-width: 767.98px) {

	.camera-hero {
		padding: 45px 0 55px;
	}

	.camera-hero-text {
		font-size: 16px;
	}

	.camera-price-box {
		min-height: 220px;
		padding: 40px 20px;
	}

	.camera-price-box-border {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .12);
	}

	.camera-price-label {
		font-size: 28px;
	}

	.camera-price-value {
		font-size: 40px;
	}

	.camera-info-lead {
		font-size: 16px;
	}

}

.camera-price-box img {
	display: block;
	width: 100%;
	height: 130px;
	object-fit: cover;
	border-radius: 3px;
}

.camera-price-box .row {
	max-width: 520px;
}

@media (max-width: 991.98px) {

	.camera-price-box-border {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .12);
	}

}

@media (max-width: 767.98px) {

	.camera-price-box img {
		height: 95px;
	}

}

/* Forms
--------------------------------------------- */
.mx-88 {
	margin-right: 88px !important;
	margin-left: 88px !important;
}

.px-88 {
	padding-right: 88px !important;
	padding-left: 88px !important;
}

.mt-70 {
	margin-top: 70px !important;
}

.header-mid {
	background-color: var(--color-primary);
	color: var(--color-white);
	padding: 23px 0 0;
}

.header-mid .form-control {
	border-right: none;
}

.search-btn {
	border: 1px solid var(--color-primary);
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	border-left: none;
	background-color: var(--color-white);
}

.search-btn:hover {
	background: var(--color-secondary);
	color: var(--color-white);
}

.search-result {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background: var(--color-white);
	width: 100%;
	max-height: 42vh;
	overflow: auto;
	z-index: 100;
}

.search-result::-webkit-scrollbar {
	width: 3px;
}

.search-result::-webkit-scrollbar-thumb {
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: #AEB4BE;
	box-shadow: unset;
}

.search-result::-webkit-scrollbar-track {
	background-color: var(--color-background);
	background: var(--color-background);
}

.search-result .widget-cart-item:hover>.d-flex {
	transform: unset !important;
}

.search-result .widget-cart-item img {
	max-height: 60px;
	object-fit: cover;
	width: auto;
	mix-blend-mode: multiply;
}

.widget-product-img {
	width: 60px;
	height: 60px;
	overflow: hidden;
	flex-shrink: 0;
	text-align: center;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/* Header */
.site-stuck {
	padding-top: 109px;
}

.site-header {
	width: 100%;
	background-color: var(--color-white);
	position: relative;
	transition: transform 0.5s ease-in-out, top 0.5s ease-in-out;
	top: 0;
	left: 0;
	z-index: 1000;
}

.site-header.navbar-stuck {
	position: fixed;
	top: 0;
	transform: translateY(0);
	animation: navbar-show 0.5s;
	box-shadow: 0 8px 8px rgba(var(--color-black-rgb), 0.08);
}

.header-bottom.collapse {
	display: block;
}

.navbar-toolbar .navbar-toggler {
	border: none;
}

.navbar-toolbar .navbar-toggler:focus {
	box-shadow: unset;
}

@keyframes navbar-show {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

@media (min-width: 992px) {
	.site-header.navbar-stuck .navbar-stuck-show {
		display: block !important;
	}

	.site-header.navbar-stuck .header-bottom.collapse:not(.show) {
		display: none;
	}
}

.sticky-logo {
	display: none;
}

.site-header.navbar-stuck .sticky-logo {
	display: block;
}

.site-header.navbar-stuck .primary-logo {
	display: none;
}

.site-header.navbar-stuck .header-mid {
	padding: 18px 0;
}

/* Header Info Section bezárás gomb */
.header-info-section {
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-size: 16px;
	text-align: center;
}

.header-info-section a {
	color: var(--color-white);
	text-decoration: none;
}

.header-info-section .btn-close {
	color: var(--color-white);
	transition: opacity 0.2s ease;
	background: unset;
	border: none;
	opacity: 0.7;
}

.header-info-section .btn-close:hover {
	opacity: 1;
}

.header-info-section-content {
	position: relative;
}

.header-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.875rem;
	padding: 0.6875rem 0;
	background: var(--color-primary-dark);
	color: rgba(var(--color-white-rgb), var(--text-opacity-75));
}

.header-top .header-top-links i {
	color: var(--color-secondary);
}

.header-top .header-top-links a {
	color: var(--color-white);
	text-decoration: none;
}

.header-top p {
	margin-bottom: 0;
}

.logo {
	max-width: 100%;
	text-decoration: none;
}

/* .logo img {
	width: 370px;
} */
.logo:visited {
	color: var(--color-primary);
}

.header-form {
	position: relative;
	max-width: 681px;
}

.navbar-toggler {
	color: var(--color-white);
}

.navbar-tool {
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none !important;
}

.navbar-tool-icon-box {
	position: relative;
	width: 2.875rem;
	height: 2.875rem;
	color: var(--color-white);
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	border-radius: 50%;
	line-height: 2.625rem;
	text-align: center;
}

.navbar-tool-icon-box.bg-icon {
	background: var(--color-primary-hover);
}

.navbar-tool-icon-box .navbar-tool-label {
	position: absolute;
	top: -0.3125rem;
	right: -0.3125rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-size: .75rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.25rem;
}

.navbar-tool-icon-box i {
	font-size: 1.25rem;
	line-height: 2.875rem;
}

.navbar-tool-text {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	color: var(--color-white);
	padding-left: 0;
	transition: color .25s ease-in-out;
	font-size: .875rem;
	white-space: nowrap;
}

.navbar-tool-text>small {
	display: block;
	margin-bottom: -0.125rem;
	color: rgba(var(--color-white-rgb), var(--text-opacity-50));
}

.navbar-tool-text .tax_label {
	display: none;
}

.header-bottom .navbar-collapse {
	display: flex !important;
}

.header-bottom .dropdown:hover>.dropdown-menu {
	position: absolute;
	display: block;
	border-radius: 0 0 6px 6px;
	-webkit-animation: slide-up .25s ease-in-out;
	animation: slide-up .25s ease-in-out;
}

/* .navbar-nav {
	flex-direction: row;
} */
.navbar-nav .nav-link {
	padding-top: 1.125rem;
	padding-right: 1.125rem;
	padding-bottom: 1.125rem;
	padding-left: 1.125rem;
	color: var(--color-third);
	font-weight: 400;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.navbar-expand-lg {
	background-color: var(--color-primary);
	color: var(--color-third);
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.125rem;
	padding-left: 1.125rem;
}

.navbar-nav .nav-link:visited {
	color: var(--color-third);
}

.navbar-nav .current-menu-item .nav-link,
.navbar-nav .nav-link:hover {
	color: var(--color-secondary);
}

.navbar-mega-nav {
	position: relative;
}

.navbar-mega-nav i {
	font-size: 20px;
}

.navbar-mega-nav::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	background: var(--color-background-secondary);
	transform: translateY(-50%);
	width: 1px;
	height: 18px;
}

.navbar-nav .dropdown-menu {
	min-width: 12.5rem;
	padding-top: 0;
	box-shadow: none;
	border: none;
	background-color: transparent;
}

.navbar-nav .dropdown-menu {
	position: static;
}

.navbar-mega-nav .dropdown-toggle::after {
	display: none;
}

.dropdown-menu {
	box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgb(0 0 0 / 3%), 0 0.275rem 1.25rem -0.0625rem rgb(0 0 0 / 5%);
	border-color: transparent;
}

.dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0;
	font-size: 1rem;
	color: var(--color-primary);
	text-align: left;
	list-style: none;
	background-color: var(--color-white);
	background-clip: padding-box;
	border: 1px solid var(--color-background);
	border-radius: 0.3125rem;
	box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgb(0 0 0 / 3%), 0 0.275rem 1.25rem -0.0625rem rgb(0 0 0 / 5%);
	-webkit-animation: slide-up .25s ease-in-out;
	animation: slide-up .25s ease-in-out;
}

.navbar-mega-nav .dropdown-menu>.mega-dropdown {
	position: static;
}

.navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) {
	min-width: 12.5rem;
	border-color: var(--color-white);
	background-color: var(--color-white);
	box-shadow: 0 16px 24px rgba(var(--color-black-rgb), var(--text-opacity-10));
	max-height: 75vh;
	overflow: auto;
}

.navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark)::-webkit-scrollbar {
	width: 6px;
}

.navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark)::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: var(--color-background-secondary);
	box-shadow: unset;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark)::-webkit-scrollbar-track {
	background-color: var(--color-white);
	background: var(--color-background);
}

.navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
	position: absolute;
	display: block;
	top: 50%;
	right: 1rem;
	margin-top: -0.3em;
	margin-left: 0.23375rem;
	vertical-align: 0.23375rem;
	content: "";
	border-top: 0.275rem solid transparent;
	border-right: 0;
	border-bottom: 0.275rem solid transparent;
	border-left: 0.275rem solid;
}

.navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle {
	position: relative;
	padding-right: 1.95rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--color-background);
}

.navbar-mega-nav .dropdown-menu>.dropdown:last-child>a {
	border-bottom: 0;
}

.navbar-expand-lg .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
	top: 0.375rem;
	right: auto;
	left: 100%;
	width: auto;
	margin-top: -0.5rem;
	margin-right: 0;
	margin-left: -0.25rem;
	min-height: 100%;
	min-height: calc(100% + 0.25rem);
	-webkit-animation: none !important;
	animation: none !important;
}

.mobile-menu-toggle {
	padding: .7rem .2rem;
	font-size: 1.125rem;
	color: var(--color-white);
	text-decoration: none;
}

.menu-item-has-children a.collapse:not(.show) {
	display: block;
}

.navbar-nav .dropdown-toggle {
	height: auto !important;
}

.mega-dropdown-column {
	width: 100%;
	max-width: 224px;
}

.mega-dropdown-column h6 {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 15px;
	color: var(--color-primary);
}

.mobile-menu .mega-dropdown-column h6,
.mobile-menu .mega-dropdown-column h6 a,
.mobile-menu .mega-dropdown-column .widget-list .widget-list-link {
	color: var(--color-white);
}

.mega-dropdown-column h6 a {
	text-decoration: none;
	color: var(--color-primary);
}

.mega-dropdown-column h6 a:hover {
	color: var(--color-secondary);
}

.mega-dropdown-column img {
	border-radius: 6px;
}

.mega-dropdown-column .widget-list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 60px;
}

.mega-dropdown-column .widget-list .widget-list-link {
	color: var(--color-primary);
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
}

.mega-dropdown-column .widget-list .widget-list-link:hover {
	color: var(--color-secondary);
}

@media (min-width: 992px) {
	.navbar-expand-lg .mega-dropdown-column {
		width: 224px;
	}
}

@keyframes slide-up {
	from {
		transform: translateY(.5rem);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
	margin-left: 12px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item a {
	border: 3px solid transparent;
	border-color: #DFDFDF;
	border-radius: 50%;
	padding: 0;
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a {
	border: 3px solid #7EB931;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.only-text a {
	cursor: default;
	pointer-events: none;
}

/* Offcanvas cart */
.widget-cart-item {
	position: relative;
}

.widget-cart-item .btn-close {
	position: absolute;
	top: 50%;
	left: 0;
	height: auto;
	padding: 0;
	transform: translateY(-50%);
	-webkit-transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
	transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
	background: none;
	font-size: 1.5rem;
	font-weight: 300;
	visibility: hidden;
	opacity: 0;
	text-decoration: none;
}

.widget-cart-item:hover .btn-close {
	visibility: visible;
	opacity: 1;
}

.widget-cart-item>.d-flex {
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.widget-cart-item:hover>.d-flex {
	transform: translateX(1.125rem);
}

.widget-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--color-primary);
}

.widget-product {
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--color-background);
}

.widget-products .widget-product:last-child {
	border-bottom: none;
}

.rounded-small {
	border-radius: 3px;
}

.widget-product-title {
	margin-bottom: 0.4375rem;
	font-size: 1rem;
	font-weight: 500;
}

.widget-product-title>a {
	color: var(--color-primary);
	text-decoration: none;
}

.widget-product-title>a:hover {
	color: var(--color-secondary);
}

.widget-product-meta {
	font-size: 1rem;
}

.widget-banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	padding: 3.125rem 2.8125rem;
}

.widget-banner p {
	font-size: 1.25rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.text-accent {
	color: var(--color-third);
}

.empty-cart {
	text-align: center;
}

.cart-empty h2 {
	font-weight: 500;
	margin: 30px 0;
}

.empty-cart i {
	font-size: 82px;
	color: var(--color-background);
}

.empty-cart h4 {
	font-size: 20px;
	font-weight: 500;
	margin: 30px 0;
}

.return-to-shop {
	text-align: center;
}

.woocommerce-cart table.shop_table thead {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.woocommerce-order-received .woocommerce .col2-set {
	display: flex;
}

.woocommerce-order-received .col2-set .col-1,
.woocommerce-order-received .col2-set .col-2 {
	flex: 1 1 0px;
}

#notification .modal-body {
	padding: 1.5rem 0 0;
	overflow: hidden;
}

.cart-subtotal-box {
	background-color: var(--color-background-secondary);
	border-radius: 6px;
}

.add-to-cart-product-title {
	font-size: 1.1rem;
}

.shipping-progress {
	height: 10px;
	background-color: var(--color-white);
	border-radius: 5px;
	overflow: hidden;
}

.shipping-progress .progress-bar {
	background-color: var(--color-secondary);
	transition: width 0.5s ease;
}

.shipping-progress-text {
	font-size: 0.9rem;
	color: var(--color-primary);
}

.related-product-item {
	border: 1px solid var(--color-background-secondary);
	border-radius: 6px;
	transition: all 0.3s ease;
}

.related-product-item:hover {
	box-shadow: 0 5px 15px rgba(var(--color-black-rgb), var(--text-opacity-08));
}

.related-product-item img {
	max-height: 100px;
	width: auto;
	object-fit: contain;
}

.related-product-item .product-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2.8rem;
}

#notification .product-card {
	border: 1px solid transparent;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.3s ease;
}

#notification .product-card:hover {
	box-shadow: 0 5px 15px rgba(var(--color-black-rgb), var(--text-opacity-08));
	border-color: var(--color-background-secondary) !important;
}

#notification .product-card .card-img-top {
	max-height: 120px;
	object-fit: contain;
}

#notification .product-card .product-title {
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#notification .product-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

#notification .product-badges .badge {
	display: block;
	margin-bottom: 5px;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 0.65rem;
	font-weight: 600;
}

#notification .product-badges .on-sale {
	background-color: var(--color-danger);
	color: var(--color-white);
}

#notification .product-badges .itsnew {
	background-color: var(--color-success);
	color: var(--color-white);
}

/* Front page */
@media (min-width: 992px) {
	.space-lg-nowrap {
		white-space: nowrap !important;
	}
}

.home-banner .carousel {
	height: 604px;
	overflow: hidden;
}

.home-banner .carousel-item {
	height: 655px;
	position: relative;
	display: flex;
}

.home-banner .banner-box-img {
	position: relative;
	background-size: cover;
	background-position: center left;
	height: 100%;
}

.home-banner .banner-box-text {
	background-color: var(--color-info);
	height: 100%;
	position: relative;
}

.home-banner .banner-box-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-info);
	clip-path: polygon(0 0, 0 100%, 10% 0);
	z-index: 1;
}

.home-banner .banner-content {
	color: var(--color-white);
	/* max-width: 450px;
	margin-left: 5.5rem; */
}

.home-banner .banner-content h2 {
	font-size: 4rem;
	font-weight: 800;
	margin: 0 0 45px;
}

.home-banner .banner-content h3 {
	font-size: 34px;
	font-weight: 400;
	margin: 0 0 19px;
}

.home-banner .banner-content p {
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 3rem;
}

.home-banner .banner-content .btn-primary {
	color: var(--color-third);
}

.carousel-item.active .from-bottom {
	transform: translateY(0);
	opacity: 1;
}

.carousel-item .from-bottom {
	transform: translateY(45px);
}

.carousel-item .from-bottom {
	transition: all .45s .3s ease-in-out;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.carousel-item .delay-1 {
	transition-delay: .5s;
}

.carousel-item .delay-2 {
	transition-delay: .7s;
}

.carousel-item .delay-3 {
	transition-delay: .9s;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	font-size: 1rem;
	width: 3.125rem;
	height: 3.125rem;
	background-color: var(--color-primary-dark);
}

.carousel-control-prev {
	top: calc(50% - 3.125rem);
}

.carousel-control-next {
	top: 50%;
}

.carousel-control-next,
.carousel-control-prev {
	width: 3.125rem;
	height: 3.125rem;
	right: 0;
	left: auto;
	opacity: 1;
}

.carousel-indicators {
	position: relative;
	bottom: 93px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin-right: 11%;
	margin-bottom: 1rem;
	margin-left: 22%;
	list-style: none;
}

.carousel-indicators [data-bs-target] {
	background-color: var(--color-white);
	width: 12px;
	height: 12px;
	margin-right: 5px;
	margin-left: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: none;
}

.carousel-indicators .active {
	background-color: var(--color-white);
}

.home-strong-points {
	background-color: var(--color-background);
	padding: 3.75rem 0;
}

.home-strong-points i {
	font-size: 2.25rem;
	color: var(--color-secondary);
}

.home-strong-points h6 {
	font-size: 1rem;
	font-weight: 500;
	color: var(--color-primary);
}

.home-strong-points p {
	font-size: 0.8125rem;
	font-weight: 400;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.section-title {
	font-size: 40px;
	font-weight: 600;
	color: var(--color-third);
	margin-bottom: 72px;
}

.top-categories {
	position: relative;
	background-color: var(--color-background-secondary);
	padding: 39px 0 68px;
	z-index: 10;
}

.top-categories .category-box {
	max-width: 373px;
}

.top-categories .category-box a {
	text-decoration: none;
}

.top-categories .category-box-text h5 {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-primary);
	margin-top: 17px;
	margin-bottom: 0;
}

.top-categories .category-box-text p {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-third);
	margin-bottom: 10px;
}

.top-categories .category-box-text a {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-primary);
}

.top-categories .category-box-text a:hover {
	color: var(--color-secondary);
}

.product-card {
	padding-bottom: 1.25rem;
	border: 0;
	transition: all .15s ease-in-out;
}

.product-card:hover {
	border-color: var(--color-third) !important;
	box-shadow: 0px 4rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
	z-index: 10;
}

/* .single-product .product-card:hover {
	border-color: none !important;
	box-shadow: unset !important;
} */
.product-card .product-card-img {
	height: 312px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-background);
	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
}

.product-card .product-card-img .card-img-top {
	max-height: 280px;
	object-fit: cover;
	width: auto;
	mix-blend-mode: multiply;
}

.product-card .product-badges,
.product-image-gallery .swiper-wrapper .product-badges {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	font-weight: 500;
	z-index: 10;
}

.badge {
	border-radius: 0.1875rem;
}

.product-card .on-sale,
.single-product .on-sale {
	font-weight: 500;
	height: fit-content;
	background-color: var(--color-danger);
	box-shadow: 0 4px 6px rgba(var(--color-danger-rgb), var(--text-opacity-25));
}

.single-product .on-sale.no-shadow {
	box-shadow: unset;
}

.product-card .itsnew,
.single-product .itsnew {
	font-weight: 500;
	height: fit-content;
	background-color: var(--color-success);
	box-shadow: 0 4px 6px rgba(var(--color-success-rgb), var(--text-opacity-25));
}

.product-card .custom-product-tag,
.single-product .custom-product-tag {
	font-weight: 500;
	height: fit-content;
}

.product-card .giftbadge,
.single-product .giftbadge {
	font-weight: 500;
	height: fit-content;
	background-color: #FF8800;
	box-shadow: 0 4px 6px rgba(255 136 0 / 25%);
}

.product-card .add-to-wishlist,
.product-card .remove-wishlist {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
	padding: 0 !important;
	border: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(var(--color-white-rgb), var(--text-opacity-75));
	color: var(--color-primary);
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	z-index: 5;
}

.single-product .add-to-wishlist,
.single-product .compare-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
	padding: 0 !important;
	border: 0;
	color: var(--color-primary);
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	z-index: 5;
}

.single-product .add-to-wishlist span,
.single-product .compare-button span {
	text-decoration: underline;
}

.product-card .add-to-wishlist:hover,
.single-product .add-to-wishlist:hover,
.product-card .remove-wishlist:hover {
	color: var(--color-secondary);
}

.added-to-wishlist {
	pointer-events: none !important;
}

.added-to-wishlist i {
	color: var(--color-secondary);
}

.product-card .product-category {
	font-size: .75rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.product-card .product-category a {
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	text-decoration: none;
}

.product-card .product-category a:hover {
	color: var(--color-primary);
}

.product-card .product-title {
	font-size: 1rem;
	font-weight: 500;
}

.product-card .product-title a {
	color: var(--color-primary);
	text-decoration: none;
	height: 38px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.product-card .product-title a:hover {
	color: var(--color-secondary);
}

.product-card .product-price,
.single-product .product-price,
.widget-product-meta .product-price {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: row-reverse;
	color: var(--color-secondary-hover);
	font-weight: 500;
	margin: 0;
}

.product-card .product-price ins bdi,
.single-product .product-price ins bdi,
.widget-product-meta .product-price ins bdi {
	color: var(--color-danger);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--color-third);
}

.product-card .product-price ins,
.single-product .product-price ins,
.widget-product-meta .product-price ins {
	text-decoration: none;
	line-height: 1.2;
}

.woocommerce div.product .product-price {
	font-size: 1.375rem;
}

.product-card .product-price del,
.single-product .product-price del,
.widget-product-meta .product-price del {
	font-size: .8rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	margin-left: 6px;
}

.woocommerce div.product .product-price del {
	font-size: 1rem;
}

.product-card .product-in-stock,
.product-stock .product-in-stock,
.cart-product-details .product-in-stock {
	color: var(--color-success);
	margin: 0;
}

.product-card .stock-status {
	font-size: 13px;
}

.product-card .product-onbackorder,
.product-stock .product-onbackorder,
.cart-product-details .product-onbackorder {
	color: var(--color-warning);
	margin: 0;
}

.product-card .product-off-stock,
.product-stock .product-off-stock,
.cart-product-details .product-off-stock {
	color: var(--color-danger);
	margin: 0;
}

.product-card .woocommerce .woocommerce-product-rating .star-rating {
	margin: 0;
	color: var(--color-warning);
	font-size: .9em;
}

.product-card .card-footer {
	width: 100%;
	border: none;
	background-color: var(--color-white);
	opacity: 0;
	visibility: hidden;
	transition: all .15s ease-in-out;
}

.product-card:hover .card-footer {
	opacity: 1;
	visibility: visible;
}

.banner-section .highlighted-banner {
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 100%;
}

.banner-section .small-banner {
	background-size: cover;
	background-position: center;
}

.banner-section p {
	font-size: 1.25rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.brands {
	/*background-color: var(--color-background);*/
	padding: 40px 0 60px;
	/*margin-bottom: 100px;*/
}

.brand-image {
	height: 130px;
}

.brand-image img {
	max-height: 100%;
	width: auto;
	object-fit: contain;
}

.brands a:hover {
	box-shadow: none !important;
}

.about-us {
	position: relative;
	overflow: hidden;
	background-color: var(--color-secondary);
}

.about-us .about-us-bg-color {
	position: relative;
	color: var(--color-white);
	padding-top: 100px;
	padding-bottom: 86px;
}

.about-us h5 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
}

.about-us h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 28px;
}

.about-us p {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 38px;
}

.about-us .about-us-image img {
	position: absolute;
	left: 50%;
	width: -webkit-fill-available;
	height: 100%;
	object-fit: cover;
}

/* Tooltip */
.tooltip {
	font-size: .75rem;
}

.tooltip-inner {
	background-color: var(--color-primary);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
	border-left-color: var(--color-primary);
}

.tooltip.show {
	opacity: 1;
}

.shadow-sm {
	box-shadow: 0 0.125rem 0.3rem -0.0625rem rgb(0 0 0 / 3%), 0 0.275rem 0.75rem -0.0625rem rgb(0 0 0 / 6%) !important;
}

/* Footer */

.site-footer .strong-points i {
	font-size: 2.25rem;
	color: var(--color-secondary);
}

.newsletter-box {
	position: relative;
	background-color: var(--color-white);
	padding: 4rem;
	margin-top: -10rem;
	border-radius: 24px;
	box-shadow: 0 8px 24px rgba(var(--color-black-rgb), var(--text-opacity-10));
	text-align: center;
	z-index: 10;
}

.newsletter-box p {
	font-size: 1.25rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	margin-bottom: 3rem;
}

.newsletter-box .input-group {
	max-width: 648px;
	margin: 0 auto;
}

.newsletter-box .newsletter-input {
	padding-left: 3.375rem;
	background: rgba(var(--color-background-rgb), var(--text-opacity-50));
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
}

.newsletter-box .input-group::before {
	content: "\f0e0";
	font-family: var(--font-icons);
	font-size: 1.25rem;
	font-weight: 400;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	position: absolute;
	top: 14.5px;
	left: 1.5rem;
	line-height: 1;
	z-index: 10;
}

.site-footer .strong-points p {
	font-size: 0.8125rem;
	color: rgba(var(--color-white-rgb), var(--text-opacity-50));
}

.site-footer h5 {
	font-size: 1.125rem;
	margin-bottom: 1rem;
	font-weight: 500;
}

.site-footer p {
	font-size: 15px;
	color: var(--color-white);
}

.site-footer a {
	font-size: 15px;
	color: var(--color-white);
	text-decoration: none;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.site-footer a:hover {
	color: var(--color-secondary);
}

.site-footer .footer-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.site-footer .footer-menu li {
	font-size: 15px;
	padding-bottom: 6px;
}

.hr-dark {
	color: var(--color-primary-dark);
	opacity: var(--text-opacity);
}

.site-footer .footer-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	margin-right: 8px;
	padding: 7px;
	width: 2.25rem;
	height: 2.25rem;
	background: var(--color-primary-dark);
	color: var(--color-white);
	text-decoration: none;
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.site-footer .footer-social:hover {
	background: var(--color-secondary);
	color: var(--color-white);
	text-decoration: none;
}

.openig-hours-title {
	color: var(--color-secondary);
	font-weight: 500;
}

.openig-hours-line.openig-hours-line-border {
	border-bottom: 1px solid var(--color-secondary);
}

.openig-hours-line {
	padding: 5px 0;
	margin: 0;
}

.footer-contact-box {
	background: var(--color-primary-hover);
	padding: 20px 30px 20px 45px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	margin: 20px 0;
	min-height: 110px;
	position: relative;
}

.footer-contact-box i {
	position: absolute;
	top: 25px;
	left: 20px;
	color: var(--color-secondary);
}

.map-box img {
	border-radius: 12px;
}

.site-info {
	background-color: var(--color-primary-dark);
	color: rgba(var(--color-white-rgb), var(--text-opacity-50));
	font-size: 13px;
}

/* Footer v2 */
.site-footer--v2 {
	position: relative;
	background: linear-gradient(90deg, var(--color-black) 0%, #0b3036 100%);
	border-radius: 30px;
}

.site-footer-v2__box {
	padding: 120px 0;
	position: relative;
	overflow: hidden;
}

.site-footer--v2::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("img/footer/footer-bg.jpg") center/cover no-repeat;
	pointer-events: none;
}

.site-footer-v2__box>.row {
	position: relative;
	z-index: 1;
}

.site-footer-v2__logo img {
	max-height: 93px;
	width: auto;
}

.site-footer-v2__tagline {
	margin: 43px 0 83px;
	font-size: 15px;
}

.site-footer-v2__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
	color: var(--color-secondary);
	font-size: 1rem;
	text-decoration: none;
}

.site-footer-v2__social a:hover {
	color: var(--color-white);
}

.site-footer-v2__heading {
	font-family: var(--font-secondary);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--color-secondary);
	margin-bottom: 1rem;
}

.site-footer-v2__menu {
	margin: 0;
	padding: 0;
}

.site-footer-v2__menu li {
	margin-bottom: 17px;
}

.site-footer-v2__menu li::before {
	content: "";
	display: inline-block;
	margin-right: 12px;
	width: 12px;
	height: 12px;
	border: 1px solid var(--color-secondary);
	border-radius: 50%;
}

.site-footer-v2__menu a,
.site-footer-v2__contact a {
	color: var(--color-white);
	text-decoration: none;
	font-size: 15px;
	line-height: 1.8;
}

.site-footer-v2__menu a:hover,
.site-footer-v2__contact a:hover {
	color: var(--color-secondary);
}

.copyright {
	padding: 33px 0;
	color: #5b5b5b;
	font-size: 16px;
	overflow: hidden;
}

.site-footer-v2__contact-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.site-footer-v2__contact-item i {
	font-size: 18px;
	color: rgba(var(--color-secondary-rgb), 0.85);
	margin-top: 6px;
}

.site-footer-v2__contact-item-content {
	flex: 1;
	color: var(--color-white);
}

.mobile-menu--v2 .site-header__menu>li>a {
	font-family: var(--font-secondary);
	font-size: 20px;
	font-weight: 600;
	padding: 10px 8px;
	border-bottom: 1px solid var(--color-background);
}

/* MOBILE MENU */
.mobile-menu .nav-item {
	margin-bottom: 0.667rem;
	border-radius: 0.3125rem;
}

.mobile-menu .nav-link {
	padding: 0.667rem 1.125rem;
	font-weight: 500;
}

.mobile-menu .navbar-nav .dropdown-toggle {
	height: auto !important;
}

.mobile-menu ul {
	list-style-type: none;
	padding-left: 0;
}

.mobile-menu .body-bottom {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var(--color-background-secondary);
}

.mobile-menu .body-bottom .navbar-tool {
	background: none;
	border: 0;
	color: var(--color-third);
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	padding: 0.5rem .8rem;
	text-decoration: none;
	flex-basis: 0;
	text-align: center;
	flex-grow: 1;
}

.mobile-menu .body-bottom .navbar-tool.border-right {
	border-right: 1px solid var(--color-background-secondary);
}

.mobile-menu .dropdown-menu {
	position: relative !important;
	-webkit-animation: none !important;
	animation: none !important;
	background-color: var(--cc-btn-primary-bg);
	transform: none !important;
	margin-top: 10px !important;
}

.mobile-menu .mega-dropdown-column {
	max-width: 100%;
	height: auto;
}

.mobile-menu .mega-dropdown-column .widget-list {
	margin: 0;
	margin-left: 10px;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(var(--color-black-rgb), var(--text-opacity-25));
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 600px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 24px;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Pagination
--------------------------------------------- */
.page-link {
	color: var(--color-primary);
	border: none;
	border-radius: 0.3125rem;
}

.page-item.active .page-link {
	z-index: 3;
	color: var(--color-white);
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	box-shadow: 0 0.5rem 1.125rem -0.275rem rgb(118 200 196 / 50%);
}

.page-link:hover {
	color: var(--color-primary);
}

/* Posts and pages
--------------------------------------------- */
.page-top {
	background: var(--color-primary);
	color: var(--color-third);
	padding-bottom: 6rem;
}

.breadcrumb {
	font-size: 0.8125rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.breadcrumb a {
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	text-decoration: none;
}

.breadcrumb a:hover {
	color: var(--color-secondary);
}

.breadcrumb i {
	margin: 0 .4rem;
}

/* .breadcrumb span {
	color: rgba(255, 255, 255, .6);
} */
.page-top+* {
	margin-top: -4.875rem;
}

@media (min-width: 992px) {
	.offcanvas-show {
		display: block;
		position: static;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		visibility: visible !important;
		transform: none !important;
		background-color: transparent;
		border: none;
	}

	.category-filter .offcanvas-show {
		max-width: unset !important;
	}

	.offcanvas-show .offcanvas-header,
	.offcanvas-show .offcanvas-footer {
		display: none;
	}

	.offcanvas-show .offcanvas-body {
		padding: 0;
		overflow: initial;
	}
}

.child-categories a.category-link {
	color: var(--color-primary);
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	border-radius: 6px;
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
	padding: 5px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.child-categories a.category-link:hover {
	border-color: transparent;
	-webkit-box-shadow: 0 8px 24px rgba(var(--color-black-rgb), var(--text-opacity-10));
	box-shadow: 0 8px 24px rgba(var(--color-black-rgb), var(--text-opacity-10));
}

.child-categories a img {
	border-radius: 6px;
	background: var(--color-background);
}

.offcanvas-show {
	max-width: 22rem;
}

.product-filter {
	border-radius: 12px;
	background-color: var(--color-background) !important;
}

.filter-title {
	font-size: 22px;
	color: var(--color-secondary);
	font-weight: 600;
	margin-bottom: 28px;
}

.filter-row-title {
	font-size: 18px;
	color: var(--color-third);
	font-weight: 600;
	margin-bottom: 21px;
}

.filter-row-item .form-check {
	font-size: 0.9375rem;
}

.filter-row-item .form-check input,
.filter-row-item .form-check label {
	cursor: pointer;
}

.filter-row-item .form-check .form-check-input {
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
}

.filter-row.accordion-item {
	background: none;
	border: none;
	border-radius: 0;
}

.filter-row .accordion-header {
	position: relative;
}

.filter-row .accordion-button-primary {
	display: block;
	font-size: 1rem;
	padding: 0.625rem 0;
	font-weight: 400;
	color: var(--color-primary);
	text-decoration: none;
}

.filter-row .accordion-button-primary.active {
	color: var(--color-secondary);
}

.filter-row .accordion-button-secondary {
	border: none;
	background: unset;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0;
	margin-bottom: 1.25rem;
	color: var(--color-primary);
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(var(--color-black-rgb), var(--text-opacity-10));
	position: absolute;
	top: 9px;
	right: 0;
	margin: 0;
	transform: rotate(180deg);
	transition: all 0.2s ease-out;
}

.filter-row .accordion-button-secondary.active {
	background-color: rgba(var(--color-secondary-rgb), var(--text-opacity-10));
	color: var(--color-secondary);
}

.filter-row .accordion-button-secondary.collapsed {
	transform: rotate(0deg);
}

.filter-row .accordion-button {
	padding: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(--color-third);
	background-color: unset;
	box-shadow: none;
}

.filter-row .accordion-button.collapsed {
	color: var(--color-primary);
}

.filter-row .accordion-item {
	border: none;
}

.filter-row .accordion-button::after {
	content: "\f107";
	font-family: var(--font-icons);
	font-size: 16px;
	font-weight: 400;
	color: var(--color-secondary);
	padding-top: 0.0625rem;
	text-align: center;
	width: 1.375rem;
	height: 1.375rem;
	line-height: 1.375rem;
	background-image: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.filter-row .accordion-body {
	padding: 0;
}

.filter-row .accordion-body .filter-row-item {
	list-style-type: none;
	margin-bottom: 0.625rem;
	padding-left: 0.75rem;
}

.filter-row-item-link {
	font-size: 0.9375rem;
	font-weight: 400;
	color: var(--color-primary-dark);
	text-decoration: none;
}

.filter-row-item-link.active,
.filter-row-item-link:hover {
	color: var(--color-secondary);
}

.filter-row-item-link .text-muted {
	font-size: .75rem;
}

.filter-row-item .text-muted {
	font-size: 0.85rem;
}

.filter-row-item .has-child::after {
	content: "\f107";
	font-family: var(--font-icons);
	font-size: 0.875rem;
	font-weight: 300;
	text-align: center;
	width: 1.375rem;
	height: 1.375rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(var(--color-black-rgb), var(--text-opacity-10));
	color: var(--color-primary);
	line-height: 1.375rem;
}

.filter-row-item .sub-child-list {
	display: none;
	padding: 0;
	margin: 10px 0;
}

.filter-row-item .sub-child-list.sub-child-active {
	display: block;
}

.woocommerce .woocommerce-ordering {
	margin: 0;
}

.price-slider-ui {
	height: 0.1875rem;
	margin: 3.5rem 0 2rem;
	border: 0;
	background-color: var(--color-background);
	box-shadow: none;
}

.price-slider-ui .noUi-connects {
	background: #E0E0E0;
}

.price-slider-ui .noUi-handle {
	top: 50%;
	width: 1.375rem;
	height: 1.375rem;
	margin-top: -0.6875rem;
	margin-right: .5rem;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 0.125rem 0.5625rem -0.125rem rgb(0 0 0 / 25%);
}

.price-slider-ui .noUi-handle:after,
.price-slider-ui .noUi-handle:before {
	display: none;
}

.price-slider-ui .noUi-connect {
	background: var(--color-secondary);
}

.price-slider-ui .noUi-tooltip {
	padding: 0.25rem 0.5rem;
	border: 0;
	background-color: var(--color-primary);
	color: var(--color-white);
	font-size: .75rem;
	line-height: 1.2;
	border-radius: 0.25rem;
}

#button-filter {
	position: sticky;
	bottom: 10px;
}

.filter-row .filter-text {
	font-size: 0.8125rem;
	padding: .425rem .75rem;
	background-color: var(--color-white);
	border-radius: 6px;
}

.form-control.filter {
	font-size: 0.8125rem;
	padding: .425rem .75rem;
	border-radius: 6px;
}

.form-check-input:checked {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

.form-check-input:focus {
	box-shadow: none;
}

.form-option {
	padding-left: 0;
}

.form-option .form-check-input {
	border: 0;
	background: none;
}

.form-option-label {
	position: relative;
	min-width: 2rem;
	height: 2rem;
	margin-bottom: 0;
	padding-top: 0.0625rem;
	padding-right: 0.375rem;
	padding-left: 0.375rem;
	transition: color .2s ease-in-out, border-color .2s ease-in-out;
	border: 1px solid var(--color-background);
	border-radius: 0.25rem;
	color: var(--color-primary);
	font-size: .75rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.75rem;
	cursor: pointer;
}

.form-check-input:checked~.form-option-label {
	border-color: var(--color-secondary);
	color: var(--color-secondary);
}

.form-option-color {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: -0.75rem;
	margin-left: -0.75rem;
	background-position: top left;
	background-size: 1.5rem 1.5rem;
	background-repeat: no-repeat;
}

.form-option .text-muted {
	font-size: .75rem;
}

.sticky-bottom {
	position: sticky;
	bottom: 10px;
	padding: 12px 0;
}

.sort-text {
	font-size: 1rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	margin-right: 1.5rem;
	margin-bottom: 0;
}

.woocommerce-ordering input[type="radio"] {
	position: fixed;
	opacity: 0;
	pointer-events: none;
}

.woocommerce-ordering label {
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	font-size: 1rem;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
	margin: 0 1rem;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.woocommerce-ordering label.active {
	color: var(--color-primary);
	font-weight: 500;
}

.woocommerce-ordering label:hover {
	color: var(--color-primary);
}

.posts-navigation {
	display: none !important;
}

.page-load-status {
	display: none;
}

.category-blog-posts {
	background-color: var(--color-background);
	margin-top: 115px;
	padding: 104px 0 273px;
}

/* Single Product Page */
.prodSwiper {
	width: auto;
	height: 500px;
}

/* .prodThumbSwiper {
	flex-shrink: 0;
	order: -1;
	width: 88px;
	height: 500px;
	margin-right: 15px;
	padding-right: 2px;
} */
.prodThumbSwiper {
	flex-shrink: 0;
	order: -1;
	width: 88px;
	height: 390px;
	margin-top: 54px;
	margin-right: 24px;
	padding-right: 2px;
}

.prodThumbSwiper .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	border-color: var(--color-background);
	border-radius: 6px;
	transition: all .2s ease-in-out;
	overflow: hidden;
	cursor: pointer;
	height: 86px !important;
}

.prodSwiper .swiper-slide img {
	max-height: 500px;
	object-fit: cover;
}

.prodThumbSwiper .swiper-slide.swiper-slide-thumb-active {
	border-color: var(--color-secondary-hover);
}

.product-image-gallery .thumbnails-pager {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	width: 88px;
	max-height: 536px;
	height: 100%;
}

.product-image-gallery .swiper-button-next,
.product-image-gallery .swiper-button-prev {
	width: 3.125rem;
	height: 3.125rem;
	color: var(--color-primary);
	transition: all .3s ease-in-out;
	border: none;
	border-radius: 0;
	background-color: unset;
	line-height: 3.125rem;
	text-align: center;
}

.product-image-gallery .swiper-button-next:after,
.product-image-gallery .swiper-button-prev:after {
	font-size: 1rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.product-image-gallery .swiper-button-next {
	top: unset;
	bottom: 0;
	right: unset;
	left: unset;
}

.product-image-gallery .swiper-button-prev {
	top: 1.5625rem;
	bottom: unset;
	right: unset;
	left: unset;
}

.prodSwiper .swiper-slide {
	border-radius: 12px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 0;
}

.swiper-pagination-bullet {
	background-color: var(--color-primary);
	width: 10px;
	height: 10px;
	margin-right: 6px;
	margin-left: 6px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: none;
}

.swiper-pagination-bullet-active {
	background-color: var(--color-secondary);
}

.woocommerce div.product div.images .flex-control-thumbs li {
	border-radius: 0.3125rem;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	transition: border-color .2s ease-in-out;
	border: 1px solid var(--color-background);
	border-radius: 0.3125rem;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
	border-color: var(--color-secondary);
}

.woocommerce div.product form.cart .variations label {
	font-weight: 400;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
	line-height: inherit;
}

.woocommerce div.product form.cart .variations th.label label {
	font-weight: 700;
}

.product-datas .product-sku {
	font-size: 0.9375rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.product-template-default .product-datas .product-attributes {
	list-style-type: none;
	font-size: 1rem;
	padding: 0;
	margin: 0;
}

.product-template-default .product-datas .product-attributes li {
	margin-bottom: 0.5rem;
}

.product-template-default .product-datas .product-attributes li strong {
	display: inline-block;
	margin-right: 1.5rem;
}

.product-infobox a {
	color: var(--color-black);
	text-decoration: none;
}

.woocommerce div.product .sku_wrapper {
	display: none;
}

.woocommerce div.product .form-select {
	width: auto;
}

.woocommerce div.product form.cart .variations select {
	min-width: 90%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.woocommerce div.product form.cart div.quantity {
	width: auto;
	margin: 0 8px 0 0;
}

.quantity--fixed {
	display: none !important;
}

.cart-product-quantity .quantity--fixed {
	display: none !important;
}

.regiotel-product-cart-actions--card .televizia-packages__cart-added,
.regiotel-product-cart-actions--single .televizia-packages__cart-added {
	width: 100%;
}

.woocommerce div.product form.cart div.quantity .input-group-text,
.sticky-add-to-cart__content .input-group-text {
	width: min-content;
	justify-content: center;
	background: unset;
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

.woocommerce div.product form.cart div.quantity .minus,
.sticky-add-to-cart__content .minus {
	border-top-left-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
}

/* .woocommerce div.product form.cart {
	display: flex;
} */
.woocommerce div.product form.cart .button {
	flex: 1 1 auto;
}

.woocommerce div.product form.cart .button.disabled {
	pointer-events: none;
}

.woocommerce div.product form.cart .add-to-wishlist {
	background: unset;
	border-radius: 6px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	margin-left: 12px;
}

.woocommerce .quantity .qty {
	border-right: 0;
	border-left: 0;
	width: 29px;
	padding: 6px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row-reverse;
}

.woocommerce-variation-add-to-cart {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

.woocommerce-variation-add-to-cart .button {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

.single-product .product-infobox li {
	display: flex;
	margin-bottom: .6rem;
}

.single-product .product-infobox li i {
	color: var(--color-secondary);
	font-size: 1.3rem;
	width: 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--color-primary);
	font-weight: 600;
	background-color: var(--color-background);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--color-background);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	position: relative;
	font-size: 20px;
	font-weight: 400;
	padding: 19px 30px 30px;
	border-radius: 12px 12px 0 0;
	color: var(--color-third);
}

.woocommerce div.product .stock {
	font-size: 1rem !important;
	color: var(--color-success);
}

.woocommerce div.product .stock.available-on-backorder {
	color: var(--color-warning);
}

.woocommerce div.product .out-of-stock {
	color: var(--color-danger);
}

.swiper-pagination-bullet {
	background-color: var(--color-primary);
	width: 6px;
	height: 6px;
	margin-right: 6px;
	margin-left: 6px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
}

.swiper-pagination-bullet-active {
	width: 22px;
	background-color: var(--color-secondary);
}

.related-products .swiper-wrapper {
	padding-bottom: 1.5rem;
	box-sizing: inherit;
}

.trending-products {
	padding-top: 100px;
}

.trending-products .swiper-wrapper,
.upsell-products .swiper-wrapper {
	padding-bottom: 77px;
	box-sizing: inherit;
}

.related-products,
.category-section,
.small-products,
.upsell-products {
	position: relative;
	margin-bottom: 75px;
}

.category-banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	padding: 40px 48px;
	color: var(--color-white);
}

.category-banner h3 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: right;
}

.category-banner p {
	font-size: 20px;
	margin-bottom: 30px;
	max-width: 367px;
}

.categorySwiper {
	padding-right: calc(var(--bs-gutter-x)* .5);
	padding-left: calc(var(--bs-gutter-x)* .5);
}

.swiper-button-next,
.swiper-button-prev {
	width: 40px;
	height: 40px;
	color: var(--color-black);
	transition: all .3s ease-in-out;
	border: 1px solid var(--color-background);
	border-radius: 50%;
	background-color: rgba(var(--color-white-rgb), var(--text-opacity-75));
	line-height: 40px;
	text-align: center;
	top: 40%;
}

.swiper-button-next {
	right: -10px;
}

.swiper-button-prev {
	left: -10px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 14px;
}

.reviews-section .swiper-button-next,
.reviews-section .swiper-button-prev {
	top: calc(50% + 20px);
}

a[data-fancybox] img {
	cursor: zoom-in;
}

.simplebar-wrapper {
	max-height: 235px;
	overflow: auto;
	padding-right: 10px;
}

.simplebar-wrapper::-webkit-scrollbar {
	width: 3px;
}

.simplebar-wrapper::-webkit-scrollbar-thumb {
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: rgba(var(--color-black-rgb), var(--text-opacity-25));
	box-shadow: unset;
}

.simplebar-wrapper::-webkit-scrollbar-track {
	background-color: var(--color-background)
}

.gift-product-info {
	padding: 13px 24px;
	background-color: var(--color-background-secondary);
	border-radius: 12px;
	color: var(--color-primary);
}

.gift-product-info a {
	color: var(--color-primary);
	text-decoration: none;
}

.gift-product-info a:hover {
	text-decoration: underline;
}

.gift-product-info p {
	margin-bottom: 0;
}

.gift-label {
	font-size: 12px;
	font-weight: 400;
	color: var(--color-white);
	padding: 3px 6px;
	border-radius: 5px;
	background-color: var(--color-warning);
}

.gift-quantity::after {
	content: ' (ks)';
	margin-right: 10px;
}

.reviews-section {
	padding: 80px 0;
}

.reviews-section .reviewsSwiper .swiper-slide {
	border-radius: 12px;
	overflow: hidden;
	height: auto;
}

.review-box {
	background-color: var(--color-background);
	padding: 46px 40px 40px;
	text-align: center;
	height: 100%;
}

.review-box .review-box-rating i {
	color: var(--color-secondary-dark);
}

.review-box p {
	font-size: 16px;
	margin: 9px 0 20px;
}

.review-box h6 {
	font-size: 12px;
	font-weight: 400;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	text-transform: uppercase;
	letter-spacing: 3px;
}

.blog-section {
	background-color: var(--color-background);
	padding-bottom: 17.5rem;
}

.blog-box h3 {
	font-size: 1.125rem;
	margin-top: 0;
	margin-bottom: 0.75rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-primary);
}

.blog-box h3 a {
	color: var(--color-primary);
	text-decoration: none;
}

.blog-box h3 a:hover {
	color: var(--color-secondary-hover);
}

.blog-box span {
	display: inline-block;
	font-size: 0.75rem;
	margin-bottom: 0.375rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.page-title {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 28px;
}

.category-desc-wrapper {
	position: relative;
	margin-bottom: 20px;
}

.category-desc {
	max-height: 126px;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	position: relative;
}

.category-desc::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 105px;
	background: linear-gradient(to top, white, transparent);
	pointer-events: none;
	transition: opacity 0.3s ease-out;
}

.category-desc.expanded {
	max-height: 2000px;
	/* vagy bármilyen nagy érték */
}

.category-desc.expanded::before {
	opacity: 0;
}

.show-more-btn {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 14px;
	color: var(--color-third);
	font-weight: 500;
	text-decoration: underline;
}

.single-product .product-datas .product-short-desc {
	margin-bottom: 5px;
}

.single-product .product-datas .product-rating {
	display: flex;
	align-items: center;
	/* margin-top: 1.5rem; */
}

.single-product .product-datas .product-rating .star-rating {
	margin-right: 0.25rem;
	color: var(--color-secondary);
}

.woocommerce .star-rating::before {
	content: "\f005\f005\f005\f005\f005";
	font-weight: 700;
	font-family: var(--font-icons);
	color: rgba(var(--color-black-rgb), var(--text-opacity-10));
}

.woocommerce .star-rating span::before {
	content: "\f005\f005\f005\f005\f005";
	font-family: var(--font-icons);
	font-weight: 700;
}

.woocommerce .star-rating {
	font-size: 16px;
	width: 90px;
}

.single-product .product-datas .product-rating .woocommerce-review-link {
	font-size: 1rem;
	color: var(--color-black);
	text-decoration: underline;
}

.woocommerce .review-form-bg {
	background-color: var(--color-white);
	padding: 2.875rem;
	border-radius: 12px;
}

.woocommerce #reviews #comments ol.commentlist {
	padding-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	/* display: flex; */
	margin: 0;
	border: none;
	/* border-bottom: 1px solid var(--color-background); */
	/* border-radius: 0; */
	padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	float: unset;
	position: relative;
	padding: 0;
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	margin-right: .8rem;
	border-radius: 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
	font-size: .9rem;
	color: var(--color-primary);
	margin: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
	display: block;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash {
	display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
	float: unset;
	color: var(--color-secondary);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .woocommerce-review__author {
	font-weight: 500;
	margin-left: 0.75rem;
	margin-top: 0.125rem;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .woocommerce-review__published-date {
	font-size: 0.75rem;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
}

.woocommerce p.stars a {
	color: var(--color-warning);
}

/* .woocommerce #reviews #comments ol.commentlist li .comment-text .user-col {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: 23%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .text-col {
	flex: 0 0 auto;
	width: 77%;
} */
.woocommerce #review_form #respond .comment-form {
	display: flex;
	flex-direction: column;
}

.woocommerce #review_form #respond .comment-form .comment-form-author {
	order: 1;
}

.woocommerce #review_form #respond .comment-form .comment-form-email {
	order: 2;
}

.woocommerce #review_form #respond .comment-form .comment-form-rating {
	order: 3;
}

.woocommerce #review_form #respond .comment-form .comment-form-comment {
	order: 4;
}

.woocommerce #review_form #respond .comment-form .comment-form-cookies-consent {
	order: 5;
	display: flex;
	align-items: flex-start;
}

.woocommerce #review_form #respond .comment-form .comment-form-cookies-consent input {
	margin-right: 10px;
	margin-top: 5px;
}

.woocommerce #review_form #respond .comment-form .form-submit {
	order: 6;
	text-align: center;
}

.woocommerce #review_form #respond .comment-form .comment-form-author,
.woocommerce #review_form #respond .comment-form .comment-form-email,
.woocommerce #review_form #respond .comment-form .comment-form-rating,
.woocommerce #review_form #respond .comment-form .comment-form-comment {
	margin-bottom: 3rem;
	font-weight: 700;
}

.woocommerce #review_form #respond .comment-form .comment-form-rating .stars {
	display: none !important;
}

.woocommerce #review_form #respond .comment-form .comment-form-rating select {
	display: block !important;
	width: 100%;
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
}

.woocommerce #review_form #respond .comment-form label {
	display: block;
	font-size: 0.9375rem;
	margin-bottom: 0.5rem;
}

.woocommerce #review_form #respond .comment-form span.required {
	color: var(--color-secondary);
}

.woocommerce #review_form #respond textarea {
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
	border-radius: 12px;
	padding: 0.8125rem 1.5rem;
	max-width: 650px;
	height: 125px;
}

.woocommerce #review_form #respond .comment-form input[type="text"],
.woocommerce #review_form #respond .comment-form input[type="email"] {
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
	border-radius: 12px;
	font-size: 1rem;
	padding: 0.8125rem 1.5rem;
	max-width: 650px;
	width: 100%;
}

.woocommerce .woocommerce-verification-required {
	font-weight: 700;
}

.woocommerce nav.woocommerce-pagination ul {
	display: inline-block;
	white-space: nowrap;
	padding: 0;
	clear: both;
	border: none;
	border-right: 0;
	margin: 1px;
	text-align: center;
	width: 100%;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none;
	display: inline-block;
	margin: 0 3px;
}

.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(--color-primary);
	color: var(--color-white);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	width: 40px;
	height: 40px;
	padding: 10px 0;
	border-radius: 4px;
	color: var(--color-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	transition: all 0.3s ease;
}

.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
	width: auto;
	padding: 10px 15px;
}

.woocommerce-pagination {
	text-align: center;
	margin: 30px 0;
}

/* Pagination styles similar to Furbify */
.woocommerce-pagination .page-numbers {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 0;
	list-style: none;
	margin: 0;
}

.woocommerce-pagination .page-numbers li {
	margin: 3px;
}

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
	border: 1px solid #dee2e6;
	color: var(--color-primary);
	background-color: #fff;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	min-width: 40px;
	height: 40px;
	border-radius: 4px;
}

.woocommerce-pagination .page-numbers a:hover {
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.woocommerce-pagination .page-numbers .current {
	background-color: var(--color-primary);
	color: #fff;
	border-color: var(--color-primary);
}

.woocommerce-pagination .page-numbers .prev,
.woocommerce-pagination .page-numbers .next {
	padding: 0 15px;
}

.woocommerce-pagination .dots {
	background-color: transparent;
	border-color: transparent;
}

.sticky-add-to-cart {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-white);
	box-shadow: 1px -10px 1.525rem -0.375rem rgb(0 0 0 / 10%);
	padding: 15px 0;
	transform: translateY(100%);
	transition: transform 0.3s ease;
	z-index: 999;
}

.sticky-add-to-cart .stock {
	display: none;
}

.sticky-add-to-cart.visible {
	transform: translateY(0);
}

.sticky-add-to-cart__content {
	display: flex;
	align-items: center;
	gap: 20px;
}

.sticky-add-to-cart__content img {
	max-width: 60px;
	object-fit: cover;
}

.sticky-add-to-cart__text {
	flex: 1;
}

.sticky-add-to-cart__text h4 {
	margin: 0;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sticky-add-to-cart .single_add_to_cart_button {
	margin: 0;
}

.sticky-add-to-cart .quantity {
	margin: 0 8px 0 0;
}

/* Add to cart modal */
.notification .modal-content {
	border-radius: 0;
}

.notification .modal-content .btn-close {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 30px;
	height: 30px;
	font-size: 1rem;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	opacity: 1;
	z-index: 9999;
}

.notification .modal-footer {
	justify-content: space-between;
	font-size: 0.8rem;
	padding: 10px;
}

.notification .success-text div {
	color: var(--color-secondary);
	display: block;
	padding: 3px 0;
}

.notification .modal-footer .btn {
	padding: 10px 20px;
	font-size: 0.9rem;
}

.free-shipping-text {
	position: relative;
	padding: 1rem 1.6rem;
	height: 100px;
	width: 100%;
	background-color: rgba(var(--color-warning-rgb), var(--text-opacity-10));
	border-color: var(--color-warning);
	color: var(--bs-warning-text-emphasis);
	display: flex;
	justify-content: center;
	align-items: center;
}

.add-to-cart-text {
	font-weight: 500;
}

.notification .bi {
	width: 3em;
	height: 3em;
	fill: var(--color-warning);
}

/* Compare */
.compare-table .product-name {
	color: var(--color-primary);
}

.compare-modal i,
.wishlist-modal i {
	font-size: 3rem;
	color: var(--color-success);
}

.compare-modal p,
.wishlist-modal p {
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--color-success);
}

.compare-modal a,
.wishlist-modal a {
	color: var(--color-primary);
}

/* 404 page */
.display-404 {
	color: var(--color-white);
	text-shadow: -0.0625rem 0 var(--color-secondary), 0 0.0625rem var(--color-secondary), 0.0625rem 0 var(--color-secondary), 0 -0.0625rem var(--color-secondary);
}

.display-404 {
	font-size: calc(2.125rem + 10.5vw);
	font-weight: 500;
	line-height: 1;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 24px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 13px 0;
}

.wp-caption-text {
	text-align: center;
}

/* My account dashboard
--------------------------------------------- */
.dashboard-links {
	margin-top: 2rem;
}

.dashboard-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--color-primary);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.dashboard-link:hover {
	color: var(--color-primary);
	box-shadow: none !important;
}

.dashboard-link i {
	font-size: 2.8rem;
	color: var(--color-secondary);
	margin-bottom: .5rem;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
#InstaCash-calculation .pt-3 {
	flex-shrink: unset;
	width: auto;
	padding-right: 0;
	padding-left: 0;
}

/* WooCommerce
--------------------------------------------- */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border: 1px solid transparent;
	/* border-left: 10px solid rgba(0, 0, 0, 0.3); */
	font-size: 1rem;
	font-weight: 400;
	border-radius: 8px;
}

.woocommerce-info {
	background-color: rgba(var(--color-warning-rgb), var(--text-opacity-10));
	border-color: var(--color-warning);
	color: var(--bs-warning-text-emphasis);
}

.woocommerce-info a {
	color: var(--bs-warning-text-emphasis);
}

.woocommerce-message {
	background-color: rgba(var(--color-success-rgb), var(--text-opacity-10));
	border-color: var(--color-success);
	color: rgba(var(--color-success-rgb), var(--text-opacity-75));
}

.woocommerce-message a {
	color: rgba(var(--color-success-rgb), var(--text-opacity-75));
}

.woocommerce-error {
	background-color: rgba(var(--color-danger-rgb), var(--text-opacity-10));
	border-color: var(--color-danger);
	color: rgba(var(--color-danger-rgb), var(--text-opacity-75));
}

.woocommerce-error a {
	color: rgba(var(--color-danger-rgb), var(--text-opacity-75));
}

.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {
	display: none;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none;
}

.woocommerce-page .woocommerce-message .button {
	padding: 0;
	background: none;
	color: var(--color-white);
}

.woocommerce-page .woocommerce-message .button:hover {
	background: none;
	color: var(--color-white);
	text-decoration: underline;
}

/* Single Product Page */
.product-page-title {
	font-size: 34px;
	font-weight: 600;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	width: 100%;
}

.woocommerce div.product div.images .flex-control-thumbs {
	display: flex;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: 20%;
	margin-top: 5px;
	margin-right: 5px;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(5n+5) {
	margin-right: 0;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: unset;
}

/* .woocommerce div.product form.cart .variations select,
.woocommerce div.product form.cart .reset_variations {
	display: none !important;
} */
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
	display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	background-image: linear-gradient(var(--color-background-secondary), var(--color-background-secondary));
	padding: 0;
	background-position: 0 100%;
	background-size: 100% 1px;
	background-repeat: no-repeat;
	margin: 5rem 0 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
	background-color: var(--color-background);
	padding: 33px 48px 48px;
	border-radius: 0 0 12px 12px;
}

.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel li {
	font-size: 18px;
}

.woocommerce div.product p.stock {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: none;
	background-color: transparent;
	border-radius: 0;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
	margin-left: 0;
}

.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
	border-bottom: 1px solid var(--color-white);
}

.woocommerce table.shop_attributes {
	border-top: 1px solid var(--color-white);
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
	background: var(--color-white);
}

.woocommerce table.shop_attributes th {
	font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	font-size: 1.5rem;
}

.product-card .color-variations,
.single-product .color-img-variations {
	margin: 12px 0 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.product-card .color-swatch {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid var(--color-background-secondary);
	padding: 2px;
	transition: all 0.3s ease;
}

.single-product .color-img-swatch {
	display: inline-block;
	border: 1px solid transparent;
	transition: all 0.3s ease;
}

.single-product .color-img-swatch:hover {
	border: 1px solid var(--color-background-secondary);
}

.single-product .color-img-swatch.active {
	border: 1px solid var(--color-primary);
}

.product-card .color-swatch span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.product-card .color-swatch:hover {
	transform: scale(1.1);
}


/* Cart @ checkout */
.checkout-stepper {
	position: relative;
	z-index: 0;
	width: 100%;
}

.checkout-stepper .step-list {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 0;
}

.checkout-stepper .step {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.checkout-stepper .step:first-child,
.checkout-stepper .step:last-child {
	min-width: 96px;
}

.checkout-stepper .step-circle-wrapper {
	z-index: 2;
	background-color: rgb(var(--color-white-rgb));
	padding-left: 8px;
	padding-right: 8px;
}

.checkout-stepper .step:first-child .step-circle-background {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 40px;
	width: 50%;
	background-color: rgb(var(--color-white-rgb));
}

.checkout-stepper .step:last-child .step-circle-background {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 40px;
	width: 50%;
	background-color: rgb(var(--color-white-rgb));
}

.checkout-stepper .step-circle {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.25px;
	display: flex;
	height: 40px;
	width: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid transparent;
	border-color: rgba(var(--color-secondary-rgb), var(--text-opacity-10));
	color: rgba(var(--color-secondary-rgb), var(--text-opacity-10));
}

.checkout-stepper .step.current .step-circle {
	border-color: transparent;
	background-color: rgba(var(--color-secondary-rgb), var(--text-opacity-10));
	color: var(--color-secondary-dark);
}

.checkout-stepper .step-label {
	font-size: .9rem;
	text-align: center;
	color: rgba(var(--color-black-rgb), var(--text-opacity-75));
	margin-top: 8px;
}

.checkout-stepper .text-link {
	font-size: .9rem;
	font-weight: 400;
	text-decoration-line: none;
	color: var(--color-primary);
}

.checkout-stepper .text-link.disabled {
	pointer-events: none;
}

.checkout-stepper .line {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: -2;
	height: 1px;
	width: 100%;
	background-color: rgba(var(--color-secondary-rgb), var(--text-opacity-10));
}

.checkout-box-bg {
	padding: 24px;
	box-shadow: 0 0.125rem 0.3rem -0.0625rem rgb(0 0 0 / 3%), 0 0.275rem 0.75rem -0.0625rem rgb(0 0 0 / 6%) !important;
	border-radius: 12px;
	margin-bottom: 24px;
}

.checkout-icon {
	font-size: 26px;
	background-color: var(--color-background-secondary);
	border-radius: 6px;
	padding: 8px;
	width: 40px;
	height: 40px;
	margin-right: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-secondary-dark);
}

.woocommerce ul#shipping_method li,
.wc_payment_methods.payment_methods li {
	display: block;
	align-items: center;
	padding: 12px;
	background: transparent;
	border: 1px var(--color-background-secondary) solid;
	border-radius: 6px;
	cursor: pointer;
	transition: all 250ms ease-in-out;
	opacity: 1;
}

.woocommerce ul#shipping_method li.selected,
.wc_payment_methods.payment_methods li.selected {
	/*transform: translateX(-0.5em);*/
	background-color: var(--color-background-secondary);
	border: 1px solid var(--color-secondary);
	opacity: 1;
}

.wc_payment_methods.payment_methods {
	padding-left: 0;
	list-style-type: none;
}

.wc_payment_methods.payment_methods li {
	margin-bottom: 12px;
}

.wc_payment_methods.payment_methods li .payment_box {
	display: none !important;
}

.checkout-box-bg .woocommerce-form__label.woocommerce-form__label-for-checkbox,
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 16px;
	cursor: pointer;
	padding: 14px 10px;
	vertical-align: middle;
	align-content: center;
	margin: 0 !important;
	line-height: 1 !important;
	background: var(--color-background);
	border-radius: 6px;
	font-weight: 500;
}

.checkout-box-bg .woocommerce-form__label.woocommerce-form__label-for-checkbox input {
	margin-right: 10px;
}

.checkout-sticky {
	position: sticky;
	top: 120px;
}

.woocommerce ul#shipping_method li label {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.woocommerce-checkout .checkout .checkout-inline-error-message {
	max-width: max-content;
	position: relative;
	background-color: #cd0204;
	color: #fff;
	padding: 4px 8px;
	font-size: 0.8em;
	margin-top: 10px;
	font-weight: 700 !important;
	border-radius: 5px;
	line-height: 1.5;
}

.woocommerce-checkout .checkout .checkout-inline-error-message::after {
	content: "";
	position: absolute;
	top: -7px;
	left: 20px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #cd0204;
	border-left: 0.5;
	border-right: 0.5;
	border-top: 0;
}

.woocommerce-checkout .order-total {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 25px;
	margin-bottom: 15px;
	padding: 15px;
	background: var(--color-white);
	border: 1px solid var(--color-secondary);
	border-radius: 12px;
}

.woocommerce-checkout .order-total-title {
	font-size: 20px;
	font-weight: 700;
}

.woocommerce-checkout .order-total-value {
	font-size: 24px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.woocommerce-checkout .order-total-value .includes_tax {
	font-size: 16px;
}

.sticky-cart-subtotal {
	position: sticky;
	top: 120px;
}

/* Szállítási módok egyedi stílusai */
.woocommerce-shipping-methods li label {
	display: flex;
	width: 100%;
	cursor: pointer;
	margin: 0;
}

.woocommerce-shipping-methods .method__content {
	display: flex;
	width: 100%;
	align-items: center;
}

.woocommerce-shipping-methods .method__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: var(--color-secondary-dark);
}

.wc_payment_methods .method__logo {
	display: block;
	color: var(--color-secondary-dark);
}

.wc_payment_methods .method__logo img {
	height: 20px;
	width: auto;
	max-width: unset;
}

.woocommerce ul#shipping_method li input,
.wc_payment_methods.payment_methods li input {
	margin: 8px .4375em 0 0;
}

.woocommerce-shipping-methods .method__name {
	flex: 1;
	font-weight: 500;
}

.woocommerce-shipping-methods .method__cost {
	flex: 0 0 auto;
	font-weight: bold;
}

.woocommerce-shipping-methods .input-radio {
	margin-right: 10px;
	min-width: 18px;
}

/* Fizetési módok stílusai */
.wc_payment_methods li {
	margin-bottom: 10px;
	border-radius: 10px;
	transition: all 0.2s ease;
}

.wc_payment_methods li:hover {
	background-color: var(--color-background-secondary);
}

.wc_payment_methods li label.payment-method {
	display: flex;
	width: 100%;
	cursor: pointer;
	margin: 0;
	position: relative;
}

.wc_payment_methods .method__content {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.wc_payment_methods .instructions_wrapper {
	/*display: flex;*/
	align-items: center;
	flex: 1;
}

.wc_payment_methods .method__name {
	font-weight: 500;
	display: block;
}

.wc_payment_methods .method__cost {
	margin-left: auto;
	flex: 0 0 auto;
	padding-left: 10px;
}

.wc_payment_methods .input-radio {
	margin-right: 10px;
	min-width: 20px;
}

.wc_payment_methods .payment_box {
	padding: 10px;
	margin: 0 0 0 30px;
	background-color: var(--color-background-secondary);
	border-radius: 5px;
	font-size: 14px;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
	width: auto;
}

.woocommerce a.remove,
.woocommerce-remove-coupon {
	display: inline-block;
	font-weight: 400;
	color: rgba(var(--color-danger-rgb), var(--text-opacity-75)) !important;
	width: auto;
	height: auto;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
}

.woocommerce a.remove:hover {
	color: rgba(var(--color-primary-rgb), var(--text-opacity-75)) !important;
	background-color: unset !important;
}

.cart-product-details .add-to-wishlist {
	font-weight: 400;
	color: rgba(var(--color-primary-rgb), var(--text-opacity-75)) !important;
	font-size: 14px;
	text-decoration: none;
}

.cart-product-details .added-to-wishlist i {
	color: rgba(var(--color-primary-rgb), var(--text-opacity-75)) !important;
}

.woocommerce table.shop_table td a {
	text-decoration: none;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
	width: 85px;
}

.woocommerce a.button.alt,
.woocommerce-checkout .woocommerce button.button.alt {
	width: 100%;
}

.woocommerce-checkout h3 input {
	font-size: 1rem;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	float: unset;
	width: 100%;
}

.woocommerce-page .cart-collaterals {
	border-radius: 8px;
}

.woocommerce table.shop_table th {
	font-weight: 500;
}

.woocommerce ul#shipping_method .amount,
.woocommerce-cart .cart-collaterals .cart_totals strong {
	font-weight: 500;
}

.woocommerce table.shop_table {
	border: none;
	margin: 0;
}

.cart-product-img {
	width: 100px;
	text-align: center;
}

.cart-product-img img {
	max-width: 100px;
}

.cart-product-details .cart-product-name {
	color: var(--color-primary);
	text-decoration: none;
}

.cart-product-quantity {
	width: 100%;
	margin-left: 20px;
	max-width: 250px;
}

.cart-product-quantity .input-group-text {
	background-color: unset;
}

.cart-product-quantity .quantity {
	width: auto;
	margin: 0 12px 0 0;
}

.cart-product-quantity .quantity .input-group-text {
	width: min-content;
	justify-content: center;
	background: unset;
	border: 1px solid rgba(var(--color-black-rgb), var(--text-opacity-10));
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

.cart-product-quantity .quantity .minus {
	border-top-left-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
}

.tax_label {
	display: none
}

.cart-product-quantity .cart-product-price {
	color: var(--color-third);
	font-weight: 500;
}

.woocommerce form.checkout_coupon {
	padding: 0;
	border: none;
	margin: 0;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	border: none;
	padding: 0;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	padding: 0;
	padding-left: 28px;
	font-size: .85rem;
	margin: 0 0 7px 0;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
	padding-top: 7px;
	line-height: 1.6;
}

#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
	margin: 4px .4375em .75em 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment,
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background: none;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding-left: 0;
	padding-right: 0;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot strong {
	font-weight: 500;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
	width: 49%;
}

.woocommerce table.shop_table th.product-total,
.woocommerce table.shop_table td.product-total,
.woocommerce table.shop_table tfoot .cart-subtotal td,
.woocommerce table.shop_table tfoot .cart-discount td,
.woocommerce table.shop_table tfoot .order-total td,
.woocommerce table.shop_table tfoot .fee td {
	text-align: right;
	width: 34%;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	padding-left: 3px;
	width: 100%;
}

.woocommerce ul#shipping_method {
	font-weight: 400;
}

.woocommerce table.shop_table td small.includes_tax {
	display: block;
	font-size: 12px;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
	padding: 20px 0 0;
}

/*.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	padding-left: 3px;
	width: 100%;
}*/
.woocommerce-order-received .card p {
	color: rgba(var(--color-black-rgb), var(--text-opacity-75));
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: none;
}

.woocommerce-order .woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-order-downloads {
	display: none;
}

.pickup-location {
	color: #666;
	font-style: italic;
}

/*label[for="shipping_method_0_flat_rate3"]::before {
	content: "";
	display: inline-block;
	width: 70px;
	height: 35px;
	background-image: url(./img/auto.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -10px;
	left: 0;
}
label[for="shipping_method_0_flat_rate2"]::before {
	content: "";
	display: inline-block;
	width: 70px;
	height: 35px;
	background-image: url(./img/auto.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -10px;
	left: 0;
}
label[for="shipping_method_0_local_pickup4"]::before {
	content: "";
	display: inline-block;
	width: 70px;
	height: 35px;
	background-image: url(./img/personal.svg);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -10px;
	left: 0;
}
.woocommerce ul#shipping_method li label,
#add_payment_method #payment ul.payment_methods li label,
.woocommerce-cart #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li label {
	padding-left: 75px;
	position: relative;
}
.woocommerce ul#shipping_method li {
	margin: 0 0 18px;
}
label[for="payment_method_cod"]::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 35px;
	background-image: url(./img/payment_3000.svg);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -10px;
	left: 0;
}
label[for="payment_method_bacs"]::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 35px;
	background-image: url(./img/payment_3202.svg);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -10px;
	left: 0;
}
label[for="payment_method_cash_payment"]::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 35px;
	background-image: url(./img/payment_cash.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -10px;
	left: 0;
}*/
/* .woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table {
	border: none;
} */
/* .woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	padding-left: 0;
} */
/* .woocommerce-shipping-totals {
	display: flex;
	flex-direction: column;
} */
/* #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: unset;
} */
/* #add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	padding: 0;
	border: none;
} */
/* #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: #f9f9f9;
}
#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 #f9f9f9;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
} */

/* Account */
.woocommerce-account .woocommerce-MyAccount-navigation {
	border-radius: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--color-background);
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	color: var(--color-primary);
	text-decoration: none;
}

.woocommerce-MyAccount-navigation li a::before {
	font-family: var(--font-icons);
	font-weight: 300;
	margin-right: 10px;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before {
	content: "\f625";
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before {
	content: "\f290";
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before {
	content: "\f3c5";
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before {
	content: "\f007";
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	content: "\f08b";
}

.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
	color: var(--color-secondary);
}

/* Contact Form 7
--------------------------------------------- */
/* Contact page */
.contact-page .wpcf7-form {
	padding: 2.875rem;
	background-color: var(--color-background);
	border-radius: 12px;
}

.contact-page .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: var(--color-white);
	background-clip: border-box;
	border: none;
	border-radius: 0.4375rem;
}

.contact-page .card a {
	text-decoration: none;
}

.contact-page .contact-box-row {
	margin-bottom: 6.25rem;
}

.contact-page .contact-box {
	font-size: 0.875rem;
	margin-bottom: 3.6875rem;
}

.contact-page .contact-box h5 {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0 0 0.625rem;
}

.contact-page .contact-box i {
	font-size: 2.25rem;
	width: 2.25rem;
	color: var(--color-secondary);
}

.contact-page .contact-box a {
	color: var(--color-primary);
	text-decoration: none;
}

.contact-page .contact-box a:hover {
	color: var(--color-secondary);
}

.form-group label {
	margin-bottom: 0.375rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-primary);
}

.form-group label span {
	color: var(--color-danger);
}

.form-group .wpcf7-not-valid {
	border-color: var(--color-danger);
}

.codedropz-upload-inner h3 {
	font-size: 20px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2rem 0.5rem 1rem;
	padding: 0.6rem 1rem;
	background-color: var(--color-info);
	border: 2px solid var(--color-info);
	color: var(--color-white);
	text-align: center;
	border-radius: 6px;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: var(--color-success);
	border-color: var(--color-success);
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: var(--color-danger);
	border-color: var(--color-danger);
}

.wpcf7 form.spam .wpcf7-response-output {
	background-color: var(--color-warning);
	border-color: var(--color-warning);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background-color: var(--color-warning);
	border-color: var(--color-warning);
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: var(--color-danger);
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid var(--color-danger);
	background: var(--color-danger);
	;
	color: var(--color-white);
	padding: .2em .8em;
	width: 24em;
}

/** Light color-scheme **/
:root {
	--cc-bg: #fff;
	--cc-text: #18252D;
	--cc-btn-primary-bg: var(--color-secondary);
	--cc-btn-primary-text: var(--cc-bg);
	--cc-btn-primary-hover-bg: var(--color-secondary-hover);
	--cc-btn-secondary-bg: #eaeff2;
	--cc-btn-secondary-text: var(--cc-text);
	--cc-btn-secondary-hover-bg: #d8e0e6;
	--cc-toggle-bg-off: #919ea6;
	--cc-toggle-bg-on: var(--cc-btn-primary-bg);
	--cc-toggle-bg-readonly: #d5dee2;
	--cc-toggle-knob-bg: #fff;
	--cc-toggle-knob-icon-color: #ecf2fa;
	--cc-block-text: var(--cc-text);
	--cc-cookie-category-block-bg: #f0f4f7;
	--cc-cookie-category-block-bg-hover: #e9eff4;
	--cc-section-border: #f1f3f5;
	--cc-cookie-table-border: #e9edf2;
	--cc-overlay-bg: rgba(4, 6, 8, .85);
	--cc-webkit-scrollbar-bg: #cfd5db;
	--cc-webkit-scrollbar-bg-hover: #9199a0;
	--cc-btn-border-radius: 12px;
}

.c-settings-btn {
	position: fixed;
	left: 10px;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px;
	background-color: var(--cc-btn-primary-bg);
	color: var(--cc-bg);
	font-size: 0.8rem;
	border: none;
	transition: all .2s ease-in-out;
	z-index: 100;
}

.c-settings-btn:hover {
	background-color: var(--cc-btn-primary-hover-bg);
}

/** END IE FIXES **/


/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 24px;
	margin-bottom: 24px;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 24px;
	margin-bottom: 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}

.grecaptcha-badge {
	display: none !important;
}

/*--------------------------------------------------------------
# Home v2 + Header v2 + Footer v2 (Figma)
--------------------------------------------------------------*/

.site-stuck {
	padding-top: 140px;
}

.site-header--v2 .site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0;
	gap: 1rem;
}

.site-header--v2 .site-header__logo img {
	max-height: 71px;
	width: auto;
}

.site-header--v2 .site-header__nav {
	flex: 1;
	justify-content: center;
}

.site-header--v2 .site-header__menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0px 48px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-header--v2 .site-header__menu>li>a {
	font-family: var(--font-secondary);
	font-size: 1.125rem;
	font-weight: 500;
	color: var(--color-third);
	text-decoration: none;
	padding: 0.5rem 0;
}

.site-header--v2 .site-header__menu li.header-internet a::before,
.mobile-menu--v2 .site-header__menu li.header-internet a::before {
	content: "\e67d";
	font-family: var(--font-icons);
	display: inline-block;
	margin-right: 6px;
	font-size: 18px;
	font-weight: 600;
	color: #7EB931;
}

.site-header--v2 .site-header__menu li.header-tv a::before,
.mobile-menu--v2 .site-header__menu li.header-tv a::before {
	content: "\f26c";
	font-family: var(--font-icons);
	display: inline-block;
	margin-right: 6px;
	font-size: 18px;
	font-weight: 600;
	color: #7EB931;
}

.site-header--v2 .site-header__menu li.header-telefon a::before,
.mobile-menu--v2 .site-header__menu li.header-telefon a::before {
	content: "\f095";
	font-family: var(--font-icons);
	display: inline-block;
	margin-right: 6px;
	font-size: 18px;
	font-weight: 600;
	color: #7EB931;
}

.site-header--v2 .site-header__menu li.my-regiotel a::after,
.mobile-menu--v2 .site-header__menu li.my-regiotel a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #7EB931;
	border-radius: 50%;
	margin-left: 6px;
	transform: translateY(-4px);
}

.site-header--v2 .site-header__menu>li>a:hover {
	color: #7EB931;
}

.site-header--v2 .site-header__menu>li {
	position: relative;
}

.site-header--v2 .site-header__menu>li.current-menu-item::after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -46px;
	left: -24px;
	width: calc(100% + 48px);
	height: 8px;
	background: #7EB931;
	border-radius: 30px;
}

.site-header--v2 .site-header__tools {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-shrink: 0;
}

.site-header--v2 .site-header__cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	color: var(--color-third);
	text-decoration: none;
	font-size: 1.25rem;
}

.site-header--v2 .site-header__cart-count {
	position: absolute;
	top: -2px;
	right: -6px;
	min-width: 1.125rem;
	height: 1.125rem;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--color-secondary-dark);
	color: var(--color-white);
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.125rem;
	text-align: center;
}

.site-header--v2 .site-header__cart-count.is-empty {
	display: none;
}

.site-header--v2 .site-header__cart-count--pulse {
	animation: televizia-header-cart-pulse 0.45s ease;
}

@keyframes televizia-header-cart-pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.18);
	}

	100% {
		transform: scale(1);
	}
}

.site-header--v2 .site-header__toggle {
	border: 0;
	background: transparent;
	font-size: 1.5rem;
	color: var(--color-third);
	padding: 0.25rem;
}

/* Hero */
.home-hero-v2 {
	position: relative;
}

.home-hero-v2 .carousel,
.home-hero-v2 .carousel-inner,
.home-hero-v2 .carousel-item {
	border-radius: 24px;
	min-height: clamp(420px, 55vw, 784px);
}

.home-hero-v2__slide {
	min-height: clamp(500px, 55vw, 784px);
	background-size: cover;
	background-position: center right;
	background-color: var(--color-primary);
	display: flex;
	align-items: center;
	position: relative;
}

.home-hero-v2__content {
	position: relative;
	z-index: 1;
	max-width: 656px;
	color: var(--color-white);
}

.home-hero-v2__eyebrow {
	font-family: var(--font-secondary);
	font-size: clamp(2.1rem, 3vw, 60px);
	font-weight: 700;
	color: var(--color-white);
}

.home-hero-v2__title {
	font-family: var(--font-secondary);
	font-size: clamp(2.1rem, 3vw, 60px);
	font-weight: 700;
	margin-bottom: 40px;
	background-image: linear-gradient(to bottom, var(--color-secondary), var(--color-secondary-dark));
	color: transparent;
	background-clip: text;
}

.home-hero-v2__text {
	font-size: 20px;
	margin-bottom: 75px;
}

.home-hero-v2__indicators {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}

.home-hero-v2__indicators [data-bs-target] {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 0;
	background: rgba(var(--color-white-rgb), 0.45);
}

.home-hero-v2__indicators .active {
	background: var(--color-white);
	width: 16px;
	height: 16px;
}

/* Pulse orb – hero ↔ services */
.home-pulse-orb {
	position: relative;
	height: 0;
	z-index: -1;
	pointer-events: none;
}

.home-pulse-orb__circle {
	position: absolute;
	left: 50%;
	top: 0;
	width: clamp(220px, 70vw, 1316px);
	height: clamp(220px, 70vw, 1316px);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	/*background: radial-gradient(
		circle,
		rgba(126, 185, 49, 0.20) 0%,
		rgba(126, 185, 49, 0.15) 38%,
		rgba(126, 185, 49, 0.07) 62%,
		transparent 72%
	);*/
	background: radial-gradient(50% 50% at 50% 50%, #7EB931 0%, rgba(126, 185, 49, 0.00) 100%);
	opacity: 0.2;
}

@keyframes home-pulse-orb {

	0%,
	100% {
		transform: translate(-50%, -50%) scale(0.92);
		opacity: 0.5;
	}

	50% {
		transform: translate(-50%, -50%) scale(1.08);
		opacity: 1;
	}
}

.top-orb .home-pulse-orb__circle {
	transform: translate(-21%, -15%);
}

/* Services */
.home-services {
	padding: 190px 0 110px;
	position: relative;
	z-index: 2;
}

.home-services__card {
	background: var(--color-white);
	border-radius: 30px;
	border: 1px solid transparent;
	padding: 113px 50px 50px;
	min-height: 100%;
	/*box-shadow: 0 30px 30px rgba(var(--color-secondary-rgb), 0.12);*/
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.home-services__icon {
	position: absolute;
	top: -92px;
	left: 50%;
	transform: translateX(-50%);
	width: 160px;
	height: 160px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	color: var(--color-white);
}

.home-services__card--internet .home-services__icon {
	background: linear-gradient(to bottom, var(--color-secondary), var(--color-secondary-dark));
}

.home-services__card--tv .home-services__icon {
	background: linear-gradient(to bottom, var(--color-primary-dark), var(--color-primary-hover));
}

.home-services__card--phone .home-services__icon {
	background: linear-gradient(to bottom, #FFCD00, var(--color-warning));
}

.home-services__title {
	font-family: var(--font-secondary);
	font-size: 1.625rem;
	font-weight: 700;
	margin-bottom: 0.75rem;
}

.home-services__desc {
	color: #5b5b5b;
	font-size: 20px;
	margin-bottom: 1.25rem;
}

.home-services__list {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem;
	text-align: left;
}

.home-services__list li {
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: 0.5rem;
	font-weight: 500;
}

.home-services__list li::before {
	content: "\f00c";
	font-family: var(--font-icons);
	font-weight: 400;
	position: absolute;
	left: 0;
	top: 0.1rem;
}

.home-services__card--internet .home-services__list li::before {
	color: var(--color-secondary-dark);
}

.home-services__card--tv .home-services__list li::before {
	color: var(--color-primary-hover);
}

.home-services__card--phone .home-services__list li::before {
	color: var(--color-warning);
}

.home-services__link {
	font-family: var(--font-secondary);
	font-weight: 700;
	text-decoration: underline;
}

.home-services__card--internet .home-services__link {
	color: var(--color-secondary-dark);
}

.home-services__card--tv .home-services__link {
	color: var(--color-primary-hover);
}

.home-services__card--phone .home-services__link {
	color: var(--color-warning);
}

.home-services__card--internet:hover {
	border: 1px solid var(--color-secondary-dark);
	box-shadow: 0 30px 30px rgba(var(--color-secondary-rgb), 0.25);
}

.home-services__card--tv:hover {
	border: 1px solid var(--color-primary-hover);
	box-shadow: 0 30px 30px rgba(var(--color-primary-hover-rgb), 0.25);
}

.home-services__card--phone:hover {
	border: 1px solid var(--color-warning);
	box-shadow: 0 30px 30px rgba(var(--color-warning-rgb), 0.25);
}

/* Availability */
.home-availability {
	position: relative;
	padding: 3rem 0;
	background: url(img/availability-bg.jpg) center / cover no-repeat;
	border-radius: 30px;
	scroll-margin-top: 150px;
}

.home-availability__box {
	padding: 3rem 2rem;
	text-align: center;
	color: var(--color-white);
}

.home-availability__title {
	font-family: var(--font-secondary);
	font-size: clamp(1.75rem, 3vw, 3.125rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.home-availability__titleh3 {
	font-size: 1.5rem;
}

.home-availability__desc {
	font-size: 20px;
	color: var(--color-white);
	margin: 0 auto 44px;
	max-width: 665px;
}

.form-select {
	height: 50px;
	border-radius: 10px;
	border-color: var(--color-background);
}

.home-availability__cta {
	border-radius: 2rem;
	padding: 0.85rem 2rem;
}

/* Why */
.home-why {
	padding: 114px 0 148px;
}

.home-why__media {
	position: relative;
}

.home-why__media img {
	position: relative;
	z-index: 1;
	border-radius: 50%;
	width: 100%;
	max-width: 540px;
	display: block;
	margin: 0 auto;
}

.home-why__media::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: clamp(220px, 70vw, 600px);
	height: clamp(220px, 70vw, 600px);
	border: 2px solid var(--color-white);
	pointer-events: none;
	border-radius: 50%;
	z-index: 0;
}

.home-why__title {
	font-family: var(--font-secondary);
	font-size: clamp(2rem, 3vw, 3.125rem);
	font-weight: 700;
	margin-bottom: 1rem;
}

.home-why__desc {
	font-size: 20px;
	color: #5b5b5b;
	margin-bottom: 27px;
	max-width: 465px;
}

.home-why__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.home-why__list li {
	display: flex;
	gap: 0.75rem;
	padding: 17px 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
}

.home-why__list li:last-child {
	border-bottom: none;
}

.home-why__list li i {
	color: var(--color-secondary-dark);
	font-size: 1.25rem;
	margin-top: 0.15rem;
}

/* Steps */
.home-steps {
	position: relative;
	padding: 87px 0 103px;
	background: linear-gradient(90deg, var(--color-primary), var(--color-primary-hover));
	border-radius: 30px;
}

.home-steps::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(img/steps-bg.png) center / cover no-repeat;
	pointer-events: none;
}

.home-steps__box {
	position: relative;
	color: var(--color-white);
}

.home-steps__title {
	font-family: var(--font-secondary);
	font-size: clamp(2rem, 3vw, 3.125rem);
	font-weight: 700;
	margin-bottom: 0.75rem;
}

.home-steps__divider {
	width: 51vw;
	height: 1px;
	background: repeating-linear-gradient(to right, rgba(255, 255, 255, .8) 0 8px, transparent 8px 44px);
	position: absolute;
	top: 64%;
	left: 106px;
	z-index: 0;
}

.home-steps__desc {
	font-size: 20px;
	max-width: 445px;
	margin: 0 auto 70px;
}

.home-steps__item {
	position: relative;
	padding: 0 1rem;
}

.home-steps__number {
	position: absolute;
	top: 50px;
	left: 83px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--color-secondary);
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-size: 30px;
	font-weight: 900;
}

.home-steps__icon {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: var(--color-white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 23px;
}

.home-steps__item-title {
	font-size: 1.375rem;
	font-weight: 700;
	margin-bottom: 0.35rem;
}

.home-steps__item-text {
	font-size: 1.125rem;
	margin: 0;
	opacity: 0.95;
}

/* Contact */
.home-contact {
	padding: 177px 0 208px;
	background-image: url(img/contact-bg.png);
	background-size: auto;
	background-position: 79% -16%;
	background-repeat: no-repeat;
}

.home-contact__title {
	font-family: var(--font-secondary);
	font-size: clamp(2rem, 3vw, 3.125rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.home-contact__desc {
	font-size: 20px;
	color: #5b5b5b;
	margin-bottom: 23px;
}

.home-contact__list {
	margin-bottom: 48px;
}

.home-contact__list li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 17px 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
	color: var(--color-black);
}

.home-contact__list li:last-child {
	border-bottom: none;
}

.home-contact__list li p {
	margin-bottom: 0;
}

.home-contact__list i {
	color: var(--color-secondary-dark);
	font-size: 1.25rem;
	margin-top: 0.15rem;
}

.home-contact__list a {
	color: inherit;
	font-weight: 700;
	text-decoration: none;
}

.home-contact__cta {
	border-radius: 2rem;
	margin-top: 1rem;
	padding: 0.85rem 1.75rem;
}

.home-contact__hardware {
	text-align: center;
}

.home-contact__hardware img {
	width: auto;
	margin-top: -81px;
}

/*--------------------------------------------------------------
# INTERNET subpage (Figma node 10272:2)
--------------------------------------------------------------*/
.page-template-page-internet .internet-hero,
.page-template-page-telefon .internet-hero {
	padding-top: 120px;
}

/* ===== HERO ===== */
.internet-hero {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	padding-bottom: 70px;
	background: linear-gradient(90deg, #070e1e 0%, var(--color-primary) 100%);
	background-size: cover;
	background-position: center;
	color: var(--color-white);
}

.internet-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 60%);
	pointer-events: none;
}

.internet-hero .container-xl {
	position: relative;
	z-index: 1;
}

.internet-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	color: var(--color-secondary);
	font-size: 18px;
	font-family: var(--font-secondary);
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.internet-hero__eyebrow i {
	font-size: 20px;
}

.internet-hero__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(2.5rem, 4vw, 60px);
	line-height: 1.15;
	margin-bottom: 1.5rem;
	color: var(--color-white);
}

.internet-hero__title-line {
	display: block;
}

.internet-hero__description {
	font-size: 20px;
	line-height: 1.6;
	max-width: 587px;
	color: var(--color-white);
	opacity: 0.95;
}

.internet-hero__col-right {
	margin-top: 1rem;
}

.internet-hero__form {
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	border-radius: 20px;
	padding: 48px 36px;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	margin-bottom: 84px;
}

.internet-hero__form-field {
	position: relative;
	width: 100%;
}

.internet-hero__select {
	width: 100%;
	/*background: rgba(255, 255, 255, 0.85);*/
	border: 1px solid #a9a9a9;
	border-radius: 10px;
	padding: 0.75rem 1rem;
	height: 50px;
	color: #2b2a29;
	font-size: 16px;
}

.internet-hero__select:disabled {
	background: rgba(255, 255, 255, 0.65);
	color: #6c6c6c;
	cursor: not-allowed;
}

.internet-hero__cta {
	margin-top: 0.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	background: var(--color-black);
	color: var(--color-white);
	border: 0;
	border-radius: 31px;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
	padding: 0 2rem;
	transition: all 0.2s ease;
	box-shadow: 0 3px 23px 3px rgba(126, 185, 49, 0.25);
}

.internet-hero__cta:hover,
.internet-hero__cta:focus {
	background: var(--color-third);
	color: var(--color-secondary);
	transform: translateY(-1px);
}

/* ===== BENEFITS ===== */
.internet-benefits {
	/*margin-top: 84px;*/
}

.internet-benefits__card {
	text-align: center;
	padding: 0 0.5rem;
	color: var(--color-white);
}

.internet-benefits__icon {
	width: 133px;
	height: 133px;
	margin: 0 auto 1.25rem;
	border-radius: 50%;
	background: linear-gradient(to bottom, var(--color-secondary), var(--color-secondary-dark));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-white);
	font-size: 3rem;
}

.internet-benefits__icon.benefits__icon--green {
	background: linear-gradient(to bottom, var(--color-secondary), var(--color-secondary-dark));
}

.internet-benefits__icon.benefits__icon--purple {
	background: linear-gradient(to bottom, var(--color-primary-hover), var(--color-primary-dark));
}

.internet-benefits__icon.benefits__icon--yellow {
	background: linear-gradient(to bottom, var(--color-warning), var(--color-third-hover));
}

.internet-benefits__icon.benefits__icon--blue {
	background: linear-gradient(to bottom, var(--color-info), #088E9F);
}

.internet-benefits__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 0.5rem;
	color: var(--color-white);
}

.internet-benefits__text {
	font-size: 16px;
	opacity: 0.8;
	margin: 0;
	max-width: 312px;
	margin-left: auto;
	margin-right: auto;
}

/* ===== PRICING ===== */
.internet-pricing {
	position: relative;
	padding: 120px 0 100px;
	overflow: hidden;
}

.internet-pricing__orb {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1316px;
	height: 1316px;
	max-width: 90vw;
	max-height: 90vw;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(126, 185, 49, 0.22) 0%,
			rgba(126, 185, 49, 0.10) 40%,
			rgba(126, 185, 49, 0.05) 62%,
			transparent 72%);
	z-index: 0;
	pointer-events: none;
}

.internet-pricing .container-xl {
	position: relative;
	z-index: 1;
}

.internet-pricing__header {
	margin-bottom: 4rem;
}

.internet-pricing__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(1.875rem, 3vw, 50px);
	line-height: 1.28;
	margin-bottom: 1.5rem;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.internet-pricing__description {
	font-size: 20px;
	color: #5b5b5b;
	max-width: 761px;
	margin-left: auto;
	margin-right: auto;
}

.internet-pricing__grid,
.telefon-pricing__grid {
	margin-bottom: 76px;
}

.internet-pricing__card::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
	transition: all 0.3s ease;
}

.internet-pricing__card {
	position: relative;
	background: var(--color-white);
	border-radius: 30px;
	padding: 42px 42px 60px;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
}

.internet-pricing__card:hover {
	box-shadow: 0 30px 60px rgba(126, 185, 49, 0.2);
	margin-top: -4px;
}

.internet-pricing__card--highlight {
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	border-color: transparent;
	color: var(--color-white);
	box-shadow: 0 30px 30px rgba(126, 185, 49, 0.25);
}

.internet-pricing__name {
	font-family: var(--font-secondary);
	font-weight: 900;
	font-size: 40px;
	line-height: 1.2;
	color: #7EB931;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
}

.internet-pricing__card--highlight .internet-pricing__name {
	color: var(--color-white);
}

.internet-pricing__subtitle {
	font-size: 16px;
	color: #525252;
	margin-bottom: 1.5rem;
}

.internet-pricing__card--highlight .internet-pricing__subtitle {
	color: var(--color-white);
}

.internet-pricing__speed {
	position: relative;
	margin: 0 auto 1rem;
	width: 180px;
	height: 132px;
}

.internet-pricing__gauge {
	position: absolute;
	inset: 0;
}

.internet-pricing__gauge-svg {
	width: 100%;
	height: auto;
	display: block;
}

.internet-pricing__gauge-svg path:last-child {
	stroke-dasharray: var(--path-length);
	stroke-dashoffset: calc(var(--path-length) - (var(--path-length) * var(--percentage, 0) / 100));
	transition: stroke-dashoffset 0.5s ease-out;
}

.internet-pricing__speed-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-30%);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.internet-pricing__speed-label {
	font-size: 12px;
	color: #525252;
	margin-bottom: 4px;
}

.internet-pricing__card--highlight .internet-pricing__speed-label,
.internet-pricing__card--highlight .internet-pricing__speed-unit {
	color: var(--color-white);
}

.internet-pricing__speed-value {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 48px;
	line-height: 1.1;
	color: var(--color-black);
	letter-spacing: -0.96px;
}

.internet-pricing__card--highlight .internet-pricing__speed-value {
	color: var(--color-white);
}

.internet-pricing__speed-unit {
	font-size: 12px;
	color: #525252;
}

.internet-pricing__upload {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: #fafafa;
	border-radius: 21px;
	padding: 0.4rem 1rem;
	font-size: 12px;
	color: #525252;
	margin-bottom: 40px;
	width: fit-content;
}

.internet-pricing__card--highlight .internet-pricing__upload {
	background: var(--color-white);
	color: #525252;
}

.internet-pricing__upload-value {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 22px;
	color: #7EB931;
	letter-spacing: -0.44px;
}

.internet-pricing__card--highlight .internet-pricing__upload-value {
	color: #7EB931;
}

.internet-pricing__price-block {
	margin-bottom: 54px;
	width: 100%;
}

.internet-pricing__divider {
	height: 1px;
	background: #d9d9d9;
	margin-bottom: 24px;
	width: 100%;
}

.internet-pricing__card--highlight .internet-pricing__divider {
	background: rgba(255, 255, 255, 0.45);
}

.internet-pricing__price {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 38px;
	line-height: 1.1;
	color: var(--color-black);
	margin-bottom: 0.5rem;
}

.internet-pricing__card--highlight .internet-pricing__price {
	color: var(--color-white);
}

.internet-pricing__price-note {
	display: block;
	font-family: var(--font-primary);
	font-weight: 400;
	font-size: 16px;
	color: #525252;
	margin-top: 0.5rem;
}

.internet-pricing__card--highlight .internet-pricing__price-note {
	color: var(--color-white);
}

.internet-pricing__setup {
	font-size: 16px;
	color: #525252;
	margin: 0;
}

.internet-pricing__card--highlight .internet-pricing__setup {
	color: var(--color-white);
}

.internet-pricing__cta {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	height: 62px;
	min-width: 221px;
	padding: 0 1.5rem;
	border-radius: 31px;
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.36px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.internet-pricing__cta:hover,
.internet-pricing__cta:focus {
	color: var(--color-white);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(126, 185, 49, 0.35);
}

.internet-pricing__card--highlight .internet-pricing__cta {
	background: var(--color-black);
}

.internet-pricing__card--highlight .internet-pricing__cta:hover {
	background: var(--color-third);
	color: var(--color-secondary);
}

.internet-pricing__note {
	font-size: 20px;
	color: #5b5b5b;
	line-height: 1.5;
	max-width: 878px;
	margin-left: auto;
	margin-right: auto;
}

.internet-pricing__note a {
	color: #5b5b5b;
}

.internet-pricing__cart-action {
	display: flex;
	justify-content: center;
	width: 100%;
}

.internet-pricing__card {
	position: relative;
}

.internet-pricing__active-badge {
	position: absolute;
	top: 6px;
	right: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--color-secondary-dark);
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.26px;
	text-transform: uppercase;
	box-shadow: 0 8px 20px rgba(126, 185, 49, 0.28);
}

.internet-pricing__card--highlight .internet-pricing__active-badge {
	background: var(--color-white);
	color: var(--color-secondary-dark);
}

.internet-pricing__cart-added {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	width: 100%;
	position: relative;
}

.internet-pricing__cart-status {
	font-size: 20px;
	line-height: 1.2;
}

.internet-pricing__cart-links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: 260px;
}

.internet-pricing__cart-view {
	width: 100%;
	min-height: 52px;
	border-radius: 26px;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.32px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.internet-pricing__card--highlight .internet-pricing__cart-view {
	background: var(--color-white);
	color: var(--color-secondary-dark);
	border-color: var(--color-white);
}

.internet-pricing__card--highlight .televizia-packages__cart-btn--added {
	color: var(--color-white);
}

.internet-pricing__card--highlight .televizia-packages__cart-btn--added i {
	color: var(--color-white);
}

.internet-pricing__card--highlight .internet-pricing__cart-view:hover,
.internet-pricing__card--highlight .internet-pricing__cart-view:focus {
	background: var(--color-third);
	color: var(--color-secondary-dark);
}

.internet-pricing__cart-remove {
	font-family: var(--font-secondary);
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 15px;
	color: #5B5B5B;
	text-decoration: underline;
	cursor: pointer;
	transition: color 0.2s ease;
}

.internet-pricing__cart-remove:hover,
.internet-pricing__cart-remove:focus {
	color: var(--color-danger);
}

.internet-pricing__card--highlight .internet-pricing__cart-remove {
	color: rgba(255, 255, 255, 0.88);
}

.internet-pricing__card--highlight .internet-pricing__cart-remove:hover,
.internet-pricing__card--highlight .internet-pricing__cart-remove:focus {
	color: var(--color-white);
}

.internet-pricing__cart-btn--switch {
	letter-spacing: 0.36px;
}

.internet-pricing__cart-btn.televizia-packages__cart-action--busy,
.internet-pricing__cart-added.televizia-packages__cart-action--busy {
	position: relative;
	pointer-events: none;
	cursor: wait;
}

.internet-pricing__cart-btn.televizia-packages__cart-action--busy {
	opacity: 0.82;
}

.internet-pricing__cart-btn.televizia-packages__cart-action--busy::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: var(--color-white);
	animation: televizia-cart-spin 0.7s linear infinite;
	z-index: 2;
}

.internet-pricing__card:not(.internet-pricing__card--highlight) .internet-pricing__cart-btn.televizia-packages__cart-action--busy::after {
	border: 2px solid rgba(0, 0, 0, 0.12);
	border-top-color: var(--color-secondary-dark);
}

.internet-pricing__empty {
	font-size: 18px;
	color: #5b5b5b;
	margin-top: 24px;
}

/* ===== STEPS ===== */
.internet-steps {
	padding: 100px 0 110px;
}

.internet-steps__media img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.internet-steps__placeholder {
	width: 100%;
	max-width: 460px;
	aspect-ratio: 1;
	margin: 0 auto;
	border-radius: 50%;
	background: linear-gradient(135deg, #f2f7ea, #e9efe0);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-secondary-dark);
	font-size: 6rem;
}

.internet-steps__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(1.875rem, 3vw, 50px);
	line-height: 1.2;
	margin-bottom: 1rem;
}

.internet-steps__description {
	font-size: 20px;
	color: #5b5b5b;
	margin-bottom: 2rem;
	max-width: 463px;
}

.internet-steps__list {
	list-style: none;
	padding: 0;
	margin: 0;
	max-width: 560px;
}

.internet-steps__item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid #d9d9d9;
	font-family: var(--font-primary);
	font-size: 16px;
	color: var(--color-black);
}

.internet-steps__item:last-child {
	border-bottom: none;
}

.internet-steps__marker {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--color-warning);
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-weight: 900;
	font-size: 14px;
}

.internet-steps__marker--final {
	background: transparent;
	color: var(--color-secondary-dark);
	font-size: 24px;
}

/* ===== TV BANNER ===== */
.internet-tv-banner {
	position: relative;
	padding: 33px 0;
	background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
	border-radius: 30px;
	color: var(--color-white);
	overflow: hidden;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.internet-tv-banner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(img/steps-bg.png) center / cover no-repeat;
	pointer-events: none;
}

.internet-tv-banner .container-xl {
	position: relative;
	z-index: 1;
}

.internet-tv-banner__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(2rem, 3.5vw, 50px);
	line-height: 1.3;
	color: var(--color-white);
	margin-bottom: 1.5rem;
}

.internet-tv-banner__title span {
	display: block;
}

.internet-tv-banner__description {
	font-size: 20px;
	color: var(--color-white);
	margin-bottom: 2rem;
	line-height: 1.7;
}

.internet-tv-banner__description p {
	margin: 0;
}

.internet-tv-banner__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	padding: 0 2rem;
	border-radius: 31px;
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.internet-tv-banner__cta:hover,
.internet-tv-banner__cta:focus {
	color: var(--color-white);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(126, 185, 49, 0.4);
}

.internet-tv-banner__media img {
	max-width: 100%;
	height: auto;
}

.internet-tv-banner__placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 280px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.1);
	color: var(--color-white);
	font-size: 8rem;
}

.partner-logo {
	max-width: 180px;
	max-height: 100px;
	width: auto;
	height: auto;
	object-fit: contain;
}

@media (max-width: 767.98px) {
	.partner-logo {
		max-width: 140px;
		max-height: 80px;
	}
}

/* ===== FAQ ===== */
.internet-faq {
	padding: 100px 0;
	background-image: url(img/faq-bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.internet-faq__header {
	margin-bottom: 3rem;
}

.internet-faq__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(1.875rem, 3vw, 50px);
	line-height: 1.28;
	color: var(--color-black);
	margin: 0;
}

.internet-faq__accordion {
	max-width: 872px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	--bs-accordion-border-color: transparent;
	--bs-accordion-bg: transparent;
}

.internet-faq__item {
	border: 0;
	background: transparent;
}

.internet-faq__button {
	background: #ecf5e0;
	border-radius: 20px !important;
	padding: 1.1rem 1.5rem;
	font-family: var(--font-primary);
	font-weight: 500;
	font-size: 16px;
	color: var(--color-black);
	box-shadow: none !important;
	min-height: 60px;
	transition: background 0.2s ease;
}

.internet-faq__button:hover {
	background: #e0eed0;
}

.internet-faq__button:not(.collapsed) {
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
}

.internet-faq__button::after {
	background-image: none;
	content: "\f107";
	font-family: var(--font-icons);
	font-weight: 900;
	color: var(--color-secondary-dark);
	font-size: 1.5rem;
	width: 20px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.internet-faq__button:not(.collapsed)::after {
	color: var(--color-white);
	transform: rotate(180deg);
}

.internet-faq__collapse {
	background: #fbfdf7;
	border-radius: 0 0 20px 20px;
	margin-top: -12px;
}

.internet-faq__answer {
	padding: 1.5rem 1.5rem 1.5rem;
	color: #5b5b5b;
	font-size: 16px;
	line-height: 1.6;
}

.internet-faq__answer p:last-child {
	margin-bottom: 0;
}

/* ===== CONTACT ===== */
.internet-contact {
	position: relative;
	padding: 100px 0 130px;
	overflow: hidden;
}

.internet-contact__orb {
	position: absolute;
	right: -200px;
	top: 50%;
	transform: translateY(-50%);
	width: 600px;
	height: 600px;
	max-width: 60vw;
	max-height: 60vw;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(126, 185, 49, 0.18), rgba(126, 185, 49, 0.05) 60%, transparent 75%);
	pointer-events: none;
	z-index: 0;
}

.internet-contact .container-xl {
	position: relative;
	z-index: 1;
}

.internet-contact__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(1.875rem, 3vw, 50px);
	line-height: 1.2;
	margin-bottom: 1rem;
}

.internet-contact__description {
	font-size: 20px;
	color: #5b5b5b;
	margin-bottom: 1.75rem;
	max-width: 484px;
}

.internet-contact__list {
	margin-bottom: 2rem;
}

.internet-contact__list li {
	display: flex;
	gap: 0.75rem;
	padding: 1rem 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
	color: var(--color-black);
}

.internet-contact__list li:last-child {
	border-bottom: none;
}

.internet-contact__list i {
	color: var(--color-secondary-dark);
	font-size: 1.25rem;
	margin-top: 0.2rem;
}

.internet-contact__list a {
	font-weight: 700;
	color: inherit;
	text-decoration: none;
}

.internet-contact__list a:hover {
	color: var(--color-secondary-dark);
}

.internet-contact__meta {
	color: #5b5b5b;
	font-weight: 400;
}

.internet-contact__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	padding: 0 1.75rem;
	border-radius: 31px;
	background: var(--color-white);
	border: 1px solid var(--color-secondary);
	color: var(--color-black);
	font-family: var(--font-secondary);
	font-weight: 500;
	font-size: 18px;
	text-decoration: none;
	box-shadow: 0 3px 23px 3px rgba(126, 185, 49, 0.25);
	transition: all 0.2s ease;
}

.internet-contact__cta:hover,
.internet-contact__cta:focus {
	background: var(--color-secondary-dark);
	color: var(--color-white);
	border-color: var(--color-secondary-dark);
}

.internet-contact__cta i {
	color: var(--color-secondary-dark);
}

.internet-contact__cta:hover i,
.internet-contact__cta:focus i {
	color: var(--color-white);
}

.internet-contact__media {
	position: relative;
	text-align: center;
}

.internet-contact__media::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(220px, 70vw, 600px);
	height: clamp(220px, 70vw, 600px);
	border: 2px solid var(--color-white);
	pointer-events: none;
	border-radius: 50%;
	z-index: 0;
}

.internet-contact__media img,
.internet-contact__placeholder {
	position: relative;
	z-index: 1;
	max-width: 100%;
}

.internet-contact__placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
	font-size: 8rem;
}

/*--------------------------------------------------------------
# INTERNET subpage — steps modifier (added 2026-05-20 for /telefon reuse)
--------------------------------------------------------------*/

/* Inline CTA below the steps list — optional, rendered only when
   `internet_steps_cta_text` ACF field is populated. Reuses the gradient
   token of the hero CTA. */
.internet-steps__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 32px;
	padding: 18px 36px;
	min-height: 62px;
	border-radius: 31px;
	background: linear-gradient(270deg, var(--color-secondary, #a2c62c) 0%, var(--color-secondary-dark, #37ab49) 100%);
	color: var(--color-white, #fff);
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.36px;
	text-decoration: none;
	box-shadow: 0 3px 23px 3px rgba(126, 185, 49, 0.35);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.internet-steps__cta:hover,
.internet-steps__cta:focus-visible {
	color: var(--color-white, #fff);
	transform: translateY(-1px);
	box-shadow: 0 6px 26px 3px rgba(126, 185, 49, 0.45);
}

/* Mirror modifier — swaps the desktop columns so the illustration sits on the right.
   The `order-lg-1` / `order-lg-2` Bootstrap utilities on the columns themselves do the
   actual swap on ≥992px; on mobile the natural source order (media first, content second)
   still applies. */
.internet-steps--media-right .internet-steps__media img {
	margin: 0;
	max-width: 100%;
}

/*--------------------------------------------------------------
# TELEFON subpage (Figma node 10497:2)
--------------------------------------------------------------*/

/* Per-minute call pricing (template-parts/telefon/section-pricing.php).
   Three white cards with a green border, a big € price, a hairline divider,
   and three check-bullet rows. The middle card is highlighted via the
   `--highlight` modifier — only the price color changes (no background swap). */
.telefon-pricing {
	position: relative;
	padding: 100px 0 110px;
	overflow: hidden;
}

.telefon-pricing__orb {
	position: absolute;
	inset: -25% auto auto 50%;
	width: 1316px;
	height: 1316px;
	transform: translate(-50%, 0);
	background: radial-gradient(circle, rgba(126, 185, 49, 0.08) 0%, rgba(126, 185, 49, 0) 60%);
	pointer-events: none;
	z-index: 0;
}

.telefon-pricing>.container-xl {
	position: relative;
	z-index: 1;
}

.telefon-pricing__header {
	margin-bottom: 56px;
}

.telefon-pricing__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(32px, 4vw, 50px);
	line-height: 1.2;
	color: var(--color-black);
	margin-bottom: 16px;
}

.telefon-pricing__description {
	font-size: 20px;
	line-height: 1.5;
	color: #5b5b5b;
	margin: 0 auto;
	max-width: 720px;
}

.telefon-pricing__card {
	position: relative;
	height: 100%;
	min-height: 570px;
	padding: 42px 41px 60px;
	background: var(--color-white, #fff);
	border-radius: 30px;
	text-align: center;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 24px rgba(55, 171, 73, 0.08);
}

.telefon-pricing__card::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
	transition: all 0.3s ease;
}

.telefon-pricing__name {
	font-family: var(--font-secondary);
	font-weight: 900;
	font-size: 36px;
	line-height: 1.2;
	color: #7eb931;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.telefon-pricing__subtitle {
	font-size: 16px;
	color: #525252;
	margin: 0 0 19px;
}

.telefon-pricing__price-block {
	margin-top: 12px;
}

.telefon-pricing__price {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 38px;
	line-height: 1.2;
	color: var(--color-black);
	margin: 0;
}

.telefon-pricing__card--highlight .telefon-pricing__price {
	color: var(--color-secondary-dark, #37ab49);
}

.telefon-pricing__price-note {
	display: block;
	font-family: var(--font-primary);
	font-weight: 400;
	font-size: 16px;
	color: #525252;
	margin-top: 8px;
}

.telefon-pricing__divider {
	width: 100%;
	height: 1px;
	margin: 32px auto;
	background: rgba(126, 185, 49, 0.5);
}

.telefon-pricing__bullets {
	margin: 0;
	padding: 0;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.telefon-pricing__bullet {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-black);
}

.telefon-pricing__bullet-icon {
	flex-shrink: 0;
	margin-top: 4px;
	color: var(--color-secondary-dark, #37ab49);
	font-size: 14px;
	line-height: 1;
}

.telefon-pricing__bullet-text {
	flex: 1 1 auto;
}

.telefon-pricing__note {
	margin: 56px auto 0;
	max-width: 880px;
	font-size: 20px;
	line-height: 1.5;
	color: #5b5b5b;
}

.telefon-pricing__note a {
	color: #5b5b5b;
	text-decoration: underline;
}

/* `Pre koho je Regiotel telefón ideálny` — the purple tv-banner gets a slightly
   different right-side illustration treatment on /telefon (round green glow behind
   the phone). Body-class-scoped, so /internet stays untouched. */
.page-template-page-telefon .internet-tv-banner__media {
	position: relative;
}

.page-template-page-telefon .internet-tv-banner__media::after {
	content: '';
	position: absolute;
	inset: 50% auto auto 50%;
	width: 598px;
	height: 598px;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(126, 185, 49, 0.18) 0%, rgba(126, 185, 49, 0) 60%);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

.page-template-page-telefon .internet-tv-banner__media img {
	position: relative;
	z-index: 1;
}

/* The tv-banner WYSIWYG description on /telefon renders a 3-item check-bullet list. */
.page-template-page-telefon .internet-tv-banner__description ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.page-template-page-telefon .internet-tv-banner__description ul li {
	position: relative;
	padding-left: 36px;
	color: var(--color-white, #fff);
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
	line-height: 1.6;
}

.page-template-page-telefon .internet-tv-banner__description ul li:last-child {
	border-bottom: none;
}

.page-template-page-telefon .internet-tv-banner__description ul li::before {
	content: '\f058';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 4px;
	color: var(--color-secondary-dark, #37ab49);
	font-size: 18px;
	line-height: 1;
}

/* Steps on /telefon — softer decorative background behind the right-aligned phone illustration. */
.page-template-page-telefon .internet-steps__media {
	position: relative;
}

.page-template-page-telefon .internet-steps__media::before {
	content: '';
	position: absolute;
	inset: 50% auto auto 50%;
	width: 555px;
	height: 555px;
	max-width: 100%;
	transform: translate(-50%, -50%) rotate(-57deg);
	background: radial-gradient(closest-side, rgba(126, 185, 49, 0.10) 0%, rgba(126, 185, 49, 0) 70%);
	pointer-events: none;
	z-index: 0;
}

.page-template-page-telefon .internet-steps__media img {
	position: relative;
	z-index: 1;
}

/*--------------------------------------------------------------
# TELEVIZIA subpage (Figma node 10593:2)
--------------------------------------------------------------*/

/* ===== HERO overrides (illustration mode + dual CTAs) ===== */

.internet-hero__illustration {
	text-align: center;
}

.internet-hero__illustration img {
	max-width: 100%;
	height: auto;
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
}

.internet-hero__placeholder {
	width: 300px;
	height: 400px;
	margin: 0 auto;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
	color: rgba(255, 255, 255, 0.3);
	font-size: 60px;
}

.internet-hero__ctas {
	margin-top: 32px;
}

.internet-hero__ctas .internet-hero__cta {
	margin-top: 0;
	padding: 0 32px;
	height: 62px;
	text-decoration: none;
}

.internet-hero__cta--secondary {
	background: transparent;
	border: 2px solid var(--color-secondary);
	color: var(--color-secondary);
}

.internet-hero__cta--secondary:hover,
.internet-hero__cta--secondary:focus {
	background: var(--color-secondary);
	color: var(--color-white);
}

/* ===== TV MINI ===== */

.site-main--televizia {
	padding-bottom: 120px;
}

.televizia-tv-mini {
	padding: 50px 0 130px;
	scroll-margin-top: 150px;
}

.televizia-tv-mini__card {
	position: relative;
	background: var(--color-white);
	border-radius: 30px;
	padding: 32px 32px 0;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	text-align: left;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.televizia-tv-mini__card:hover {
	background: #FBFDF9;
	box-shadow: 0 30px 30px rgba(126, 185, 49, 0.25);
}

.televizia-tv-mini__card::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
	transition: all 0.3s ease;
}

.televizia-tv-mini__card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding-bottom: 24px;
}

.televizia-tv-mini__title {
	font-family: var(--font-secondary);
	font-weight: 900;
	font-size: 32px;
	color: #7EB931;
	margin-bottom: 8px;
}

.televizia-tv-mini__description {
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black);
	margin-bottom: 16px;
}

.televizia-tv-mini__footer {
	margin-top: auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
}

.televizia-tv-mini__price {
	font-weight: 600;
	font-size: 32px;
	color: var(--color-black);
	line-height: 1.1;
}

.televizia-tv-mini__price-note {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #525252;
	margin-top: 4px;
}

.televizia-tv-mini__card--blocked {
	opacity: 0.72;
}

.televizia-tv-mini__card--blocked::after {
	opacity: 0.35;
}

.televizia-tv-mini__cart-btn--disabled {
	background: #e0e0e0;
	color: #999;
	cursor: not-allowed;
	pointer-events: none;
	height: 42px;
	padding: 0 18px;
	border-radius: 21px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.televizia-tv-mini__card--in-cart,
.televizia-packages__row--selected {
	box-shadow: 0 0 0 2px var(--color-secondary);
}

.televizia-packages__selected-mark {
	display: none;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: var(--color-secondary);
	color: var(--color-white);
	font-size: 12px;
	z-index: 2;
}

.televizia-tv-mini__card--in-cart .televizia-packages__selected-mark,
.televizia-packages__row--in-cart .televizia-packages__selected-mark,
.televizia-packages__row--selected .televizia-packages__selected-mark {
	display: inline-flex;
}

.televizia-tv-mini__exclusive-blocked {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	max-width: 280px;
}

.televizia-tv-mini__exclusive-hint {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #525252;
	text-align: right;
}

.televizia-notice-popup__message {
	font-size: 18px;
	line-height: 28px;
	color: var(--color-black);
}

.televizia-packages__cart-auto-badge {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	color: var(--color-secondary-dark);
}

.televizia-packages__cart-auto-badge--cart {
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 4px;
}

.regiotel-cart-qty--locked {
	display: inline-block;
	min-width: 40px;
	text-align: center;
	font-weight: 600;
}

.televizia-packages__cart-added--auto .televizia-packages__cart-btn--added {
	font-size: 16px;
}

.televizia-tv-mini__footnote {
	margin-top: 76px;
	text-align: center;
	font-size: 20px;
	color: #5B5B5B;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* ===== AVAILABILITY ===== */

.televizia-availability {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	padding: 120px 0;
	color: var(--color-white);
	scroll-margin-top: 150px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.televizia-availability__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.televizia-availability .container-xl {
	position: relative;
	z-index: 1;
}

.televizia-availability__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(32px, 4vw, 48px);
	line-height: 1.2;
	margin-bottom: 40px;
	color: var(--color-white);
}

.televizia-availability__checklist {
	margin-bottom: 0;
}

.televizia-availability__checklist-item {
	display: flex;
	gap: 16px;
	padding: 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	align-items: flex-start;
}

.televizia-availability__checklist-item:last-child {
	border-bottom: 0;
}

.televizia-availability__marker {
	flex-shrink: 0;
	color: var(--color-secondary-dark);
	font-size: 24px;
	line-height: 1;
	margin-top: 2px;
}

.televizia-availability__text {
	font-size: 18px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
}

.televizia-availability__form {
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	border-radius: 20px;
	padding: 36px 32px 32px;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.televizia-availability__select {
	width: 100%;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid #a9a9a9;
	border-radius: 10px;
	padding: 12px 16px;
	height: 50px;
	color: #2b2a29;
	font-size: 16px;
}

.televizia-availability__select:disabled {
	background: rgba(255, 255, 255, 0.65);
	color: #6c6c6c;
	cursor: not-allowed;
}

.televizia-availability__cta {
	margin-top: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	background: var(--color-black);
	color: var(--color-white);
	border: 0;
	border-radius: 31px;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
	padding: 0 32px;
	transition: all 0.2s ease;
	box-shadow: 0 3px 23px 3px rgba(126, 185, 49, 0.25);
}

.televizia-availability__cta:hover,
.televizia-availability__cta:focus {
	background: var(--color-secondary);
	color: var(--color-white);
	transform: translateY(-1px);
}

/* ===== PACKAGES (shared basic + addon) ===== */

.televizia-packages {
	padding: 130px 0;
	position: relative;
	overflow: hidden;
}

.televizia-packages__orb {
	position: absolute;
	width: clamp(220px, 70vw, 1316px);
	height: clamp(220px, 70vw, 1316px);
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #7EB931 0%, rgba(126, 185, 49, 0.00) 100%);
	opacity: 0.2;
	pointer-events: none;
	top: 50%;
	transform: translateY(-50%);
}

.televizia-packages__orb--right {
	left: auto;
	right: -300px;
}

.televizia-packages__header {
	margin-bottom: 40px;
}

.televizia-packages__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 50px;
	color: var(--color-black);
	margin-bottom: 32px;
}

.televizia-packages__description {
	font-size: 20px;
	line-height: 1.6;
	color: #5B5B5B;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

.televizia-packages__list {
	position: relative;
	z-index: 1;
}

.televizia-packages__channels-disclaimer {
	font-size: 14px;
	color: #5B5B5B;
	margin: 12px 0 0;
	flex-basis: 100%;
}

.televizia-packages__row {
	position: relative;
	border-radius: 24px;
	background-color: var(--color-white);
	transition: all 0.2s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 28px 24px 0;
}

.televizia-packages__row:not(:has(.televizia-packages__stations-toggle)),
.televizia-tv-mini__card:not(:has(.televizia-packages__stations-toggle)) {
	padding-bottom: 24px;
}

.televizia-packages__row.show {
	background-color: #FAFFF3;
}

.televizia-packages__row::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 24px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
	transition: all 0.3s ease;
}

.televizia-packages__row:hover {
	box-shadow: 0 12px 28px rgba(126, 185, 49, 0.18);
}

.televizia-packages__row-header {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 0;
	flex: 1 1 auto;
	gap: 16px;
}

.televizia-packages__row-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
}

.televizia-packages__row-name {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: var(--color-secondary-dark);
	margin: 0;
	white-space: normal;
	padding-right: 36px;
}

.televizia-packages__row-excerpt,
.televizia-packages__row-channels-text {
	font-size: 15px;
	line-height: 22px;
	color: #5B5B5B;
	margin: 0;
}

.televizia-packages__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}

.televizia-packages__badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #F3F3F3;
	color: #525252;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
}

.televizia-packages__badge--hd {
	background: rgba(126, 185, 49, 0.15);
	color: var(--color-secondary-dark);
}

.televizia-packages__row-actions {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-bottom: 20px;
}

.televizia-packages__row-price {
	font-weight: 600;
	font-size: 24px;
	color: var(--color-secondary-dark);
	white-space: nowrap;
	line-height: 1.1;
}

.televizia-packages__price-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8A8A8A;
	margin-bottom: 4px;
}

.televizia-packages__price-note {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #525252;
	margin-left: 4px;
}

.televizia-packages__row-price .woocommerce-Price-amount {
	font-weight: 600;
	font-size: 24px;
}

.televizia-packages__cart-action {
	display: flex;
	align-items: flex-end;
	flex-shrink: 0;
}

.televizia-tv-mini .televizia-packages__cart-btn,
.televizia-packages__row .televizia-packages__cart-btn {
	padding: 7px 18px;
	font-size: 14px;
	white-space: nowrap;
}

.televizia-packages__cart-btn--added {
	font-family: var(--font-secondary);
	font-weight: 600;
	font-size: 14px;
	height: 42px;
	padding: 0 16px;
	border-radius: 21px;
	background: var(--color-secondary);
	color: var(--color-white);
	cursor: default;
	pointer-events: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.televizia-packages__cart-btn--added i {
	color: var(--color-white);
}

.televizia-packages__cart-action--busy {
	position: relative;
	pointer-events: none;
	cursor: wait;
}

.televizia-packages__cart-btn.televizia-packages__cart-action--busy {
	opacity: 0.82;
}

.televizia-packages__cart-btn.televizia-packages__cart-action--busy::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: var(--color-white);
	animation: televizia-cart-spin 0.7s linear infinite;
	z-index: 2;
}

.televizia-packages__cart-added.televizia-packages__cart-action--busy {
	min-width: 120px;
}

.televizia-packages__cart-added.televizia-packages__cart-action--busy>* {
	opacity: 0.4;
}

.televizia-packages__cart-added.televizia-packages__cart-action--busy::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.12);
	border-top-color: var(--color-secondary-dark);
	animation: televizia-cart-spin 0.7s linear infinite;
	z-index: 2;
}

.televizia-packages__cart-added {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	position: relative;
}

.televizia-packages__cart-added--success {
	animation: televizia-cart-success 0.5s ease;
}

@keyframes televizia-cart-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes televizia-cart-success {
	0% {
		transform: scale(0.94);
		opacity: 0.55;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.televizia-packages__cart-btn--loading {
	opacity: 0.6;
	pointer-events: none;
}

.televizia-packages__cart-remove {
	font-family: var(--font-secondary);
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #5B5B5B;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.televizia-packages__cart-remove:hover {
	color: var(--color-danger);
}

.televizia-packages__toggle {
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--color-secondary-dark);
	cursor: pointer;
	padding: 0;
}

.televizia-packages__stations-toggle {
	width: auto;
	height: auto;
	margin: 0 -24px;
	padding: 14px 24px;
	border-top: 1px solid rgba(126, 185, 49, 0.2);
	border-radius: 0 0 24px 24px;
	justify-content: space-between;
	gap: 8px;
	font-family: var(--font-secondary);
	font-size: 14px;
	font-weight: 600;
	color: var(--color-secondary-dark);
	background: transparent;
}

.televizia-tv-mini__card .televizia-packages__stations-toggle {
	margin: 0 -32px;
	padding: 14px 32px;
	border-radius: 0 0 30px 30px;
}

.televizia-packages__stations-toggle:not(.collapsed) {
	border-radius: 0;
}

.televizia-packages__stations-toggle .fa-angle-down {
	transition: transform 0.3s ease;
}

.televizia-packages__stations-toggle:not(.collapsed) .fa-angle-down {
	transform: rotate(180deg);
}

.televizia-packages__row-body {
	padding: 0 0 24px;
	border-radius: 0 0 24px 24px;
	background-color: transparent;
}

.televizia-tv-mini__channels-body {
	padding: 0 0 24px;
}

.televizia-packages__channels-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0 0 4px;
}

.televizia-packages__channel-chip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 0;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #a2c62c2b;
	font-size: 13px;
	line-height: 18px;
	color: var(--color-black);
}

.televizia-packages__channel-chip-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.televizia-packages__channel-hd {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--color-secondary-dark);
	background: rgba(126, 185, 49, 0.18);
	border-radius: 4px;
	padding: 1px 5px;
}

.televizia-packages__disclaimer {
	margin-top: 12px;
	font-size: 13px;
	color: #999;
}

.televizia-packages__empty {
	text-align: center;
	padding: 40px 20px;
	font-size: 16px;
	color: #999;
}

.televizia-sticky-cart {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: var(--color-white);
	box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
	border-top: 1px solid rgba(126, 185, 49, 0.2);
	padding: 16px 0;
}

.televizia-sticky-cart__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.televizia-sticky-cart__summary {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.televizia-sticky-cart__icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	background: rgba(126, 185, 49, 0.18);
	color: var(--color-secondary-dark);
	font-size: 18px;
}

.televizia-sticky-cart__copy {
	position: relative;
	min-width: 0;
}

.televizia-sticky-cart__count {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8A8A8A;
}

.televizia-sticky-cart__names {
	margin: 2px 0 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--color-black);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.televizia-sticky-cart__copy.is-truncated:hover::after {
	content: attr(data-full-names);
	position: absolute;
	left: 0;
	bottom: calc(100% + 10px);
	max-width: min(520px, 80vw);
	padding: 10px 14px;
	border-radius: 12px;
	background: var(--color-white);
	color: var(--color-black);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	white-space: normal;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
	border: 1px solid rgba(126, 185, 49, 0.2);
	z-index: 2;
	pointer-events: none;
}

.televizia-sticky-cart.is-empty .televizia-sticky-cart__names {
	display: none;
}

.televizia-sticky-cart__checkout {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;
}

.televizia-sticky-cart__total {
	text-align: right;
}

.televizia-sticky-cart__total-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8A8A8A;
}

.televizia-sticky-cart__total-value {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--color-black);
}

.televizia-sticky-cart__total-note {
	font-size: 13px;
	font-weight: 500;
	color: #8A8A8A;
	margin-left: 4px;
}

.televizia-sticky-cart__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 0 24px;
	white-space: nowrap;
}

.televizia-sticky-cart__cta[aria-disabled="true"],
.televizia-sticky-cart__cta.disabled {
	opacity: 0.4;
	pointer-events: none;
	cursor: not-allowed;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
/* @media (min-width: 1280px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
	    max-width: 1260px;
	}
} */

/* 1680 x 1050 */
@media (max-width: 1680px) {}

/* 1536 x 864 */
@media (max-width: 1536px) {
	.mx-88 {
		margin-right: 45px !important;
		margin-left: 45px !important;
	}

	.px-88 {
		padding-right: 45px !important;
		padding-left: 45px !important;
	}

	.carousel-control-next,
	.carousel-control-prev {
		width: 5%;
	}
}

/* 1440 x 900 */
@media (max-width: 1440px) {
	.mx-88 {
		margin-right: 30px !important;
		margin-left: 30px !important;
	}

	.px-88 {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	.site-header--v2 .site-header__logo img {
		max-height: 46px;
	}

	.site-header--v2 .site-header__inner {
		padding: 20px 0;
	}

	.site-header--v2 .site-header__menu>li.current-menu-item::after {
		bottom: -25px;
	}

	.product .product-rightside h1 {
		font-size: 1.7rem;
	}

	.breadcrumb {
		margin-bottom: 0;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size: 18px;
		padding: 10px 20px 20px;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		margin: 0;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs {
		margin: 4rem 0 0;
	}

	.woocommerce div.product .woocommerce-tabs .panel {
		padding: 15px 20px 20px;
	}
}

/* 1366 x 768 */
@media (max-width: 1366px) {
	.site-header--v2 .site-header__menu {
		gap: 0 26px;
	}

	.site-header--v2 .site-header__menu>li.current-menu-item::after {
		bottom: -24px;
		left: -20px;
		width: calc(100% + 40px);
		height: 6px;
	}

	.newsletter-box {
		padding: 3rem;
	}

	.blog-section {
		padding-bottom: 13.5rem;
	}

	.home-banner .banner-content h2 {
		font-size: 2.5rem;
	}

	.top-categories {
		padding: 60px 0 30px;
	}

	.section-title {
		font-size: 32px;
		margin-bottom: 50px;
	}

	.trending-products {
		padding-top: 60px;
	}

	/*.brands {
		margin-bottom: 60px;
	}*/
}

/* 1280 x 800 */
@media (max-width: 1280px) {
	.h2 {
		font-size: 2.2rem;
	}

	.openig-hours-line {
		font-size: 13px;
	}
}

@media (min-width: 1200px) {
	.display-404 {
		font-size: 10rem;
	}
}

/* >= 1200px Extra Large */
@media (max-width: 1200px) {
	.swiper-button-next {
		right: 0px;
	}

	.site-header--v2 .site-header__logo {
		margin: 0 auto;
	}

	.swiper-button-prev {
		left: 0px;
	}

	.mobile-menu .btn-close {
		width: auto;
		background: unset;
		opacity: 1;
	}

	/* Internet */
	.internet-hero {
		padding: 120px 0 80px;
	}

	.internet-benefits {
		padding: 120px 0 90px;
	}
}

/* 1024 x 768 */
@media (max-width: 1024px) {
	.woocommerce-ordering label {
		margin: 0 .5rem;
	}
}

/* >= 992px Large */
@media (max-width: 992px) {
	.mx-88 {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}

	.px-88 {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.h2 {
		font-size: 2rem;
	}

	.h3 {
		font-size: 1.75rem;
	}

	.h4 {
		font-size: 1.25rem;
	}

	.navbar-tool-text {
		display: none;
	}

	.home-banner .carousel-item,
	.home-banner .banner-box-text,
	.home-banner .carousel {
		height: auto;
	}

	.carousel-indicators [data-bs-target] {
		background-color: var(--color-primary);
		width: 10px;
		height: 10px;
	}

	.carousel-indicators .active {
		background-color: var(--color-secondary);
	}

	.top-categories {
		margin-top: -26px;
	}

	.home-banner .banner-content h3 {
		font-size: 1.75rem;
	}

	.home-banner .banner-content h2 {
		font-size: 2.5rem;
	}

	.top-categories {
		padding-top: 4rem;
	}

	.product-card .product-title a,
	.product-card .product-price {
		font-size: 14px;
	}

	.product-card .stock-status {
		font-size: 12px;
	}

	.card-body {
		padding: .5rem .3rem;
	}

	.card-footer {
		padding: 0;
	}

	.card-footer .btn-primary {
		font-size: .8rem;
		padding: .5rem;
	}

	.woocommerce-shop .rounded-3 {
		border-radius: 0 !important;
	}

	.breadcrumb {
		justify-content: center;
	}

	.sticky-bottom {
		bottom: -10px;
	}

	.search-result {
		height: 75vh;
	}

	/*.woocommerce-message {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		padding: 1rem;
		gap: .75rem;
	}*/
	.site-footer .strong-points i {
		font-size: 1.8rem;
	}

	.top-categories {
		padding-bottom: 0;
		background-image: none;
	}

	.related-products,
	.trending-products,
	.category-section,
	.small-products,
	.upsell-products {
		margin-bottom: 0
	}

	.product-filter {
		border-radius: 0;
	}

	.thumbnails-pager,
	.prodThumbSwiper {
		display: none !important;
	}

	.woocommerce .review-form-bg {
		padding: 2rem;
	}

	.youtube-embed-wrapper iframe {
		max-width: 100%;
	}

	.sticky-add-to-cart__content {
		gap: 10px;
	}

	.sticky-add-to-cart__text {
		max-width: 50%;
		margin-right: auto;
	}

	.sticky-add-to-cart .quantity,
	.sticky-add-to-cart .cart span {
		display: none !important;
	}

	.logo {
		max-width: 200px;
	}

	.brand-box {
		padding: 30px;
		height: 220px;
	}

	.about-us .about-us-bg-color {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.about-us h2,
	.category-banner h3 {
		font-size: 32px;
	}

	.review-box {
		padding: 20px 15px 20px;
	}

	.reviews-section {
		padding: 50px 0;
	}

	.header-mid {
		padding: 13px 0;
	}

	.header-form {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		padding: 15px 10px 30px;
		z-index: 1000;
	}

	.search-btn {
		background-color: var(--color-primary);
		color: var(--color-white);
	}

	.close-search-form {
		color: var(--color-primary);
		float: right;
		margin-bottom: 15px;
		font-size: 12px;
	}

	.navbar-mega-nav::after {
		display: none;
	}

	.product-card .product-card-img {
		height: auto;
	}
}

/* max-width: 991.98px */
@media (max-width: 991.98px) {

	/* Home v2 + Header v2 */
	.site-header--v2 .site-header__inner {
		padding: 12px 0;
	}

	.home-services {
		margin-top: 0;
		padding-top: 6rem;
	}

	.home-services__card {
		margin-top: 3.5rem;
	}

	/* Internet */
	.internet-hero {
		padding: 80px 0 60px;
	}

	.internet-hero__form {
		margin-top: 2rem;
	}

	.internet-benefits {
		margin-top: -30px;
		padding: 90px 0 60px;
	}

	.internet-pricing {
		padding: 80px 0;
	}

	.internet-pricing__header {
		margin-bottom: 2.5rem;
	}

	.internet-steps {
		padding: 60px 0;
	}

	.internet-steps__media {
		margin-bottom: 1.5rem;
	}

	.internet-tv-banner {
		padding: 3rem 1.5rem;
	}

	.internet-tv-banner__media {
		margin-top: 2rem;
	}

	.internet-faq {
		padding: 60px 0;
	}

	.internet-contact {
		padding: 60px 0;
	}

	.internet-contact__media {
		margin-top: 2rem;
	}

	.home-steps {
		padding: 30px 0;
	}

	/* Telefon */
	.telefon-pricing {
		padding: 80px 0;
	}

	.telefon-pricing__header {
		margin-bottom: 32px;
	}

	.telefon-pricing__card {
		min-height: auto;
		padding: 36px 28px;
	}

	/* Televizia */
	.televizia-availability {
		padding: 80px 0;
	}

	.televizia-availability__title {
		font-size: 32px;
	}

	.televizia-packages__row-name {
		font-size: 20px;
		line-height: 26px;
	}

	.televizia-packages__row-price {
		font-size: 22px;
	}

	.televizia-packages__row-price .woocommerce-Price-amount {
		font-size: 22px;
	}

	.televizia-packages__title {
		font-size: 36px;
	}

	.televizia-tv-mini__title {
		font-size: 28px;
	}

	.televizia-tv-mini__price {
		font-size: 36px;
	}

	.televizia-tv-mini__price .woocommerce-Price-amount {
		font-size: 36px;
	}

	.internet-hero__ctas {
		margin-top: 24px;
	}

	.internet-hero__ctas .internet-hero__cta {
		padding: 0 24px;
		height: 52px;
		font-size: 16px;
	}

	.home-contact {
		padding: 129px 0 80px;
	}

	.site-footer-v2__box {
		padding: 40px 0;
	}

	.site-footer-v2__tagline {
		margin: 23px 0 23px;
	}

	.site-footer-v2__social {
		margin-bottom: 23px;
	}

	.site-footer-v2__heading {
		margin-top: 20px;
	}
}

/* >= 768px Medium */
@media (max-width: 768px) {
	.prodSwiper {
		width: 100%;
		height: auto;
		order: 1;
	}

	.top-categories {
		padding-bottom: 2rem;
	}

	.product-card .badge {
		font-size: .6rem;
	}

	.home-steps__divider {
		display: none;
	}

	.product-card .add-to-wishlist,
	.product-card .remove-wishlist {
		top: 0.5rem;
		right: 0.5rem;
		width: 1.8rem;
		height: 1.8rem;
	}

	.prodThumbSwiper {
		order: 2;
		width: 100%;
		height: 100px;
	}

	.prodThumbSwiper.swiper-vertical>.swiper-wrapper {
		flex-direction: row;
		/* justify-content: center; */
	}

	.prodThumbSwiper .swiper-slide {
		width: 95px;
		height: 95px !important;
		margin: 0 5px;
	}

	.prodThumbSwiper.swiper-vertical>.swiper-wrapper {
		overflow: scroll hidden;
		transform: none !important;
	}

	.woocommerce td.product-quantity .input-group {
		width: 140px;
		margin-left: auto;
	}

	.related-products,
	.trending-products,
	.category-section,
	.small-products,
	.upsell-products {
		margin-bottom: 1rem;
	}

	.newsletter-box {
		padding: 2rem;
	}

	.newsletter-box p {
		font-size: 1rem;
		margin-bottom: 2rem;
	}

	.home-banner .banner-box-img {
		height: 350px;
	}

	.carousel-indicators {
		display: none;
	}

	.top-categories {
		margin-top: 0;
	}

	.brand-box {
		margin-bottom: 15px;
	}

	.category-banner {
		background-image: none !important;
		padding: 15px;
		color: var(--color-third);
	}

	.category-banner h3 {
		text-align: left;
	}

	.category-banner p {
		max-width: 100%;
	}

	.free-shipping-text {
		display: block;
		text-align: center;
		padding: 15px;
		height: 75px;
	}

	.cart-product-quantity {
		max-width: 120px;
	}
}

/* max-width: 767.98px */
@media (max-width: 767.98px) {

	/* WooCommerce shipping/payment */
	.woocommerce-shipping-methods .method__content,
	.wc_payment_methods .method__content {
		flex-wrap: wrap;
	}

	.woocommerce-shipping-methods .method__cost,
	.wc_payment_methods .method__cost {
		margin-top: 8px;
		width: 100%;
		text-align: right;
	}

	.wc_payment_methods .instructions_wrapper {
		flex-wrap: wrap;
	}

	/* Internet */
	.internet-hero__title {
		font-size: 2rem;
	}

	.internet-hero__description {
		font-size: 1rem;
	}

	.internet-benefits__icon {
		width: 100px;
		height: 100px;
		font-size: 2.25rem;
	}

	.internet-pricing__card {
		padding: 2rem 1.5rem;
	}

	.internet-pricing__name {
		font-size: 32px;
	}

	.internet-pricing__speed-value {
		font-size: 36px;
	}

	.internet-pricing__price {
		font-size: 30px;
	}

	.internet-faq__button {
		padding: 0.85rem 1rem;
		font-size: 15px;
	}

	.internet-faq__button::after {
		font-size: 1.25rem;
	}

	/* Telefon */
	.telefon-pricing {
		padding: 60px 0 70px;
	}

	.telefon-pricing__card {
		padding: 32px 24px;
	}

	.telefon-pricing__name {
		font-size: 28px;
	}

	.telefon-pricing__price {
		font-size: 32px;
	}

	.telefon-pricing__divider {
		margin: 24px auto;
	}

	.telefon-pricing__bullet {
		font-size: 15px;
	}

	.telefon-pricing__note {
		margin-top: 32px;
		font-size: 16px;
	}

	.internet-steps__cta {
		width: 100%;
		padding: 16px 24px;
	}

	/* Televizia */
	.televizia-tv-mini {
		padding: 40px 0 20px;
	}

	.televizia-tv-mini__card {
		padding: 24px 20px 0;
	}

	.televizia-tv-mini__title {
		font-size: 24px;
	}

	.televizia-tv-mini__price {
		font-size: 28px;
	}

	.televizia-tv-mini__price .woocommerce-Price-amount {
		font-size: 28px;
	}

	.televizia-tv-mini__footer {
		flex-direction: column;
		align-items: stretch;
	}

	.televizia-tv-mini .televizia-packages__cart-btn,
	.televizia-packages__row .televizia-packages__cart-btn {
		width: auto;
	}

	.televizia-tv-mini__card .televizia-packages__stations-toggle {
		margin: 0 -20px;
		padding: 14px 20px;
	}

	.televizia-availability {
		padding: 60px 0;
	}

	.televizia-availability__title {
		font-size: 28px;
		margin-bottom: 24px;
	}

	.televizia-availability__form {
		padding: 24px 20px 20px;
	}

	.televizia-availability__cta {
		width: 100%;
	}

	.televizia-packages {
		padding: 40px 0;
	}

	.televizia-packages__title {
		font-size: 28px;
	}

	.televizia-packages__description {
		font-size: 16px;
	}

	.televizia-packages__row {
		padding: 22px 18px 0;
	}

	.televizia-packages__stations-toggle {
		margin: 0 -18px;
		padding: 12px 18px;
	}

	.televizia-packages__row-name {
		font-size: 18px;
		white-space: normal;
	}

	.televizia-packages__row-price {
		font-size: 22px;
	}

	.televizia-packages__row-price .woocommerce-Price-amount {
		font-size: 22px;
	}

	.televizia-sticky-cart {
		padding: 12px 0;
	}

	.televizia-sticky-cart__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.televizia-sticky-cart__checkout {
		justify-content: space-between;
	}

	.televizia-sticky-cart__cta {
		width: auto;
	}

	.televizia-sticky-cart__total-value {
		font-size: 22px;
	}

	.site-main--televizia {
		padding-bottom: 160px;
	}

	.internet-hero__ctas {
		flex-direction: column;
	}

	.internet-hero__ctas .internet-hero__cta {
		width: 100%;
		padding: 0 24px;
	}

	.televizia-packages__cart-btn--added {
		font-size: 16px;
	}

	.televizia-packages__cart-remove {
		font-size: 14px;
	}
}

/* >= 576px Small */
@media (max-width: 576px) {
	.btn {
		width: 100%;
	}

	.input-group .btn,
	.televizia-sticky-cart__cta,
	.televizia-packages__row .btn,
	.televizia-tv-mini .btn {
		width: auto;
	}

	.home-banner .banner-content h3 {
		font-size: 1.45rem;
	}

	.home-banner .banner-content h2 {
		font-size: 1.75rem;
	}

	.banner-section .highlighted-banner {
		background-image: none !important;
	}

	.category-filter .btn-primary {
		width: 100%;
	}

	.page-top {
		padding-bottom: 12rem;
	}

	.page-top+* {
		margin-top: -10.875rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 2.1rem;
		height: 2.1rem;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: .8rem;
	}

	.back-to-top {
		right: 20px;
		bottom: 20px;
		width: 35px;
		height: 35px;
		font-size: 15px;
	}

	.newsletter-box button span {
		display: none;
	}

	.newsletter-box button,
	.search-btn {
		width: auto;
	}

	.newsletter-box {
		padding: 2rem 1rem;
	}

	.order-filter {
		width: auto;
	}

	.woocommerce .review-form-bg {
		padding: 1rem;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs {
		background-image: unset;
		margin: 2rem 0 0;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		display: block;
		text-align: center;
		margin: 0;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		display: block;
		font-size: 1rem;
		border-bottom: 1px solid var(--color-background-secondary);
	}

	.woocommerce-error,
	.woocommerce-info,
	.woocommerce-message {
		padding: 1rem;
	}

	.sticky-add-to-cart__content .button {
		padding: 5px !important;
		width: 40px !important;
		height: 40px !important;
		font-size: 0 !important;
		box-shadow: none !important;
		border-radius: 6px !important;
	}

	.sticky-add-to-cart__content .button::after {
		font-size: 16px;
		content: "\f07a";
		font-family: var(--font-icons);
		display: inline-block;
	}

	.sticky-add-to-cart__text {
		max-width: 65%;
	}

	#notification .product-card {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 10px;
	}

	#notification .product-card .product-card-img {
		width: 80px;
		flex: 0 0 80px;
		margin-right: 12px;
		height: auto;
		border-radius: 6px;
	}

	#notification .product-card .card-img-top {
		max-height: 80px;
		max-width: 80px;
		height: auto;
		width: auto;
	}

	#notification .product-card .card-body {
		flex: 1;
		padding: 0;
	}

	#notification .product-badges {
		top: 5px;
		left: 5px;
	}

	#notification .product-badges .badge {
		font-size: 0.6rem;
		padding: 2px 6px;
		margin-bottom: 3px;
	}

	#notification .row-cols-1.row-cols-md-3 .col {
		width: 100%;
	}

	#notification .product-card .product-title {
		font-size: 0.75rem;
		margin-bottom: 0.3rem;
	}
}

/* 360 x 640 */
@media (max-width: 360px) {}

/* min-width: 992px */
@media (min-width: 992px) {

	/* Internet – steps mirror modifier */
	.internet-steps--media-right .internet-steps__col-media {
		text-align: right;
	}

	.internet-steps--media-right .internet-steps__col-content {
		padding-right: 24px;
	}
}

/* min-width: 768px */
@media (min-width: 768px) {

	/* WooCommerce checkout 2-column */
	.woocommerce-checkout .woocommerce .col2-set .col-1,
	.woocommerce-checkout .woocommerce-page .col2-set .col-1 {
		width: 100%;
	}
}

/* ==========================================================================
   SERVICE CART (WooCommerce cart — Internet / TV aligned)
   ========================================================================== */

.service-cart {
	position: relative;
	overflow: hidden;
}

.service-cart__orb {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 1316px;
	height: 1316px;
	max-width: 90vw;
	max-height: 90vw;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(126, 185, 49, 0.18) 0%,
			rgba(126, 185, 49, 0.08) 40%,
			transparent 72%);
	pointer-events: none;
	z-index: 0;
}

.service-cart .container-xl {
	position: relative;
	z-index: 1;
}

.service-cart__header {
	margin-bottom: 40px;
}

.service-cart__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(32px, 4vw, 50px);
	line-height: 1.28;
	color: var(--color-third);
	margin: 0 0 12px;
}

.service-cart__subtitle {
	font-family: var(--font-primary);
	font-size: 18px;
	line-height: 1.5;
	color: #5B5B5B;
	margin: 0;
}

.service-cart__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.service-cart__item {
	position: relative;
	background: var(--color-white);
	border-radius: 30px;
	padding: 24px 28px;
}

.service-cart__item::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
	transition: box-shadow 0.2s ease;
}

.service-cart__item:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.service-cart__item--auto {
	background: #FAFFF3;
}

.service-cart__badge {
	display: inline-block;
	margin-bottom: 12px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--color-secondary-dark);
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.26px;
}

.service-cart__item-media {
	flex-shrink: 0;
}

.service-cart__item-image,
.service-cart__item-media img {
	width: 88px;
	height: 88px;
	object-fit: cover;
	border-radius: 12px;
}

.service-cart__item--auto .service-cart__item-image,
.service-cart__item--auto .service-cart__item-media img {
	width: 64px;
	height: 64px;
}

.service-cart__item-name {
	display: block;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 22px;
	line-height: 1.25;
	color: var(--color-primary);
	text-decoration: none;
	margin-bottom: 8px;
}

.service-cart__item--service .service-cart__item-name {
	font-size: 30px;
	color: var(--color-secondary-dark);
}

.service-cart__item--auto .service-cart__item-name {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-third);
}

.service-cart__item-name:hover {
	color: var(--color-secondary-dark);
}

.service-cart__item-meta {
	font-family: var(--font-secondary);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: #5B5B5B;
	margin: 0 0 8px;
}

.service-cart__item-speed span {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 21px;
	background: #fafafa;
	font-family: var(--font-secondary);
	font-size: 12px;
	font-weight: 600;
	color: var(--color-third);
}

.service-cart__item-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	min-width: 140px;
}

.service-cart__item-unit {
	font-family: var(--font-primary);
	font-size: 14px;
	color: #525252;
}

.service-cart__item-price {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.1;
	color: var(--color-secondary-dark);
	text-align: right;
}

.service-cart__item--service .service-cart__item-price {
	font-size: 30px;
}

.service-cart__item-price-note {
	display: block;
	font-family: var(--font-secondary);
	font-size: 14px;
	font-weight: 500;
	color: #5B5B5B;
	margin-top: 4px;
}

.service-cart__remove {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-secondary);
	font-size: 15px;
	color: #5B5B5B;
	text-decoration: underline;
}

.service-cart__remove:hover {
	color: var(--color-danger);
}

.service-cart__qty .quantity {
	max-width: 140px;
}

.service-cart__qty .input-group-text,
.service-cart__qty .quantity .minus,
.service-cart__qty .quantity .plus {
	min-height: 44px;
}

.service-cart__coupon {
	margin-top: 32px;
	padding: 24px 28px;
	border-radius: 20px;
	background: var(--color-background-secondary);
}

.service-cart__coupon-label {
	font-family: var(--font-secondary);
	font-size: 18px;
	font-weight: 600;
	color: var(--color-third);
	margin-bottom: 16px;
}

.service-cart__coupon-input {
	height: 50px;
	border-radius: 10px;
	border: 1px solid #a9a9a9;
	font-size: 16px;
}

.service-cart__coupon-btn {
	height: 50px;
	border-radius: 10px;
	padding: 0 24px;
}

.service-cart__sidebar .cart-collaterals {
	position: sticky;
	top: 160px;
}

.service-cart__totals {
	position: relative;
	background: var(--color-white);
	border-radius: 30px;
	padding: 32px 28px;
}

.service-cart__totals::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
}

.service-cart__totals-title {
	font-family: var(--font-secondary);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-third);
	margin: 0 0 24px;
}

.service-cart__shipping-box {
	padding: 20px;
	border-radius: 20px;
	background: var(--color-background-secondary);
	margin-bottom: 24px;
}

.service-cart__totals-table th {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	color: #525252;
	padding: 12px 0;
	border-bottom: 1px solid #d9d9d9;
}

.service-cart__totals-table td {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	color: var(--color-third);
	padding: 12px 0;
	border-bottom: 1px solid #d9d9d9;
}

.service-cart__order-total-label {
	display: block;
	font-family: var(--font-secondary);
	font-size: 20px;
	font-weight: 700;
	color: var(--color-third);
	margin-bottom: 8px;
}

.service-cart__order-total {
	font-family: var(--font-primary);
	font-size: 38px;
	font-weight: 600;
	color: var(--color-secondary-dark);
}

.service-cart__checkout {
	margin-top: 24px;
}

.service-cart__checkout-btn,
.service-cart__sidebar .checkout-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 62px;
	border-radius: 31px;
	border: 0;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.36px;
	color: var(--color-white);
	text-decoration: none;
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service-cart__checkout-btn:hover,
.service-cart__sidebar .checkout-button:hover {
	color: var(--color-white);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(126, 185, 49, 0.35);
}

.service-cart__empty {
	position: relative;
	text-align: center;
	padding: 30px;
	margin: 50px 0;
	background: var(--color-white);
	border-radius: 30px;
}

.service-cart__empty::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
}

.service-cart__empty-icon {
	font-size: 82px;
	margin-bottom: 24px;
}

.service-cart__empty-title {
	font-family: var(--font-secondary);
	font-size: 30px;
	font-weight: 700;
	color: var(--color-third);
	margin-bottom: 16px;
}

.service-cart__empty-text {
	font-size: 18px;
	line-height: 1.5;
	color: #5B5B5B;
	margin-bottom: 32px;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

.service-cart__empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	align-items: center;
}

.service-cart__empty-cta {
	min-width: 221px;
	height: 62px;
	border-radius: 31px;
	padding: 0 28px;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
}

.service-cart__empty-cta--outline {
	height: 62px;
	border-radius: 31px;
	padding: 0 28px;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
}

.service-cart__empty-link {
	font-family: var(--font-secondary);
	font-size: 16px;
	font-weight: 600;
	color: var(--color-secondary-dark);
	text-decoration: underline;
}

.woocommerce-cart .woocommerce-notices-wrapper {
	margin-bottom: 24px;
}

@media (min-width: 992px) {

	.service-cart__header {
		margin-bottom: 56px;
	}

	.service-cart__list {
		gap: 20px;
	}

	.service-cart__item {
		padding: 32px 40px;
	}

	.service-cart__item-name {
		font-size: 20px;
	}

	.service-cart__item--service .service-cart__item-name {
		font-size: 30px;
	}

	.service-cart__item-actions {
		min-width: 200px;
	}
}

/* ==========================================================================
   SERVICE CHECKOUT (WooCommerce checkout — Internet / TV aligned)
   ========================================================================== */

.service-checkout {
	position: relative;
	padding: 40px 0 100px;
	overflow: hidden;
}

.service-checkout__orb {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 1316px;
	height: 1316px;
	max-width: 90vw;
	max-height: 90vw;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(126, 185, 49, 0.18) 0%,
			rgba(126, 185, 49, 0.08) 40%,
			transparent 72%);
	pointer-events: none;
	z-index: 0;
}

.service-checkout .container-xl {
	position: relative;
	z-index: 1;
}

.service-checkout__notice {
	margin-bottom: 24px;
	padding: 16px 20px;
	border-radius: 20px;
	background: var(--color-background-secondary);
	border-left: 4px solid var(--color-secondary-dark);
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-third);
}

.service-checkout__panel {
	position: relative;
	background: var(--color-white);
	border-radius: 30px;
	padding: 24px 28px;
	margin-bottom: 20px;
}

.service-checkout__panel::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
}

.service-checkout__panel--activation {
	background: var(--color-white);
}

.service-checkout__panel-title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: var(--color-third);
	margin: 0 0 24px;
}

.service-checkout__panel-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-right: 12px;
	border-radius: 12px;
	background: var(--color-background-secondary);
	color: var(--color-secondary-dark);
	font-size: 20px;
	flex-shrink: 0;
}

.service-checkout__fields .form-row {
	margin-bottom: 0;
}

.service-checkout__checkbox {
	padding: 16px 20px;
	border-radius: 16px;
	background: var(--color-background-secondary);
}

.service-checkout__method {
	padding: 16px 20px;
	border-radius: 20px;
	border: 1px solid #d9d9d9;
	margin-bottom: 12px;
}

.service-checkout__method.selected {
	background: var(--color-background-secondary);
	border-color: var(--color-secondary-dark);
}

.service-checkout__review {
	position: relative;
	background: #FAFFF3;
	border-radius: 30px;
	padding: 32px 28px;
}

.service-checkout__review::after {
	content: '';
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	position: absolute;
	inset: 0;
	border-radius: 30px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	z-index: -1;
}

.service-checkout__review-title {
	font-family: var(--font-secondary);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-third);
	margin: 0 0 24px;
	text-align: left;
}

.service-checkout__review-item {
	padding: 12px 0;
	border-bottom: 1px solid #d9d9d9;
}

.service-checkout__review-item .product-name {
	font-family: var(--font-secondary);
	font-weight: 600;
	font-size: 16px;
	color: var(--color-secondary-dark);
}

.service-checkout__review-item .product-total {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 18px;
	color: var(--color-third);
}

.service-checkout__order-total-label {
	font-family: var(--font-secondary);
	font-size: 20px;
	font-weight: 700;
	color: var(--color-third);
}

.service-checkout__order-total {
	font-family: var(--font-primary);
	font-size: 38px;
	font-weight: 600;
	color: var(--color-secondary-dark);
}

.service-checkout__payment {
	margin-top: 24px;
	padding-top: 0;
	background: transparent;
}

.service-checkout__payment .form-row.place-order {
	padding: 0;
	margin: 0;
}

.service-checkout__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 62px;
	border-radius: 31px;
	border: 0;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.36px;
	color: var(--color-white);
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service-checkout__submit:hover {
	color: var(--color-white);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(126, 185, 49, 0.35);
}

.regiotel-service-checkout .checkout-shipping-box,
.regiotel-service-checkout .checkout-payment-box {
	display: none !important;
}

.regiotel-service-checkout .woocommerce-shipping-fields {
	display: none;
}

@media (min-width: 992px) {
	.service-checkout {
		padding: 60px 0 120px;
	}

	.service-checkout__panel {
		padding: 32px 40px;
		margin-bottom: 24px;
	}
}

@media (max-width: 991.98px) {

	.service-checkout__sidebar .service-checkout__review,
	.service-checkout__sidebar .checkout-sticky {
		position: static;
	}

	.service-checkout__order-total {
		font-size: 30px;
	}
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.home-pulse-orb__circle {
		animation: none;
		opacity: 0.65;
		transform: translate(-50%, -50%) scale(1);
	}
}

/* 480 x 800 */
@media (max-width: 480px) {
	.cart_item {
		display: block !important;
	}

	.woocommerce-checkout-review-order-table .cart_item {
		display: table-row !important;
	}

	.service-cart__item {
		padding: 15px;
	}

	.service-cart__item-name {
		font-size: 18px;
	}

	.cart-product-quantity {
		min-width: 100px;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 0;
		margin-top: 15px;
	}

	.cart-product-quantity .cart-product-price {
		margin: 0 !important;
	}

	.cart-product-quantity .quantity {
		max-width: 105px;
	}

	.h2 {
		font-size: 1.7rem;
	}

	.h3 {
		font-size: 1.6rem;
	}

	.h4 {
		font-size: 1.2rem;
	}

	.card-body {
		padding: .5rem 0;
	}

	.sticky-add-to-cart__content img {
		width: 50px;
		height: 50px;
	}

	.site-header--v2 .site-header__inner {
		gap: 6px;
	}

	.wpml-ls-legacy-list-horizontal .wpml-ls-item {
		margin-left: 8px;
	}
}

/* # DOSTUPNOST subpage (lean wizard, no Figma node) */
.dostupnost-wizard {
	position: relative;
	padding: 80px 0 60px;
	scroll-margin-top: 150px;
}

.dostupnost-wizard__box {
	padding: 48px 32px;
	text-align: center;
	color: var(--color-white);
	background: url(img/availability-bg.jpg) center / cover no-repeat;
	border-radius: 30px;
}

.dostupnost-wizard__title {
	font-family: var(--font-secondary);
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 16px;
}

.dostupnost-wizard__desc {
	font-size: 20px;
	color: var(--color-white);
	margin: 0 auto 44px;
	max-width: 665px;
}

.dostupnost-wizard__select {
	height: 50px;
	border-radius: 10px;
	border-color: var(--color-background);
}

.dostupnost-wizard .ra-availability-status--error {
	color: #ffe0e0;
}

.dostupnost-wizard .ra-availability-status--warning {
	color: #fff3cd;
}

.dostupnost-wizard .ra-availability-status--success {
	color: var(--color-white);
}

.dostupnost-wizard .js-ra-phone,
.dostupnost-wizard .js-ra-email,
.dostupnost-wizard .js-ra-first-name,
.dostupnost-wizard .js-ra-last-name,
.dostupnost-wizard .js-ra-birth-date,
.dostupnost-wizard .js-ra-document-number,
.dostupnost-wizard .js-ra-document-valid {
	background: var(--color-white);
}

@media (max-width: 767.98px) {
	.dostupnost-wizard {
		padding: 48px 0 40px;
	}

	.dostupnost-wizard__box {
		padding: 32px 20px;
		border-radius: 20px;
	}

	.dostupnost-wizard__title {
		font-size: 32px;
	}

	.dostupnost-wizard__desc {
		font-size: 16px;
		margin-bottom: 24px;
	}
}

/*--------------------------------------------------------------
# BLOG archive (index.php / archive.php)
--------------------------------------------------------------*/
.blog-hero {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	padding: 64px 0 56px;
	background: linear-gradient(90deg, #070e1e 0%, var(--color-primary) 100%);
	color: var(--color-white);
}

.blog-hero .breadcrumb {
	color: rgba(var(--color-white-rgb), 0.6);
	margin-bottom: 24px;
}

.blog-hero .breadcrumb a {
	color: rgba(var(--color-white-rgb), 0.6);
}

.blog-hero .breadcrumb a:hover {
	color: var(--color-secondary);
}

.blog-hero .breadcrumb .current,
.blog-hero .breadcrumb .separator {
	color: var(--color-white);
}

.blog-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--color-secondary);
	font-size: 18px;
	font-family: var(--font-secondary);
	font-weight: 500;
	margin-bottom: 16px;
}

.blog-hero__eyebrow i {
	font-size: 20px;
}

.blog-hero__title {
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: clamp(32px, 4vw, 50px);
	line-height: 1.15;
	margin-bottom: 0;
	color: var(--color-white);
}

.blog-hero__description {
	font-size: 18px;
	line-height: 1.6;
	max-width: 640px;
	margin-top: 16px;
	color: var(--color-white);
	opacity: 0.95;
}

.blog-archive {
	padding: 80px 0 120px;
}

.blog-card {
	background: var(--color-white);
	border-radius: 30px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 30px rgba(var(--color-primary-rgb), 0.06);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.blog-card:hover {
	box-shadow: 0 30px 60px rgba(var(--color-secondary-rgb), 0.2);
	transform: translateY(-4px);
}

.blog-card__media {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background-color: var(--color-background);
}

.blog-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.blog-card__cat {
	position: absolute;
	left: 20px;
	bottom: 20px;
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 8px 14px;
	border-radius: 31px;
}

.blog-card__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 24px 28px 28px;
}

.blog-card__date {
	display: block;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: rgba(var(--color-black-rgb), var(--text-opacity-50));
	margin-bottom: 8px;
}

.blog-card__title {
	font-family: var(--font-secondary);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 12px;
}

.blog-card__title a {
	color: var(--color-primary);
	text-decoration: none;
}

.blog-card__title a:hover {
	color: var(--color-primary-hover);
}

.blog-card__excerpt {
	font-size: 15px;
	line-height: 1.6;
	color: #5b5b5b;
	margin-bottom: 20px;
}

.blog-card__link {
	margin-top: auto;
	font-family: var(--font-secondary);
	font-size: 16px;
	font-weight: 700;
	color: var(--color-secondary-dark);
	text-decoration: none;
}

.blog-card__link:hover {
	color: var(--color-primary-hover);
}

.blog-pagination.navigation {
	display: block;
	margin-top: 64px;
}

.blog-pagination .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.blog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: 10px;
	background: var(--color-white);
	color: var(--color-primary);
	font-family: var(--font-secondary);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	border: 1px solid rgba(var(--color-primary-rgb), 0.12);
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.blog-pagination a.page-numbers:hover {
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
	border-color: transparent;
}

.blog-pagination .page-numbers.current {
	background: linear-gradient(to left, var(--color-secondary), var(--color-secondary-dark));
	color: var(--color-white);
	border-color: transparent;
}

.blog-pagination .page-numbers.dots {
	background: transparent;
	border-color: transparent;
	min-width: 24px;
	padding: 0;
}

@media (max-width: 991.98px) {
	.blog-hero {
		padding: 48px 0 40px;
		border-radius: 20px;
	}

	.blog-archive {
		padding: 48px 0 80px;
	}

	.blog-card__body {
		padding: 20px 22px 24px;
	}

	.blog-card__title {
		font-size: 20px;
	}

	.blog-pagination.navigation {
		margin-top: 40px;
	}
}

@media (max-width: 767.98px) {
	.blog-hero {
		padding: 36px 0 32px;
	}

	.blog-hero__title {
		font-size: 32px;
	}

	.blog-hero__eyebrow {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.blog-archive {
		padding: 32px 0 64px;
	}

	.blog-card {
		border-radius: 20px;
	}
}