.tbkss-form {
position: relative !important;
}
.tkbss-form,
.tkbss-form * {
box-sizing: border-box;
}
.tbkss-panel[hidden] {
display: none !important;
}
.tbkss-panel {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: min(760px, calc(100vw - 16px));
max-height: min(74vh, 720px);
display: flex;
flex-direction: column;
overflow: hidden;
color: #f7f7f7;
background: #111;
border: 1px solid rgba(255, 121, 0, .75);
border-radius: 14px;
box-shadow: 0 18px 50px rgba(0, 0, 0, .42);
text-align: left;
}
.tbkss-panel-top {
display: none;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 50px;
padding: 10px 14px;
border-bottom: 1px solid #2c2c2c;
}
.tbkss-close {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
padding: 0;
border: 0;
border-radius: 50%;
color: #fff;
background: #2b2b2b;
font-size: 26px;
line-height: 1;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
.tbkss-content {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
scrollbar-width: thin;
}
.tbkss-section {
padding: 10px 12px 4px;
}
.tbkss-section + .tbkss-section {
border-top: 1px solid #292929;
}
.tbkss-section h3 {
margin: 0 0 7px !important;
color: #ff7900 !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .08em;
line-height: 1.3 !important;
text-transform: uppercase;
}
.tbkss-items {
display: grid;
gap: 4px;
}
.tbkss-product,
.tbkss-entity,
.tbkss-all {
color: inherit !important;
text-decoration: none !important;
outline: none;
}
.tbkss-product {
display: grid;
grid-template-columns: 62px minmax(0, 1fr) auto;
align-items: center;
gap: 11px;
min-height: 68px;
padding: 6px;
width: 100%;
min-width: 0;
overflow: hidden;
border-radius: 10px;
}
.tbkss-product:hover,
.tbkss-product.is-active,
.tbkss-entity:hover,
.tbkss-entity.is-active,
.tbkss-all:hover,
.tbkss-all.is-active {
background: #242424;
}
.tbkss-product-image {
position: relative;
display: block;
width: 62px;
height: 62px;
overflow: hidden;
border-radius: 8px;
background: #242424;
}
.tbkss-product-image img,
.tbkss-image-placeholder {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tbkss-badge {
position: absolute;
top: 4px;
right: 4px;
max-width: calc(100% - 8px);
padding: 2px 5px;
overflow: hidden;
border-radius: 5px;
color: #111;
background: #ff7900;
font-size: 8px;
font-weight: 900;
line-height: 1.15;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.tbkss-badge.is-out {
color: #eee;
background: #555;
}
.tbkss-product-copy {
min-width: 0;
}
.tbkss-product-copy strong,
.tbkss-entity strong {
display: -webkit-box;
overflow: hidden;
color: #fff;
font-size: 14px;
font-weight: 750;
line-height: 1.25;
text-overflow: ellipsis;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.tbkss-product-copy small,
.tbkss-entity small,
.tbkss-product-commerce small {
display: block;
margin-top: 4px;
color: #bdbdbd;
font-size: 11px;
line-height: 1.25;
}
.tbkss-product-commerce {
min-width: 80px;
max-width: 170px;
overflow: hidden;
text-align: right;
}
.tbkss-price {
display: flex;
align-items: baseline;
justify-content: flex-end;
gap: 6px;
max-width: 100%;
overflow: hidden;
color: #ff7900;
font-size: 14px;
font-weight: 850;
white-space: nowrap;
}
.tbkss-price-current {
overflow: hidden;
text-overflow: ellipsis;
}
.tbkss-price-old {
flex: 0 0 auto;
color: #8f8f8f;
font-size: 11px;
font-weight: 650;
text-decoration: line-through;
}
.tbkss-product-commerce .is-out {
color: #999;
}
.tbkss-entity {
display: grid;
grid-template-columns: 38px minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
min-height: 48px;
padding: 5px 8px;
border-radius: 9px;
}
.tbkss-entity-media {
display: grid;
place-items: center;
width: 36px;
height: 36px;
overflow: hidden;
border-radius: 50%;
background: #2a2a2a;
}
.tbkss-entity-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tbkss-entity-icon {
color: #ff7900;
font-weight: 900;
}
.tbkss-footer[hidden] {
display: none !important;
}
.tbkss-footer {
flex: 0 0 auto;
padding: 8px 12px 12px;
border-top: 1px solid rgba(255, 121, 0, .38);
background: #111;
box-shadow: 0 -10px 24px rgba(0, 0, 0, .28);
}
.tbkss-all {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 0;
padding: 12px 14px;
border: 1px solid rgba(255, 121, 0, .72);
border-radius: 10px;
color: #fff !important;
background: #181818;
font-size: 13px;
font-weight: 800;
}
.tbkss-all > span:first-child {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbkss-message,
.tbkss-loading {
padding: 28px 18px;
color: #ccc;
text-align: center;
}
.tbkss-loading span {
display: inline-block;
width: 7px;
height: 7px;
margin: 0 3px;
border-radius: 50%;
background: #ff7900;
animation: tbkssPulse 1s infinite ease-in-out;
}
.tbkss-loading span:nth-child(2) { animation-delay: .13s; }
.tbkss-loading span:nth-child(3) { animation-delay: .26s; }
.tbkss-loading p { margin: 10px 0 0; }
@keyframes tbkssPulse {
0%, 100% { opacity: .25; transform: translateY(0); }
50% { opacity: 1; transform: translateY(-3px); }
}
@media (max-width: 767px) {
html.tbkss-mobile-open {
overflow: hidden;
}
.tbkss-panel {
position: fixed;
right: 8px;
bottom: 8px;
left: 8px;
width: auto;
max-height: none;
border-radius: 13px;
}
.tbkss-panel-top {
display: flex;
}
.tbkss-content {
max-height: none;
}
.tbkss-footer {
padding-bottom: max(12px, env(safe-area-inset-bottom));
}
.tbkss-product {
grid-template-columns: 56px minmax(0, 1fr);
}
.tbkss-product-image {
width: 56px;
height: 56px;
}
.tbkss-product-commerce {
grid-column: 2;
display: flex;
align-items: center;
justify-content: space-between;
min-width: 0;
margin-top: -3px;
text-align: left;
}
.tbkss-product-commerce small {
margin: 0 0 0 8px;
}
} .tbkss-section-best {
padding-top: 12px;
padding-bottom: 9px;
background: linear-gradient(180deg, rgba(255,121,0,.10), rgba(255,121,0,.025));
border-bottom: 1px solid rgba(255,121,0,.34);
}
.tbkss-section-best .tbkss-entity,
.tbkss-section-best .tbkss-product {
min-height: 76px;
padding: 10px;
border: 1px solid rgba(255,121,0,.55);
background: #191919;
}
.tbkss-section-best .tbkss-entity-media {
width: 46px;
height: 46px;
}
.tbkss-section-best .tbkss-entity {
grid-template-columns: 48px minmax(0, 1fr) auto;
}
.tbkss-section-best strong {
font-size: 16px;
}
.tbkss-correction{padding:10px 14px;border-bottom:1px solid rgba(255,121,0,.35);background:rgba(255,121,0,.08);color:#fff;font-size:13px;font-weight:700}
.tbkss-correction span{color:#ff8a00} .tbkss-panel {
background:
radial-gradient(circle at 12% -10%, rgba(255,121,0,.16), transparent 34%),
linear-gradient(180deg, #151515 0%, #0d0d0d 100%);
border-color: rgba(255,121,0,.55);
border-radius: 18px;
box-shadow: 0 28px 80px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.035) inset;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
.tbkss-panel-top {
min-height: 52px;
padding: 11px 14px 10px 18px;
background: rgba(8,8,8,.78);
border-bottom: 1px solid rgba(255,255,255,.07);
}
.tbkss-panel-query {
max-width: calc(100% - 48px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
font-size: 13px;
letter-spacing: .02em;
}
.tbkss-close {
width: 34px;
height: 34px;
display: grid;
place-items: center;
border: 1px solid rgba(255,255,255,.11) !important;
border-radius: 50% !important;
color: #fff !important;
background: rgba(255,255,255,.055) !important;
font-size: 23px !important;
line-height: 1 !important;
transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.tbkss-close:hover,
.tbkss-close:focus-visible {
transform: rotate(90deg);
border-color: rgba(255,121,0,.65) !important;
background: rgba(255,121,0,.17) !important;
}
.tbkss-content {
scrollbar-width: thin;
scrollbar-color: rgba(255,121,0,.55) transparent;
}
.tbkss-content::-webkit-scrollbar { width: 7px; }
.tbkss-content::-webkit-scrollbar-thumb {
border-radius: 20px;
background: rgba(255,121,0,.55);
}
.tbkss-section h3 {
color: #ff9a3d;
font-size: 10px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.tbkss-product,
.tbkss-entity {
border-radius: 12px;
transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.tbkss-product:hover,
.tbkss-product.is-active,
.tbkss-entity:hover,
.tbkss-entity.is-active {
transform: translateY(-1px);
background: linear-gradient(90deg, rgba(255,121,0,.13), rgba(255,255,255,.045));
box-shadow: 0 10px 24px rgba(0,0,0,.20);
}
.tbkss-section-best .tbkss-product,
.tbkss-section-best .tbkss-entity {
background: linear-gradient(115deg, rgba(255,121,0,.18), rgba(255,121,0,.045));
border: 1px solid rgba(255,121,0,.32);
box-shadow: 0 12px 30px rgba(0,0,0,.22);
}
.tbkss-product-image,
.tbkss-entity-media {
box-shadow: 0 8px 20px rgba(0,0,0,.28);
}
.tbkss-footer {
background: rgba(8,8,8,.94);
border-top: 1px solid rgba(255,121,0,.22);
box-shadow: 0 -10px 26px rgba(0,0,0,.24);
}
.tbkss-all {
border-radius: 12px;
background: linear-gradient(135deg, #ff7900, #ff9b35);
box-shadow: 0 8px 20px rgba(255,121,0,.20);
font-weight: 800;
}
.tbkss-all:hover,
.tbkss-all.is-active {
filter: brightness(1.06);
transform: translateY(-1px);
}
.tbkss-discovery-hero {
position: relative;
margin: 14px 14px 6px;
padding: 20px;
overflow: hidden;
border: 1px solid rgba(255,121,0,.24);
border-radius: 16px;
background: linear-gradient(135deg, rgba(255,121,0,.18), rgba(255,255,255,.035));
}
.tbkss-discovery-hero::after {
content: "⌕";
position: absolute;
right: 16px;
top: 5px;
color: rgba(255,121,0,.13);
font-size: 76px;
line-height: 1;
transform: rotate(-12deg);
}
.tbkss-discovery-hero > * {
position: relative;
z-index: 1;
display: block;
}
.tbkss-discovery-kicker {
margin-bottom: 7px;
color: #ff9a3d;
font-size: 10px;
font-weight: 900;
letter-spacing: .15em;
text-transform: uppercase;
}
.tbkss-discovery-hero strong {
max-width: 440px;
color: #fff;
font-size: 19px;
line-height: 1.2;
}
.tbkss-discovery-hero small {
margin-top: 7px;
color: rgba(255,255,255,.62);
font-size: 12px;
}
.tbkss-section-chips {
padding: 12px 14px 6px;
}
.tbkss-heading-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbkss-heading-row button {
padding: 4px 0 !important;
border: 0 !important;
color: rgba(255,255,255,.52) !important;
background: none !important;
font-size: 11px !important;
cursor: pointer;
}
.tbkss-heading-row button:hover { color: #ff9a3d !important; }
.tbkss-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 9px;
}
.tbkss-chip {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 38px;
padding: 8px 13px !important;
border: 1px solid rgba(255,255,255,.10) !important;
border-radius: 999px !important;
color: rgba(255,255,255,.90) !important;
background: rgba(255,255,255,.055) !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer;
transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
.tbkss-chip span { color: #ff8b22; }
.tbkss-chip:hover,
.tbkss-chip:focus-visible {
transform: translateY(-1px);
border-color: rgba(255,121,0,.42) !important;
background: rgba(255,121,0,.12) !important;
}
.tbkss-chip.is-popular {
background: linear-gradient(110deg, rgba(255,121,0,.11), rgba(255,255,255,.04)) !important;
}
.tbkss-empty-state {
display: flex;
min-height: 250px;
padding: 34px 20px;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.tbkss-empty-icon {
width: 62px;
height: 62px;
display: grid;
margin-bottom: 15px;
place-items: center;
border: 1px solid rgba(255,121,0,.28);
border-radius: 50%;
color: #ff8b22;
background: rgba(255,121,0,.10);
font-size: 31px;
}
.tbkss-empty-state strong {
color: #fff;
font-size: 19px;
}
.tbkss-empty-state p {
margin: 7px 0 3px;
color: rgba(255,255,255,.77);
font-size: 14px;
}
.tbkss-empty-state small {
max-width: 430px;
color: rgba(255,255,255,.48);
line-height: 1.5;
}
.tbkss-correction-action {
display: flex;
width: min(100%, 430px);
min-height: 46px;
margin-top: 18px;
padding: 11px 15px !important;
align-items: center;
justify-content: space-between;
border: 1px solid rgba(255,121,0,.35) !important;
border-radius: 12px !important;
color: #fff !important;
background: linear-gradient(110deg, rgba(255,121,0,.18), rgba(255,121,0,.06)) !important;
font-weight: 800 !important;
cursor: pointer;
}
@media (max-width: 767px) {
.tbkss-panel {
border-radius: 16px;
max-height: none;
}
.tbkss-panel-top {
min-height: 50px;
padding-left: 14px;
}
.tbkss-discovery-hero {
margin: 10px 10px 4px;
padding: 17px;
}
.tbkss-discovery-hero strong {
max-width: 260px;
font-size: 17px;
}
.tbkss-section-chips { padding: 12px 10px 5px; }
.tbkss-chip { min-height: 42px; }
.tbkss-product { padding: 9px; }
}
@media (prefers-reduced-motion: reduce) {
.tbkss-panel *, .tbkss-panel *::before, .tbkss-panel *::after {
scroll-behavior: auto !important;
transition: none !important;
animation: none !important;
}
} .tbkss-status {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
}
.tbkss-close {
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
}
.tbkss-chip,
.tbkss-correction-action {
min-height: 44px !important;
}
@media (prefers-reduced-motion: reduce) {
.tbkss-close,
.tbkss-product,
.tbkss-entity,
.tbkss-all,
.tbkss-chip,
.tbkss-loading span {
animation: none !important;
transition: none !important;
transform: none !important;
}
}.tkbhf-gtranslate-bootstrap,
.tkbhf-gtranslate-shortcode-source {
position: absolute !important;
top: 0 !important;
left: -10000px !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} body.et_boxed_layout #page-container #et-boc header #header-icons-section .et_pb_row,
body.et_boxed_layout #page-container #et-boc header #header-icons-section + .et_pb_section .et_pb_row {
width: 94% !important;
max-width: 1280px !important;
}
#header-icons-section {
position: relative !important;
z-index: 1001;
margin: 0 !important;
padding: 0 !important;
background: #000 !important;
overflow: visible !important;
}
#header-icons-section > .et_pb_row {
display: grid !important;
grid-template-columns: clamp(230px, 25vw, 300px) minmax(0, 1fr) max-content !important;
align-items: center !important;
gap: 20px !important;
margin: 0 auto !important;
padding: 10px 0 !important;
}
#header-icons-section .et_pb_column {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
min-width: 0;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
#header-icons-section .et_pb_module,
#header-icons-section .et_pb_code,
#header-icons-section .et_pb_code_inner {
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section .et_pb_column:nth-child(1),
#header-icons-section .et_pb_column:nth-child(3) {
display: flex !important;
align-items: center !important;
}
#header-icons-section .et_pb_column:nth-child(1) {
justify-content: flex-start !important;
width: 100% !important;
max-width: none !important;
flex-basis: auto !important;
}
#header-icons-section .et_pb_column:nth-child(2) {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex-basis: auto !important;
}
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code_inner,
#header-icons-section .et_pb_column:nth-child(2) .tkb-v2-search-wrap,
#header-icons-section .et_pb_column:nth-child(2) .tkb-v2-search {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
#header-icons-section .et_pb_column:nth-child(3) {
justify-content: flex-end !important;
width: max-content !important;
max-width: none !important;
min-width: max-content !important;
flex-basis: auto !important;
}
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100%;
margin: 0 !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
display: block !important;
width: 100% !important;
max-width: 320px !important;
height: auto !important;
margin: 0 !important;
} .tkb-v2-search-wrap {
width: 100%;
min-width: 0;
}
.tkb-v2-search {
display: flex;
align-items: center;
width: 100%;
height: 42px;
margin: 0;
overflow: hidden;
border: 1px solid #343434;
border-radius: 7px;
background: #191919;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.tkb-v2-search:focus-within {
border-color: var(--tkb-orange);
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.15);
}
.tkb-v2-search input[type="search"] {
flex: 1 1 auto;
min-width: 0;
width: 100%;
height: 100%;
margin: 0 !important;
padding: 0 14px !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #fff !important;
font-size: 14px !important;
line-height: normal !important;
appearance: none;
}
.tkb-v2-search input[type="search"]::placeholder {
color: #909090 !important;
opacity: 1;
}
.tkb-v2-search input[type="search"]::-webkit-search-cancel-button {
width: 14px;
height: 14px;
margin-right: 5px;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'/%3e%3cline x1='6' y1='6' x2='18' y2='18'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
opacity: 0.7;
}
.tkb-v2-search input[type="search"]::-webkit-search-cancel-button:hover {
opacity: 1;
}
.tkb-v2-search button {
display: flex !important;
flex: 0 0 48px;
align-items: center;
justify-content: center;
width: 48px;
height: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--tkb-orange) !important;
color: #000 !important;
cursor: pointer;
}
.tkb-v2-search button:hover {
background: var(--tkb-orange-hover) !important;
}
.tkb-v2-search button svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
} .tkb-v2-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 5px;
min-width: max-content;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap;
position: relative !important;
top: auto !important;
transform: none !important;
overflow: visible !important;
}
.tkb-v2-icon {
position: relative !important;
top: auto !important;
display: inline-flex !important;
flex: 0 0 40px;
align-items: center !important;
justify-content: center !important;
width: 40px;
height: 40px;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px;
background: transparent !important;
color: #fff !important;
text-decoration: none !important;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease;
overflow: visible !important;
}
.tkb-v2-icon:hover,
.tkb-v2-icon:focus-visible {
background: #191919 !important;
color: var(--tkb-orange) !important;
}
.tkb-v2-icon svg {
display: block;
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.tkb-v2-burger {
display: none !important;
}
.tkb-v2-cart .cart-count {
position: absolute !important;
top: -1px !important;
right: -2px !important;
display: flex !important;
align-items: center;
justify-content: center;
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50%;
background: var(--tkb-orange) !important;
color: #000 !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1 !important;
z-index: 2;
}
.cart-count.is-animated {
transform: scale(1.3);
transition: transform 0.25s ease;
} .tkb-v2-language {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.tkb-v2-language-desktop {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
}
.tkbhf-language-control {
position: relative !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
z-index: 10020 !important;
}
.tkbhf-language-control-desktop {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
}
.tkbhf-language-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: transparent !important;
color: #fff !important;
box-shadow: none !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
.tkbhf-language-toggle:hover,
.tkbhf-language-toggle:focus-visible,
.tkbhf-language-control.is-open .tkbhf-language-toggle {
background: #191919 !important;
color: var(--tkb-orange) !important;
}
.tkbhf-language-current-flag {
display: inline-flex !important;
flex: 0 0 19px !important;
align-items: center !important;
justify-content: center !important;
width: 19px !important;
height: 19px !important;
}
.tkbhf-language-current-flag img {
display: block !important;
width: 19px !important;
min-width: 19px !important;
max-width: 19px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.tkbhf-language-current-code {
display: none !important;
}
.tkbhf-language-chevron {
display: block !important;
flex: 0 0 7px !important;
width: 7px !important;
height: 7px !important;
margin: -4px 0 0 0 !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
transform: rotate(45deg) !important;
box-sizing: border-box !important;
}
.tkbhf-language-control.is-open .tkbhf-language-chevron {
margin-top: 4px !important;
transform: rotate(225deg) !important;
}
.tkbhf-language-menu[hidden] {
display: none !important;
}
.tkbhf-language-menu {
position: absolute !important;
top: calc(100% + 7px) !important;
right: 0 !important;
bottom: auto !important;
left: auto !important;
z-index: 10030 !important;
width: 224px !important;
min-width: 224px !important;
max-width: 224px !important;
max-height: 310px !important;
margin: 0 !important;
padding: 5px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border: 1px solid #3b3b3b !important;
border-radius: 9px !important;
background: #101010 !important;
box-shadow: 0 16px 38px rgba(0, 0, 0, 0.72) !important;
box-sizing: border-box !important;
scrollbar-width: thin;
scrollbar-color: #555 #101010;
}
.tkbhf-language-menu::-webkit-scrollbar {
width: 7px;
}
.tkbhf-language-menu::-webkit-scrollbar-track {
background: #101010;
}
.tkbhf-language-menu::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #555;
}
.tkbhf-language-option {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.tkbhf-language-option a[data-gt-lang] {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 40px !important;
margin: 0 !important;
padding: 8px 10px !important;
border: 0 !important;
border-radius: 6px !important;
background: #101010 !important;
color: #ededed !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-decoration: none !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
.tkbhf-language-option a[data-gt-lang]:hover,
.tkbhf-language-option a[data-gt-lang]:focus,
.tkbhf-language-option a[data-gt-lang].is-current {
background: var(--tkb-orange) !important;
color: #000 !important;
}
.tkbhf-language-option a[data-gt-lang] img {
display: block !important;
flex: 0 0 22px !important;
width: 22px !important;
max-width: 22px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.tkbhf-language-control.is-unavailable {
display: none !important;
} .tkb-v2-drawer-language {
display: none;
}
.tkb-v2-drawer-language-label {
color: #fff;
font-size: 14px;
font-weight: 700;
}
@media only screen and (max-width: 980px) {
.tkb-v2-language-desktop {
display: none !important;
}
.tkb-v2-drawer-language {
position: relative !important;
display: flex !important;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 62px;
padding: 10px 16px;
overflow: visible !important;
border-top: 1px solid #333;
background: var(--tkb-panel);
z-index: 10010 !important;
}
.tkb-v2-language-mobile {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 82px !important;
min-width: 82px !important;
overflow: visible !important;
z-index: 10020 !important;
}
.tkbhf-language-control-mobile,
.tkbhf-language-control-mobile .tkbhf-language-toggle {
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
height: 40px !important;
}
.tkbhf-language-control-mobile .tkbhf-language-toggle {
gap: 6px !important;
padding: 0 8px !important;
border: 1px solid #363636 !important;
background: #171717 !important;
}
.tkbhf-language-control-mobile .tkbhf-language-current-code {
display: inline-block !important;
color: inherit !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
.tkbhf-language-control-mobile .tkbhf-language-menu {
top: auto !important;
right: 0 !important;
bottom: calc(100% + 7px) !important;
left: auto !important;
width: min(230px, calc(100vw - 40px)) !important;
min-width: 210px !important;
max-width: calc(100vw - 40px) !important;
max-height: min(310px, 55vh) !important;
}
} #header-icons-section + .et_pb_section {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
z-index: 1000;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-top: 1px solid #202020;
border-bottom: 1px solid #292929;
background: rgba(0, 0, 0, 0.94) !important;
transform: none !important;
}
#header-icons-section + .et_pb_section .et_pb_row {
margin: 0 auto !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section .et_pb_menu,
#header-icons-section + .et_pb_section .et_pb_menu_inner_container {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section .et_pb_menu__wrap,
#header-icons-section + .et_pb_section .et_pb_menu__menu {
width: 100%;
justify-content: stretch !important;
}
#header-icons-section + .et_pb_section .et-menu {
display: flex !important;
align-items: center;
justify-content: space-between !important;
gap: 16px;
width: 100%;
margin: 0 !important;
}
#header-icons-section + .et_pb_section .et-menu > li {
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a {
padding: 13px 4px !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
opacity: 1 !important;
} #header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px;
padding-right: 4px !important;
}
#header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child::after {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
display: inline-block !important;
width: 7px;
height: 7px;
margin: -3px 0 0 1px !important;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
content: "" !important;
font-family: inherit !important;
font-size: 0 !important;
line-height: 0 !important;
transform: rotate(45deg) !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:hover,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-item > a,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-ancestor > a {
color: var(--tkb-orange) !important;
} #header-icons-section + .et_pb_section .et-menu > li > ul.sub-menu {
padding: 14px !important;
border-top: 3px solid var(--tkb-orange) !important;
border-radius: 0 0 8px 8px;
background: #111 !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li {
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a {
width: 100% !important;
padding: 10px 12px !important;
border-radius: 5px;
color: #e5e5e5 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
} #header-icons-section + .et_pb_section .et-menu > li:nth-child(2) > ul.sub-menu {
display: grid !important;
grid-template-columns: repeat(3, minmax(190px, 1fr));
gap: 4px 12px;
width: min(780px, 88vw) !important;
} .tkb-v2-overlay {
position: fixed;
inset: 0;
z-index: 99998;
background: rgba(0, 0, 0, 0.72);
opacity: 0;
transition: opacity 0.25s ease;
}
.tkb-v2-overlay.is-visible {
opacity: 1;
}
.tkb-v2-drawer {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
display: flex;
flex-direction: column;
width: min(88vw, 400px);
height: 100vh;
height: 100dvh;
overflow: hidden;
background: var(--tkb-panel);
color: #fff;
box-shadow: 20px 0 50px rgba(0, 0, 0, 0.55);
transform: translateX(-105%);
transition: transform 0.28s ease;
}
.tkb-v2-drawer.is-open {
transform: translateX(0);
}
.tkb-v2-drawer-head {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
min-height: 74px;
padding: 12px 16px;
border-bottom: 1px solid #333;
background: #000 !important;
}
.tkb-v2-drawer-logo {
display: block;
max-width: calc(100% - 60px);
background: #000 !important;
}
.tkb-v2-drawer-logo img {
display: block;
width: 190px;
max-width: 100%;
height: auto;
background: #000 !important;
}
.tkb-v2-close {
display: flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
border: 0;
border-radius: 7px;
background: transparent;
color: #fff;
cursor: pointer;
}
.tkb-v2-close:hover,
.tkb-v2-close:focus-visible {
background: #252525;
color: var(--tkb-orange);
}
.tkb-v2-close svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
}
.tkb-v2-drawer-nav {
flex: 1 1 auto;
padding: 8px 0 20px;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.tkb-v2-drawer-menu,
.tkb-v2-drawer-menu ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tkb-v2-drawer-menu li {
position: relative;
margin: 0 !important;
padding: 0 !important;
}
.tkb-v2-drawer-menu > li {
border-bottom: 1px solid #292929;
}
.tkb-v2-drawer-menu li a {
display: block;
padding: 15px 54px 15px 20px;
color: #eee !important;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
}
.tkb-v2-drawer-menu li a:hover,
.tkb-v2-drawer-menu li a:focus-visible {
background: #1d1d1d;
color: var(--tkb-orange) !important;
}
.tkb-v2-submenu-toggle {
position: absolute;
top: 5px;
right: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: #fff;
cursor: pointer;
}
.tkb-v2-submenu-toggle svg {
width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 2;
transition: transform 0.2s ease;
}
.tkb-v2-drawer-menu li.is-open > .tkb-v2-submenu-toggle svg {
transform: rotate(180deg);
} .tkb-v2-drawer-menu ul.sub-menu {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
display: none;
visibility: visible !important;
width: auto !important;
margin: 0 !important;
padding: 0 0 8px 14px !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--tkb-panel-dark) !important;
box-shadow: none !important;
opacity: 1 !important;
transform: none !important;
}
.tkb-v2-drawer-menu li.is-open > ul.sub-menu {
display: block !important;
}
.tkb-v2-drawer-menu ul.sub-menu li a {
padding: 12px 46px 12px 20px;
color: #cfcfcf !important;
font-size: 13px;
font-weight: 600;
}
.tkb-v2-drawer-footer {
display: grid;
flex: 0 0 auto;
grid-template-columns: 1fr 1fr;
border-top: 1px solid #333;
background: var(--tkb-panel);
}
.tkb-v2-drawer-footer a {
padding: 16px;
color: #fff !important;
font-size: 13px;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.tkb-v2-drawer-footer a + a {
border-left: 1px solid #333;
}
.tkb-v2-drawer-footer a:hover {
background: #1f1f1f;
color: var(--tkb-orange) !important;
}
body.tkb-v2-menu-open {
overflow: hidden !important;
} body.admin-bar .tkb-v2-drawer {
top: 32px;
height: calc(100dvh - 32px);
} @media only screen and (max-width: 980px) {
body.et_boxed_layout #page-container #et-boc header #header-icons-section .et_pb_row {
width: 100% !important;
max-width: none !important;
}
#header-icons-section {
overflow: visible !important;
}
#header-icons-section > .et_pb_row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-rows: minmax(60px, auto) auto !important;
align-items: center !important;
row-gap: 8px !important;
column-gap: clamp(10px, 3vw, 18px) !important;
width: 100% !important;
margin: 0 auto !important;
padding: 8px 12px 12px !important;
overflow: visible !important;
} #header-icons-section .et_pb_column:nth-child(1) {
grid-column: 1;
grid-row: 1;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
align-self: stretch !important;
min-width: 0;
min-height: 60px !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
display: block !important;
width: auto !important;
max-width: min(210px, calc(100vw - 175px)) !important;
max-height: 50px !important;
margin: 0 !important;
} #header-icons-section .et_pb_column:nth-child(2) {
grid-column: 1 / -1;
grid-row: 2;
width: 100% !important;
min-width: 0;
}
#header-icons-section .et_pb_column:nth-child(2),
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code_inner {
margin: 0 !important;
padding: 0 !important;
} #header-icons-section .et_pb_column:nth-child(3) {
grid-column: 2;
grid-row: 1;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
align-self: stretch !important;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code_inner {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 100% !important;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
.tkb-v2-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 2px;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
.tkb-v2-icon {
flex: 0 0 40px !important;
width: 40px !important;
height: 42px !important;
margin: 0 !important;
top: auto !important;
}
.tkb-v2-icon svg {
width: 22px;
height: 22px;
}
.tkb-v2-burger {
display: inline-flex !important;
}
.tkb-v2-search {
height: 44px;
}
.tkb-v2-search input[type="search"] {
font-size: 14px !important;
} #header-icons-section + .et_pb_section {
display: none !important;
}
}
@media only screen and (max-width: 782px) {
body.admin-bar .tkb-v2-drawer {
top: 46px;
height: calc(100dvh - 46px);
}
}
@media only screen and (max-width: 430px) {
#header-icons-section > .et_pb_row {
row-gap: 7px !important;
column-gap: 12px !important;
padding: 7px 9px 11px !important;
} #header-icons-section .et_pb_column:nth-child(1) img {
max-width: min(162px, calc(100vw - 156px)) !important;
max-height: 44px !important;
}
.tkb-v2-actions {
gap: 0 !important;
}
.tkb-v2-icon {
flex: 0 0 36px !important;
width: 36px !important;
height: 40px !important;
}
.tkb-v2-icon svg {
width: 21px !important;
height: 21px !important;
}
.tkb-v2-cart .cart-count {
top: 0 !important;
right: -1px !important;
}
} .tkb-v2-icon:focus-visible,
.tkb-v2-search button:focus-visible,
.tkb-v2-close:focus-visible,
.tkb-v2-submenu-toggle:focus-visible,
.tkb-v2-drawer a:focus-visible {
outline: 2px solid var(--tkb-orange);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.tkb-v2-overlay,
.tkb-v2-drawer,
.tkb-v2-submenu-toggle svg,
.cart-count {
transition: none !important;
}
} @media only screen and (min-width: 981px) {
.tkbhf-active .tkb-v2-actions {
display: grid !important;
grid-template-columns: repeat(3, 44px) !important;
align-items: center !important;
justify-content: end !important;
column-gap: 8px !important;
width: max-content !important;
min-width: max-content !important;
}
.tkbhf-active .tkb-v2-account,
.tkbhf-active .tkb-v2-cart,
.tkbhf-active .tkb-v2-language-desktop {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
margin: 0 !important;
}
.tkbhf-active .tkb-v2-cart > svg {
transform: translateX(-2px) !important;
}
.tkbhf-active .tkb-v2-cart .cart-count {
top: -2px !important;
right: 1px !important;
}
} @media only screen and (min-width: 981px) { #header-icons-section + .et_pb_section .et-menu > li > a,
#header-icons-section + .et_pb_section .et-menu > li > a::before,
#header-icons-section + .et_pb_section .et-menu > li > a::after {
transition: none !important;
transition-delay: 0s !important;
animation: none !important;
} #header-icons-section + .et_pb_section .et-menu ul.sub-menu,
#header-icons-section + .et_pb_section .et-menu ul.sub-menu *,
#header-icons-section + .et_pb_section .et-menu li.menu-item-has-children {
transition: none !important;
transition-delay: 0s !important;
animation: none !important;
} #header-icons-section + .et_pb_section
.et-menu ul.sub-menu li > a:hover,
#header-icons-section + .et_pb_section
.et-menu ul.sub-menu li > a:focus-visible {
background: #ff9900 !important;
background-color: #ff9900 !important;
color: #000000 !important;
opacity: 1 !important;
filter: none !important;
} #header-icons-section + .et_pb_section
.et-menu > li > a:hover,
#header-icons-section + .et_pb_section
.et-menu > li.current-menu-item > a,
#header-icons-section + .et_pb_section
.et-menu > li.current-menu-ancestor > a {
color: #ff9900 !important;
}
} .tkbhf-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
}
.tkb-v2-drawer[aria-hidden="true"] {
pointer-events: none !important;
visibility: hidden !important;
}
.tkb-v2-drawer.is-open {
pointer-events: auto !important;
visibility: visible !important;
}
@media only screen and (max-width: 980px) {
.tkb-v2-icon {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
}
.tkb-v2-close,
.tkb-v2-submenu-toggle {
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
}
.tkb-v2-drawer-footer a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 48px !important;
}
}
@media only screen and (max-width: 430px) {
#header-icons-section > .et_pb_row {
column-gap: 8px !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
max-width: min(158px, calc(100vw - 166px)) !important;
}
.tkb-v2-actions {
gap: 0 !important;
}
.tkb-v2-icon {
flex-basis: 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
}
} body.tkbhf-checkout-mode #header-icons-section + .et_pb_section {
display: none !important;
}
body.tkbhf-checkout-mode #header-icons-section {
min-height: 72px !important;
border-bottom: 1px solid rgba(255, 255, 255, .11) !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, .18) !important;
}
body.tkbhf-checkout-mode #header-icons-section > .et_pb_row {
display: grid !important;
grid-template-columns: minmax(180px, auto) minmax(180px, 1fr) auto !important;
grid-template-areas: "logo secure help" !important;
align-items: center !important;
gap: 28px !important;
min-height: 72px !important;
padding: 10px 0 !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column {
display: flex !important;
align-items: center !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(1) {
grid-area: logo !important;
justify-content: flex-start !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(2) {
grid-area: secure !important;
justify-content: center !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(3) {
grid-area: help !important;
justify-content: flex-end !important;
}
body.tkbhf-checkout-mode
#header-icons-section
.et_pb_column:nth-child(1) img {
width: auto !important;
max-width: 190px !important;
max-height: 48px !important;
object-fit: contain !important;
}
.tkbhf-checkout-header-trust,
.tkbhf-checkout-header-help {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
min-height: 44px !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
.tkbhf-checkout-header-lock {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
border-radius: 999px !important;
background: rgba(255, 153, 0, .13) !important;
color: #ff9900 !important;
}
.tkbhf-checkout-header-lock svg {
width: 16px !important;
height: 16px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.9 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.tkbhf-checkout-header-help {
min-width: 44px !important;
padding: 0 12px !important;
border: 1px solid rgba(255, 255, 255, .18) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .045) !important;
text-decoration: none !important;
transition: border-color .15s ease, background-color .15s ease, color .15s ease !important;
}
.tkbhf-checkout-header-help-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
border: 1.5px solid currentColor !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.tkbhf-checkout-header-help:hover,
.tkbhf-checkout-header-help:focus-visible {
border-color: #ff9900 !important;
background: rgba(255, 153, 0, .09) !important;
color: #ff9900 !important;
}
.tkbhf-checkout-header-help:focus-visible {
outline: 2px solid #ff9900 !important;
outline-offset: 3px !important;
}
@media (max-width: 980px) {
body.tkbhf-checkout-mode #header-icons-section {
min-height: 0 !important;
}
body.tkbhf-checkout-mode #header-icons-section > .et_pb_row {
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas:
"logo help"
"secure secure" !important;
gap: 6px 12px !important;
min-height: 0 !important;
padding: 9px 0 10px !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(1) {
min-height: 44px !important;
}
body.tkbhf-checkout-mode
#header-icons-section
.et_pb_column:nth-child(1) img {
max-width: min(170px, calc(100vw - 170px)) !important;
max-height: 42px !important;
}
.tkbhf-checkout-header-trust {
width: 100% !important;
min-height: 30px !important;
padding-top: 5px !important;
border-top: 1px solid rgba(255, 255, 255, .08) !important;
font-size: 12.5px !important;
}
.tkbhf-checkout-header-lock {
width: 24px !important;
height: 24px !important;
}
.tkbhf-checkout-header-lock svg {
width: 14px !important;
height: 14px !important;
}
.tkbhf-checkout-header-help {
min-height: 42px !important;
padding: 0 10px !important;
font-size: 12.5px !important;
}
}
@media (max-width: 360px) {
.tkbhf-checkout-header-help > span:last-child {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.tkbhf-checkout-header-help {
width: 44px !important;
padding: 0 !important;
}
} .tkbhf-trust-bar,
.tkbhf-trust-bar * {
box-sizing: border-box !important;
}
.tkbhf-trust-bar {
position: relative !important;
z-index: 8 !important;
display: none !important;
width: 100% !important;
min-height: 30px !important;
border-top: 1px solid rgba(255, 255, 255, .06) !important;
border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
background: #101010 !important;
color: #e7e7e7 !important;
}
.tkbhf-trust-inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 90% !important;
max-width: 1240px !important;
min-height: 30px !important;
margin: 0 auto !important;
}
.tkbhf-trust-desktop {
display: none !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 30px !important;
font-size: 11.5px !important;
font-weight: 650 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
.tkbhf-trust-desktop-item {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
color: #dddddd !important;
}
.tkbhf-trust-separator {
display: block !important;
flex: 0 0 1px !important;
width: 1px !important;
height: 13px !important;
margin: 0 18px !important;
background: rgba(255, 255, 255, .17) !important;
}
.tkbhf-trust-icon {
display: inline-flex !important;
flex: 0 0 16px !important;
align-items: center !important;
justify-content: center !important;
width: 16px !important;
height: 16px !important;
color: #ff9900 !important;
}
.tkbhf-trust-icon svg {
display: block !important;
width: 15px !important;
height: 15px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.9 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.tkbhf-trust-mobile {
display: none !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 32px !important;
padding: 4px 0 !important;
color: #f2f2f2 !important;
font-size: 11.5px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
}
.tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.tkbhf-checkout-mode .tkbhf-trust-bar {
display: none !important;
}
@media (min-width: 981px) {
.tkbhf-trust-bar.has-desktop {
display: block !important;
}
.tkbhf-trust-bar.has-desktop .tkbhf-trust-desktop {
display: flex !important;
}
}
@media (max-width: 980px) {
.tkbhf-trust-bar.has-mobile {
display: block !important;
min-height: 32px !important;
}
.tkbhf-trust-bar.has-mobile .tkbhf-trust-mobile {
display: flex !important;
}
.tkbhf-trust-inner {
width: calc(100% - 24px) !important;
max-width: 620px !important;
min-height: 32px !important;
}
}
@media (max-width: 360px) {
.tkbhf-trust-inner {
width: calc(100% - 16px) !important;
}
.tkbhf-trust-mobile {
font-size: 11px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.tkbhf-trust-bar,
.tkbhf-trust-bar * {
animation: none !important;
transition: none !important;
}
} .tkbhf-trust-bar {
min-height: 28px !important;
border-top: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
background: #0d0d0d !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-desktop {
min-height: 28px !important;
}
.tkbhf-trust-desktop {
font-size: 11px !important;
}
.tkbhf-trust-separator {
height: 12px !important;
margin-right: 16px !important;
margin-left: 16px !important;
}
@media (max-width: 980px) {
.tkbhf-trust-bar.has-mobile {
min-height: 30px !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-mobile {
min-height: 30px !important;
}
.tkbhf-trust-mobile {
padding-top: 3px !important;
padding-bottom: 3px !important;
}
} .tkb-v2-cart.is-empty .cart-count,
.tkb-v2-cart .cart-count[hidden],
.tkb-v2-cart .cart-count:empty {
display: none !important;
}
.tkbhf-trust-bar {
min-height: 30px !important;
border: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
background: linear-gradient(180deg, #121212 0%, #0e0e0e 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-desktop {
min-height: 30px !important;
}
.tkbhf-trust-desktop {
justify-content: space-between !important;
max-width: 960px !important;
margin: 0 auto !important;
font-size: 11.5px !important;
font-weight: 600 !important;
letter-spacing: .005em !important;
}
.tkbhf-trust-desktop-item {
flex: 1 1 0 !important;
min-width: 0 !important;
gap: 7px !important;
}
.tkbhf-trust-copy {
display: inline-flex !important;
align-items: baseline !important;
justify-content: center !important;
gap: .28em !important;
min-width: 0 !important;
color: #f2f2f2 !important;
line-height: 1.2 !important;
}
.tkbhf-trust-prefix,
.tkbhf-trust-suffix {
color: #ededed !important;
font-weight: 600 !important;
}
.tkbhf-trust-accent {
color: #ff9900 !important;
font-weight: 850 !important;
white-space: nowrap !important;
}
.tkbhf-trust-separator {
flex: 0 0 1px !important;
height: 12px !important;
margin: 0 13px !important;
background: rgba(255, 255, 255, .13) !important;
}
.tkbhf-trust-icon {
flex: 0 0 15px !important;
width: 15px !important;
height: 15px !important;
}
.tkbhf-trust-icon svg {
width: 14px !important;
height: 14px !important;
stroke-width: 2 !important;
}
@media (min-width: 981px) {
.tkb-v2-language {
margin-left: 3px !important;
}
}
@media (max-width: 980px) {
.tkbhf-trust-bar.has-mobile,
.tkbhf-trust-inner,
.tkbhf-trust-mobile {
min-height: 31px !important;
}
.tkbhf-trust-mobile {
gap: 7px !important;
padding: 4px 0 !important;
color: #f5f5f5 !important;
font-size: 11.75px !important;
font-weight: 650 !important;
letter-spacing: .005em !important;
}
.tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tkbhf-trust-mobile .tkbhf-trust-copy {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
}
@media (max-width: 360px) {
.tkbhf-trust-mobile {
font-size: 11.2px !important;
}
.tkbhf-trust-mobile .tkbhf-trust-copy {
gap: .2em !important;
}
} .tkbhf-trust-bar {
background: #000000 !important;
background-image: none !important;
box-shadow: none !important;
border-top: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-desktop,
.tkbhf-trust-mobile {
background: transparent !important;
} .tkbhf-trust-prefix,
.tkbhf-trust-suffix,
.tkbhf-trust-copy {
color: #f2f2f2 !important;
}
.tkbhf-trust-separator {
background: rgba(255, 255, 255, .10) !important;
}
@media (max-width: 980px) {
.tkbhf-trust-bar {
border-bottom-color: rgba(255, 255, 255, .045) !important;
}
} :root {
--tkbhf-header-separator: rgba(255, 255, 255, .065);
--tkbhf-menu-surface: #050505;
--tkbhf-submenu-surface: #0c0c0c;
} .tkbhf-trust-bar {
border-top: 0 !important;
border-bottom: 1px solid var(--tkbhf-header-separator) !important;
}
#header-icons-section {
border-top: 0 !important;
border-bottom: 0 !important;
}
#header-icons-section + .et_pb_section {
border-top: 1px solid var(--tkbhf-header-separator) !important;
border-bottom: 1px solid var(--tkbhf-header-separator) !important;
background: var(--tkbhf-menu-surface) !important;
} @media only screen and (min-width: 981px) {
#header-icons-section + .et_pb_section .et_pb_row {
width: 94% !important;
max-width: 1240px !important;
}
#header-icons-section + .et_pb_section .et-menu {
align-items: stretch !important;
justify-content: center !important;
gap: clamp(16px, 2.15vw, 34px) !important;
min-height: 46px !important;
}
#header-icons-section + .et_pb_section .et-menu > li {
display: flex !important;
align-items: stretch !important;
min-height: 46px !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 3px !important;
color: #f4f4f4 !important;
font-size: 14.5px !important;
font-weight: 750 !important;
letter-spacing: .008em !important;
line-height: 1.15 !important;
text-decoration: none !important;
transition: color .11s ease !important;
} #header-icons-section + .et_pb_section .et-menu > li > a::before {
position: absolute !important;
right: 0 !important;
bottom: -1px !important;
left: 0 !important;
display: block !important;
width: auto !important;
height: 2px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 2px 2px 0 0 !important;
background: #ff9900 !important;
content: "" !important;
opacity: 0 !important;
transform: scaleX(.35) !important;
transform-origin: center !important;
transition:
transform .11s ease,
opacity .11s ease !important;
pointer-events: none !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:hover,
#header-icons-section + .et_pb_section .et-menu > li > a:focus-visible,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-item > a,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-ancestor > a {
color: #ff9900 !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:hover::before,
#header-icons-section + .et_pb_section .et-menu > li > a:focus-visible::before,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-item > a::before,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-ancestor > a::before {
opacity: 1 !important;
transform: scaleX(1) !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:focus-visible {
outline: 2px solid #ff9900 !important;
outline-offset: 4px !important;
border-radius: 4px !important;
} #header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child {
gap: 7px !important;
}
#header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child::after {
width: 6px !important;
height: 6px !important;
margin: -3px 0 0 1px !important;
border-right-width: 1.5px !important;
border-bottom-width: 1.5px !important;
opacity: .82 !important;
} #header-icons-section + .et_pb_section .et-menu > li > ul.sub-menu {
margin-top: 0 !important;
padding: 10px !important;
overflow: hidden !important;
border: 1px solid var(--tkbhf-header-separator) !important;
border-top: 2px solid #ff9900 !important;
border-radius: 0 0 10px 10px !important;
background: var(--tkbhf-submenu-surface) !important;
box-shadow:
0 18px 46px rgba(0, 0, 0, .58),
0 1px 0 rgba(255, 255, 255, .035) inset !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a {
display: flex !important;
align-items: center !important;
min-height: 40px !important;
padding: 9px 11px !important;
border: 0 !important;
border-radius: 6px !important;
background: transparent !important;
color: #dedede !important;
font-size: 13px !important;
font-weight: 650 !important;
letter-spacing: .003em !important;
line-height: 1.25 !important;
transition:
background-color .10s ease,
color .10s ease,
transform .10s ease !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a:hover,
#header-icons-section + .et_pb_section ul.sub-menu li a:focus-visible {
background: #ff9900 !important;
color: #000000 !important;
transform: translateX(2px) !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a:focus-visible {
outline: 2px solid #ffffff !important;
outline-offset: -3px !important;
} #header-icons-section + .et_pb_section
.et-menu > li:nth-child(2) > ul.sub-menu {
grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
gap: 3px 10px !important;
width: min(800px, 90vw) !important;
padding: 12px !important;
}
}
@media (prefers-reduced-motion: reduce) {
#header-icons-section + .et_pb_section .et-menu > li > a,
#header-icons-section + .et_pb_section .et-menu > li > a::before,
#header-icons-section + .et_pb_section ul.sub-menu li a {
transition: none !important;
transform: none !important;
}
} @media (max-width: 980px) {
.tkbhf-trust-mobile {
position: relative !important;
display: none !important;
height: 31px !important;
min-height: 31px !important;
padding: 0 !important;
overflow: hidden !important;
}
.tkbhf-trust-bar.has-mobile .tkbhf-trust-mobile {
display: block !important;
}
.tkbhf-trust-mobile-track {
position: relative !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
overflow: hidden !important;
}
.tkbhf-trust-mobile-slide {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
min-width: 0 !important;
height: 31px !important;
padding: 4px 0 !important;
opacity: 0 !important;
transform: translateY(7px) !important;
transition:
opacity .22s ease,
transform .22s ease !important;
pointer-events: none !important;
will-change: opacity, transform !important;
}
.tkbhf-trust-mobile-slide.is-active {
z-index: 2 !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
.tkbhf-trust-mobile-slide.is-leaving {
z-index: 1 !important;
opacity: 0 !important;
transform: translateY(-7px) !important;
}
.tkbhf-trust-mobile-slide .tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
max-width: calc(100% - 28px) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tkbhf-trust-mobile-slide .tkbhf-trust-copy {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
}
@media (prefers-reduced-motion: reduce) and (max-width: 980px) {
.tkbhf-trust-mobile-slide {
display: none !important;
transition: none !important;
transform: none !important;
will-change: auto !important;
}
.tkbhf-trust-mobile-slide:first-child {
display: flex !important;
opacity: 1 !important;
}
} @media (max-width: 980px) {
.tkbhf-trust-mobile {
position: relative !important;
display: none !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
padding: 0 !important;
overflow: hidden !important;
contain: layout paint !important;
}
.tkbhf-trust-bar.has-mobile .tkbhf-trust-mobile {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.tkbhf-trust-mobile-track,
.tkbhf-trust-mobile-slide {
display: none !important;
}
.tkbhf-trust-mobile-current {
position: relative !important;
inset: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
max-width: 100% !important;
height: 31px !important;
min-height: 31px !important;
margin: 0 !important;
padding: 4px 0 !important;
overflow: hidden !important;
opacity: 1 !important;
transform: none !important;
transition: opacity .13s ease !important;
pointer-events: none !important;
}
.tkbhf-trust-mobile-current.is-changing {
opacity: 0 !important;
}
.tkbhf-trust-mobile-current .tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
max-width: calc(100% - 32px) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tkbhf-trust-mobile-current .tkbhf-trust-copy {
display: inline-flex !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
}
@media (prefers-reduced-motion: reduce) and (max-width: 980px) {
.tkbhf-trust-mobile-current {
transition: none !important;
}
} @media only screen and (max-width: 600px) { #header-icons-section > .et_pb_row {
grid-template-columns: minmax(0, 1fr) auto !important;
column-gap: 8px !important;
row-gap: 8px !important;
padding: 8px 10px 11px !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
} #header-icons-section .et_pb_column:nth-child(1) img {
display: block !important;
width: 100% !important;
max-width: 205px !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
object-fit: contain !important;
object-position: left center !important;
clip-path: none !important;
}
#header-icons-section .et_pb_column:nth-child(3),
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code_inner {
width: auto !important;
min-width: 132px !important;
max-width: none !important;
overflow: visible !important;
}
.tkb-v2-actions {
display: grid !important;
grid-template-columns: repeat(3, 44px) !important;
align-items: center !important;
justify-content: end !important;
gap: 0 !important;
width: 132px !important;
min-width: 132px !important;
max-width: 132px !important;
overflow: visible !important;
}
.tkb-v2-account,
.tkb-v2-cart,
.tkb-v2-burger {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
transform: none !important;
}
.tkb-v2-language-desktop {
display: none !important;
}
.tkb-v2-search input[type="search"] {
min-width: 0 !important;
padding-right: 58px !important;
font-size: 14px !important;
}
.tkb-v2-search button {
flex: 0 0 54px !important;
width: 54px !important;
min-width: 54px !important;
}
}
@media only screen and (max-width: 430px) {
#header-icons-section .et_pb_column:nth-child(1) img {
max-width: 180px !important;
}
} @media only screen and (max-width: 360px) {
#header-icons-section > .et_pb_row {
column-gap: 6px !important;
padding-right: 7px !important;
padding-left: 7px !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
max-width: 150px !important;
}
#header-icons-section .et_pb_column:nth-child(3),
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code_inner {
min-width: 126px !important;
}
.tkb-v2-actions {
grid-template-columns: repeat(3, 42px) !important;
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
}
.tkb-v2-account,
.tkb-v2-cart,
.tkb-v2-burger {
flex-basis: 42px !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
}
} @media only screen and (max-width: 980px) {
.tkbhf-trust-bar.has-mobile {
display: block !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
overflow: hidden !important;
}
.tkbhf-trust-bar .tkbhf-trust-inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 20px) !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
margin: 0 auto !important;
overflow: hidden !important;
}
.tkbhf-trust-bar .tkbhf-trust-mobile {
position: static !important;
inset: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
margin: 0 !important;
padding: 4px 0 !important;
overflow: hidden !important;
opacity: 1 !important;
transform: none !important;
contain: layout paint !important;
}
.tkbhf-trust-mobile-track,
.tkbhf-trust-mobile-slide,
.tkbhf-trust-mobile-current,
.tkbhf-trust-mobile-summary {
display: none !important;
}
.tkbhf-trust-mobile > .tkbhf-trust-icon {
position: static !important;
flex: 0 0 15px !important;
width: 15px !important;
height: 15px !important;
margin: 0 !important;
transform: none !important;
}
.tkbhf-trust-mobile > .tkbhf-trust-mobile-message {
position: static !important;
display: block !important;
min-width: 0 !important;
max-width: calc(100% - 24px) !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: #f5f5f5 !important;
font-size: 11.75px !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-align: center !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
opacity: 1 !important;
transform: none !important;
}
.tkbhf-trust-mobile > .tkbhf-trust-mobile-message
.tkbhf-trust-copy {
position: static !important;
display: inline-flex !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
opacity: 1 !important;
transform: none !important;
}
} @media only screen and (max-width: 980px) {
.tkbhf-trust-mobile {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
overflow: hidden !important;
opacity: 1 !important;
transform: none !important;
}
.tkbhf-trust-mobile-track,
.tkbhf-trust-mobile-slide,
.tkbhf-trust-mobile-current,
.tkbhf-trust-mobile-summary {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) and (max-width: 980px) {
.tkbhf-trust-mobile {
transition: none !important;
}
} @media only screen and (max-width: 980px) {
.tkb-v2-actions,
.tkb-v2-burger {
position: relative !important;
pointer-events: auto !important;
}
.tkb-v2-actions {
z-index: 20 !important;
}
.tkb-v2-burger {
z-index: 22 !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
cursor: pointer !important;
}
.tkb-v2-burger svg,
.tkb-v2-burger svg * {
pointer-events: none !important;
}
.tkb-v2-overlay {
z-index: 999998 !important;
}
.tkb-v2-drawer {
z-index: 999999 !important;
}
}.tbkec-js .woocommerce-message:has(.tbk-express-cart-native-success) {
display: none !important;
}
.woocommerce-message .tbk-express-cart-native-success {
font-weight: 700;
}
.tbk-express-cart {
--tbkec-orange: var(--tkb-orange, #ff9900);
--tbkec-orange-hover: #e88900;
--tbkec-black: #151515;
--tbkec-text: #242424;
--tbkec-muted: #6b6b6b;
--tbkec-border: #e7e7e7;
--tbkec-soft: #f7f7f7;
--tbkec-radius: 12px;
--tbkec-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
--tbkec-space: 18px;
position: relative;
z-index: 100100;
pointer-events: none;
font-family: inherit;
color: var(--tbkec-text);
}
body.tbk-express-cart-scroll-lock {
position: fixed !important;
top: var(--tbkec-scroll-offset, 0) !important;
left: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
.tbk-express-cart__overlay {
position: fixed;
inset: 0;
z-index: 100100;
background: rgba(0, 0, 0, 0.42);
opacity: 0;
transition: opacity 180ms ease;
pointer-events: none;
}
.tbk-express-cart__overlay[hidden],
.tbk-express-cart-toast[hidden] {
display: none !important;
}
.tbk-express-cart__drawer {
position: fixed;
top: 0;
right: 0;
z-index: 100110;
display: flex;
flex-direction: column;
width: min(450px, calc(100vw - 24px));
height: 100vh;
height: 100dvh;
max-width: 100%;
overflow: hidden;
background: #fff;
box-shadow: var(--tbkec-shadow);
transform: translate3d(102%, 0, 0);
visibility: hidden;
transition: transform 210ms ease, visibility 0s linear 210ms;
outline: none;
pointer-events: none;
}
.tbk-express-cart.is-open {
pointer-events: auto;
}
.tbk-express-cart.is-open .tbk-express-cart__overlay {
opacity: 1;
pointer-events: auto;
}
.tbk-express-cart.is-open .tbk-express-cart__drawer {
transform: translate3d(0, 0, 0);
visibility: visible;
transition: transform 210ms ease, visibility 0s linear 0s;
pointer-events: auto;
}
.tbk-express-cart__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 82px;
padding: 18px 20px;
border-bottom: 1px solid var(--tbkec-border);
background: #fff;
}
.tbk-express-cart__title,
.tbk-express-cart__count,
.tbk-express-cart__item-title,
.tbk-express-cart__empty h3,
.tbk-express-cart__empty p {
margin: 0;
padding: 0;
}
.tbk-express-cart__title {
color: var(--tbkec-black);
font-size: 22px;
font-weight: 800;
line-height: 1.15;
}
.tbk-express-cart__count {
margin-top: 4px;
color: var(--tbkec-muted);
font-size: 13px;
line-height: 1.3;
}
.tbk-express-cart__close,
.tbk-express-cart__remove,
.tbk-express-cart-toast__close {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
border: 0;
padding: 0;
background: transparent;
color: var(--tbkec-black);
cursor: pointer;
appearance: none;
}
.tbk-express-cart__close {
width: 44px;
min-width: 44px;
height: 44px;
border-radius: 50%;
background: var(--tbkec-soft);
}
.tbk-express-cart__close:hover,
.tbk-express-cart__close:focus-visible {
background: #ececec;
}
.tbk-express-cart__close svg,
.tbk-express-cart__remove svg,
.tbk-express-cart-toast__close svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
}
.tbk-express-cart__main {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
background: #fff;
}
.tbk-express-cart__content {
min-height: 100%;
}
.tbk-express-cart__loading {
display: none;
position: absolute;
inset: 0;
z-index: 2;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 180px;
background: rgba(255, 255, 255, 0.88);
color: var(--tbkec-muted);
font-size: 14px;
}
.tbk-express-cart.is-loading .tbk-express-cart__loading {
display: flex;
}
.tbk-express-cart__spinner {
width: 20px;
height: 20px;
border: 2px solid #dedede;
border-top-color: var(--tbkec-orange);
border-radius: 50%;
animation: tbkec-spin 650ms linear infinite;
}
@keyframes tbkec-spin {
to { transform: rotate(360deg); }
}
.tbk-express-cart__items {
padding: 4px 20px 10px;
}
.tbk-express-cart__item {
position: relative;
display: grid;
grid-template-columns: 78px minmax(0, 1fr) 34px;
gap: 14px;
align-items: start;
padding: 16px 0;
border-bottom: 1px solid var(--tbkec-border);
transition: opacity 160ms ease, transform 160ms ease;
}
.tbk-express-cart__item:last-child {
border-bottom: 0;
}
.tbk-express-cart__item.is-removing {
opacity: 0.4;
transform: translateX(8px);
pointer-events: none;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a {
display: block;
width: 78px;
height: 78px;
}
.tbk-express-cart__thumb img {
display: block;
width: 78px;
height: 78px;
max-width: none;
margin: 0;
border-radius: 9px;
object-fit: cover;
background: var(--tbkec-soft);
}
.tbk-express-cart__item-info {
min-width: 0;
}
.tbk-express-cart__item-title {
color: var(--tbkec-black);
font-size: 14px;
font-weight: 750;
line-height: 1.35;
}
.tbk-express-cart__item-title a {
color: inherit;
text-decoration: none;
}
.tbk-express-cart__item-title a:hover,
.tbk-express-cart__item-title a:focus-visible {
color: var(--tbkec-orange-hover);
}
.tbk-express-cart__variation {
margin-top: 5px;
color: var(--tbkec-muted);
font-size: 11px;
line-height: 1.35;
}
.tbk-express-cart__variation dl,
.tbk-express-cart__variation dt,
.tbk-express-cart__variation dd,
.tbk-express-cart__variation p {
display: inline;
margin: 0;
padding: 0;
}
.tbk-express-cart__variation dt::after {
content: ": ";
}
.tbk-express-cart__variation dd::after {
content: " · ";
}
.tbk-express-cart__variation dd:last-child::after {
content: "";
}
.tbk-express-cart__item-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 10px;
}
.tbk-express-cart__quantity {
display: inline-flex;
align-items: center;
min-height: 27px;
padding: 3px 9px;
border-radius: 999px;
background: var(--tbkec-soft);
color: var(--tbkec-muted);
font-size: 11px;
font-weight: 700;
}
.tbk-express-cart__line-price {
color: var(--tbkec-black);
font-size: 14px;
font-weight: 800;
white-space: nowrap;
}
.tbk-express-cart__line-price del {
margin-right: 4px;
color: #999;
font-size: 11px;
font-weight: 500;
}
.tbk-express-cart__line-price ins {
color: inherit;
text-decoration: none;
}
.tbk-express-cart__remove {
width: 34px;
height: 34px;
border-radius: 50%;
color: #737373;
}
.tbk-express-cart__remove:hover,
.tbk-express-cart__remove:focus-visible {
background: #fff1f1;
color: #b52323;
}
.tbk-express-cart__remove svg {
width: 18px;
height: 18px;
}
.tbk-express-cart__footer {
flex: 0 0 auto;
padding: 16px 20px calc(18px + env(safe-area-inset-bottom));
border-top: 1px solid var(--tbkec-border);
background: #fff;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.045);
}
.tbk-express-cart[data-empty="1"] .tbk-express-cart__footer {
display: none;
}
.tbk-express-cart__subtotal-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 14px 0;
color: var(--tbkec-black);
font-size: 16px;
}
.tbk-express-cart__subtotal-row strong {
font-size: 19px;
font-weight: 850;
}
.tbk-express-cart__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.tbk-express-cart__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
margin: 0;
padding: 11px 14px;
border: 1px solid transparent;
border-radius: 10px;
font: inherit;
font-size: 14px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}
.tbk-express-cart__button:hover {
transform: translateY(-1px);
}
.tbk-express-cart__button--secondary {
border-color: var(--tbkec-black);
background: #fff;
color: var(--tbkec-black);
}
.tbk-express-cart__button--secondary:hover,
.tbk-express-cart__button--secondary:focus-visible {
background: var(--tbkec-black);
color: #fff;
}
.tbk-express-cart__button--primary {
border-color: var(--tbkec-orange);
background: var(--tbkec-orange);
color: #111;
}
.tbk-express-cart__button--primary:hover,
.tbk-express-cart__button--primary:focus-visible {
border-color: var(--tbkec-orange-hover);
background: var(--tbkec-orange-hover);
color: #111;
}
.tbk-express-cart__continue,
.tbk-express-cart__empty-continue {
display: block;
width: 100%;
margin: 11px 0 0;
padding: 4px;
border: 0;
background: transparent;
color: var(--tbkec-muted);
font: inherit;
font-size: 12px;
font-weight: 650;
text-align: center;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.tbk-express-cart__shipping-progress {
margin: 0;
}
.tbk-express-cart__progress-card {
padding: 11px 12px;
border: 1px solid #f1d9a8;
border-radius: 10px;
background: #fff9ec;
}
.tbk-express-cart__progress-card.is-complete {
border-color: #bde3c6;
background: #effaf2;
}
.tbk-express-cart__progress-card.is-unknown {
border-color: var(--tbkec-border);
background: var(--tbkec-soft);
}
.tbk-express-cart__progress-message {
display: flex;
align-items: flex-start;
gap: 7px;
color: #66470a;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
}
.tbk-express-cart__progress-card.is-complete .tbk-express-cart__progress-message {
color: #17652b;
}
.tbk-express-cart__progress-card.is-unknown .tbk-express-cart__progress-message {
color: var(--tbkec-muted);
}
.tbk-express-cart__progress-track {
height: 6px;
margin-top: 9px;
overflow: hidden;
border-radius: 999px;
background: #f1e4c9;
}
.tbk-express-cart__progress-track span {
display: block;
height: 100%;
border-radius: inherit;
background: var(--tbkec-orange);
transition: width 220ms ease;
}
.tbk-express-cart__empty,
.tbk-express-cart__error {
display: flex;
min-height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 42px 28px;
text-align: center;
}
.tbk-express-cart__empty-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
margin-bottom: 18px;
border-radius: 50%;
background: #fff5e6;
color: var(--tbkec-orange-hover);
}
.tbk-express-cart__empty-icon svg {
width: 34px;
height: 34px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-express-cart__empty h3,
.tbk-express-cart__error strong {
color: var(--tbkec-black);
font-size: 20px;
font-weight: 850;
line-height: 1.2;
}
.tbk-express-cart__empty p,
.tbk-express-cart__error span {
max-width: 300px;
margin: 9px 0 20px;
color: var(--tbkec-muted);
font-size: 14px;
line-height: 1.5;
}
.tbk-express-cart__empty .tbk-express-cart__button {
width: 100%;
max-width: 280px;
}
.tbk-express-cart__error button {
min-height: 42px;
padding: 9px 18px;
border: 1px solid var(--tbkec-black);
border-radius: 9px;
background: #fff;
color: var(--tbkec-black);
font: inherit;
font-weight: 750;
cursor: pointer;
}
.tbk-express-cart__error-link {
width: 100%;
max-width: 280px;
min-height: 44px;
margin-top: 10px;
}
.tbk-express-cart-toast {
position: fixed;
top: 18px;
right: 18px;
z-index: 100120;
display: grid;
grid-template-columns: 34px minmax(0, 1fr) 32px;
gap: 11px;
align-items: start;
width: min(390px, calc(100vw - 36px));
padding: 14px;
border: 1px solid #e8e8e8;
border-radius: 12px;
background: #fff;
box-shadow: 0 14px 42px rgba(0, 0, 0, 0.18);
opacity: 0;
transform: translate3d(0, -12px, 0);
transition: opacity 180ms ease, transform 180ms ease;
pointer-events: none;
}
.tbk-express-cart-toast.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
pointer-events: auto;
}
.tbk-express-cart-toast__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #edf9f0;
color: #19823a;
}
.tbk-express-cart-toast.is-error .tbk-express-cart-toast__icon {
background: #fff0f0;
color: #b52323;
}
.tbk-express-cart-toast__icon svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 2.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-express-cart-toast__copy {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
}
.tbk-express-cart-toast__copy strong {
color: var(--tbkec-black);
font-size: 14px;
font-weight: 850;
line-height: 1.3;
}
.tbk-express-cart-toast__copy span {
max-width: 100%;
margin-top: 3px;
overflow: hidden;
color: var(--tbkec-muted);
font-size: 12px;
line-height: 1.35;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-express-cart-toast__copy button {
margin: 7px 0 0;
padding: 0;
border: 0;
background: transparent;
color: #b36b00;
font: inherit;
font-size: 12px;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.tbk-express-cart-toast__close {
width: 32px;
height: 32px;
border-radius: 50%;
color: #777;
}
.tbk-express-cart-toast__close:hover,
.tbk-express-cart-toast__close:focus-visible {
background: var(--tbkec-soft);
color: var(--tbkec-black);
}
.tbk-express-cart-toast__close svg {
width: 17px;
height: 17px;
}
body.admin-bar .tbk-express-cart__drawer {
top: 32px;
height: calc(100dvh - 32px);
}
body.admin-bar .tbk-express-cart-toast {
top: 50px;
}
.tbk-express-cart :focus-visible {
outline: 3px solid rgba(255, 153, 0, 0.48);
outline-offset: 2px;
}
@media (max-width: 782px) {
body.admin-bar .tbk-express-cart__drawer {
top: 46px;
height: calc(100dvh - 46px);
}
body.admin-bar .tbk-express-cart-toast {
top: 60px;
}
}
@media (max-width: 600px) {
.tbk-express-cart__drawer {
width: 100%;
max-width: 100%;
}
.tbk-express-cart__header {
min-height: 74px;
padding: 14px 16px;
}
.tbk-express-cart__title {
font-size: 20px;
}
.tbk-express-cart__items {
padding-right: 16px;
padding-left: 16px;
}
.tbk-express-cart__item {
grid-template-columns: 70px minmax(0, 1fr) 38px;
gap: 11px;
padding: 14px 0;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a,
.tbk-express-cart__thumb img {
width: 70px;
height: 70px;
}
.tbk-express-cart__item-title {
font-size: 13px;
}
.tbk-express-cart__footer {
padding: 13px 16px calc(14px + env(safe-area-inset-bottom));
}
.tbk-express-cart__actions {
grid-template-columns: 1fr;
gap: 8px;
}
.tbk-express-cart__button {
min-height: 48px;
}
.tbk-express-cart-toast {
top: max(12px, env(safe-area-inset-top));
right: 12px;
width: calc(100vw - 24px);
}
body.admin-bar .tbk-express-cart-toast {
top: 58px;
}
}
@media (max-width: 375px) {
.tbk-express-cart__item {
grid-template-columns: 64px minmax(0, 1fr) 36px;
gap: 9px;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a,
.tbk-express-cart__thumb img {
width: 64px;
height: 64px;
}
.tbk-express-cart__item-meta {
align-items: flex-start;
flex-direction: column;
gap: 6px;
}
}
@media (prefers-reduced-motion: reduce) {
.tbk-express-cart__overlay,
.tbk-express-cart__drawer,
.tbk-express-cart__item,
.tbk-express-cart__button,
.tbk-express-cart-toast,
.tbk-express-cart__progress-track span {
transition: none !important;
}
.tbk-express-cart__spinner {
animation-duration: 1.4s;
}
} .tbk-express-cart__button--primary,
.tbk-express-cart__button--primary:link,
.tbk-express-cart__button--primary:visited,
.tbk-express-cart__button--primary:hover,
.tbk-express-cart__button--primary:focus,
.tbk-express-cart__button--primary:focus-visible,
.tbk-express-cart__button--primary:active {
color: #111 !important;
}
.tbk-express-cart__button--primary *,
.tbk-express-cart__button--primary:hover *,
.tbk-express-cart__button--primary:focus-visible * {
color: inherit !important;
fill: currentColor;
stroke: currentColor;
} @media (max-width: 375px) {
.tbk-express-cart__header {
min-height: 64px;
padding: 10px 14px;
gap: 10px;
}
.tbk-express-cart__title {
font-size: 18px;
line-height: 1.1;
}
.tbk-express-cart__count {
margin-top: 3px;
font-size: 12px;
}
.tbk-express-cart__close {
width: 40px;
min-width: 40px;
height: 40px;
}
.tbk-express-cart__close svg {
width: 20px;
height: 20px;
}
.tbk-express-cart__items {
padding: 0 14px 4px;
}
.tbk-express-cart__item {
grid-template-columns: 58px minmax(0, 1fr) 30px;
gap: 9px;
padding: 10px 0;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a,
.tbk-express-cart__thumb img {
width: 58px;
height: 58px;
}
.tbk-express-cart__thumb img {
border-radius: 8px;
}
.tbk-express-cart__item-title {
font-size: 12.5px;
line-height: 1.25;
}
.tbk-express-cart__variation {
margin-top: 3px;
font-size: 10px;
}
.tbk-express-cart__item-meta {
flex-direction: row;
align-items: center;
gap: 6px;
margin-top: 7px;
}
.tbk-express-cart__quantity {
min-height: 24px;
padding: 2px 8px;
font-size: 10.5px;
}
.tbk-express-cart__line-price {
font-size: 12.5px;
}
.tbk-express-cart__remove {
width: 30px;
height: 30px;
}
.tbk-express-cart__remove svg {
width: 16px;
height: 16px;
}
.tbk-express-cart__footer {
padding: 9px 14px calc(10px + env(safe-area-inset-bottom));
}
.tbk-express-cart__progress-card {
padding: 8px 9px;
border-radius: 9px;
}
.tbk-express-cart__progress-message {
gap: 6px;
font-size: 10.5px;
line-height: 1.28;
}
.tbk-express-cart__progress-track {
height: 5px;
margin-top: 7px;
}
.tbk-express-cart__subtotal-row {
gap: 10px;
margin: 9px 0;
font-size: 14px;
}
.tbk-express-cart__subtotal-row strong {
font-size: 18px;
}
.tbk-express-cart__actions {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
}
.tbk-express-cart__button {
min-height: 44px;
padding: 9px 8px;
border-radius: 9px;
font-size: 12.5px;
line-height: 1.15;
}
.tbk-express-cart__continue {
margin-top: 6px;
padding: 3px;
font-size: 11px;
}
} @media (max-width: 375px) and (max-height: 700px) {
.tbk-express-cart__header {
min-height: 60px;
padding-top: 8px;
padding-bottom: 8px;
}
.tbk-express-cart__footer {
padding-top: 8px;
}
.tbk-express-cart__progress-card {
padding-top: 7px;
padding-bottom: 7px;
}
.tbk-express-cart__subtotal-row {
margin: 8px 0;
}
.tbk-express-cart__button {
min-height: 42px;
}
}.tbk-account-panel {
--tbk-account-panel-orange: var(--tkb-orange, #ff9900);
--tbk-account-panel-orange-hover: #e88900;
--tbk-account-panel-bg: #101010;
--tbk-account-panel-surface: #191919;
--tbk-account-panel-surface-strong: #202020;
--tbk-account-panel-text: #f7f7f7;
--tbk-account-panel-muted: #aaa39b;
--tbk-account-panel-border: rgba(255, 255, 255, 0.1);
--tbk-account-panel-radius: 15px;
--tbk-account-panel-shadow: -22px 0 64px rgba(0, 0, 0, 0.42);
position: relative;
z-index: 100200;
color: var(--tbk-account-panel-text);
font-family: inherit;
pointer-events: none;
}
body.tbk-account-panel-scroll-lock {
position: fixed !important;
top: var(--tbk-account-panel-scroll-offset, 0) !important;
left: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
.tbk-account-panel__overlay {
position: fixed;
inset: 0;
z-index: 100200;
background: rgba(0, 0, 0, 0.58);
opacity: 0;
pointer-events: none;
transition: opacity 190ms ease;
backdrop-filter: blur(1.5px);
}
.tbk-account-panel__overlay[hidden] {
display: none !important;
}
.tbk-account-panel__drawer {
position: fixed;
top: 0;
right: 0;
z-index: 100210;
display: flex;
flex-direction: column;
width: min(450px, calc(100vw - 24px));
max-width: 100%;
height: 100vh;
height: 100dvh;
overflow: hidden;
color: var(--tbk-account-panel-text);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.12), transparent 30%),
var(--tbk-account-panel-bg);
box-shadow: var(--tbk-account-panel-shadow);
transform: translate3d(102%, 0, 0);
visibility: hidden;
outline: none;
pointer-events: none;
transition: transform 220ms ease, visibility 0s linear 220ms;
}
.tbk-account-panel.is-open {
pointer-events: auto;
}
.tbk-account-panel.is-open .tbk-account-panel__overlay {
opacity: 1;
pointer-events: auto;
}
.tbk-account-panel.is-open .tbk-account-panel__drawer {
transform: translate3d(0, 0, 0);
visibility: visible;
pointer-events: auto;
transition: transform 220ms ease, visibility 0s linear 0s;
}
.tbk-account-panel__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 86px;
padding: calc(18px + env(safe-area-inset-top, 0px)) 22px 18px;
border-bottom: 1px solid var(--tbk-account-panel-border);
background: rgba(16, 16, 16, 0.94);
}
.tbk-account-panel__eyebrow {
display: block;
margin-bottom: 5px;
color: var(--tbk-account-panel-orange);
font-size: 10px;
font-weight: 900;
line-height: 1.2;
letter-spacing: 1.65px;
}
.tbk-account-panel__title {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 24px !important;
font-weight: 850 !important;
line-height: 1.1 !important;
letter-spacing: -0.35px;
}
.tbk-account-panel__close {
display: inline-grid;
flex: 0 0 46px;
width: 46px;
height: 46px;
padding: 0;
place-items: center;
color: #fff;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 50%;
background: rgba(255, 255, 255, 0.045);
cursor: pointer;
transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.tbk-account-panel__close:hover {
border-color: rgba(255, 153, 0, 0.6);
background: rgba(255, 153, 0, 0.12);
}
.tbk-account-panel__close:active {
transform: scale(0.96);
}
.tbk-account-panel__close svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
}
.tbk-account-panel__main {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding: 24px 22px calc(28px + env(safe-area-inset-bottom, 0px));
scrollbar-width: thin;
scrollbar-color: rgba(255, 153, 0, 0.45) transparent;
}
.tbk-account-panel__loading {
display: flex;
min-height: 280px;
align-items: center;
justify-content: center;
gap: 12px;
color: var(--tbk-account-panel-muted);
font-size: 14px;
font-weight: 700;
}
.tbk-account-panel__spinner {
display: inline-block;
width: 24px;
height: 24px;
border: 2px solid rgba(255, 255, 255, 0.16);
border-top-color: var(--tbk-account-panel-orange);
border-radius: 50%;
animation: tbk-account-panel-spin 0.72s linear infinite;
}
.tbk-account-panel:not(.is-loading) .tbk-account-panel__loading {
display: none;
}
.tbk-account-panel__content:empty {
display: none;
}
.tbk-account-panel__view {
display: grid;
gap: 20px;
}
.tbk-account-panel__intro-icon {
display: inline-grid;
width: 74px;
height: 74px;
place-items: center;
color: #111;
border: 4px solid rgba(255, 255, 255, 0.08);
border-radius: 50%;
background: var(--tbk-account-panel-orange);
box-shadow: 0 16px 38px rgba(255, 153, 0, 0.17);
}
.tbk-account-panel__intro-icon svg {
width: 34px;
height: 34px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__intro-copy h3,
.tbk-account-panel__identity-copy h3 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 25px !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -0.4px;
}
.tbk-account-panel__intro-copy p {
margin: 9px 0 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 14px;
line-height: 1.65;
}
.tbk-account-panel__button {
display: flex;
min-height: 51px;
align-items: center;
justify-content: center;
padding: 12px 18px;
color: #151515 !important;
font-size: 14px;
font-weight: 900;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
border: 1px solid transparent;
border-radius: 12px;
box-sizing: border-box;
transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.tbk-account-panel__button--primary {
background: var(--tbk-account-panel-orange);
box-shadow: 0 10px 28px rgba(255, 153, 0, 0.15);
}
.tbk-account-panel__button--primary:hover {
color: #151515 !important;
background: var(--tbk-account-panel-orange-hover);
transform: translateY(-1px);
}
.tbk-account-panel__text-link,
.tbk-account-panel__logout {
justify-self: center;
color: #d7d2cd !important;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
text-underline-offset: 4px;
}
.tbk-account-panel__text-link:hover,
.tbk-account-panel__logout:hover {
color: var(--tbk-account-panel-orange) !important;
}
.tbk-account-panel__benefits {
display: grid;
gap: 10px;
padding: 18px;
border: 1px solid var(--tbk-account-panel-border);
border-radius: var(--tbk-account-panel-radius);
background: rgba(255, 255, 255, 0.035);
}
.tbk-account-panel__benefits span {
display: flex;
align-items: center;
gap: 10px;
color: #e4e0dc;
font-size: 13px;
font-weight: 700;
}
.tbk-account-panel__benefits span::before {
content: "✓";
display: inline-grid;
flex: 0 0 22px;
width: 22px;
height: 22px;
place-items: center;
color: #151515;
font-size: 12px;
font-weight: 950;
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__identity {
display: flex;
align-items: center;
gap: 16px;
padding: 18px;
border: 1px solid rgba(255, 153, 0, 0.22);
border-radius: var(--tbk-account-panel-radius);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.13), transparent 45%),
var(--tbk-account-panel-surface);
}
.tbk-account-panel__avatar {
display: inline-grid;
flex: 0 0 58px;
width: 58px;
height: 58px;
place-items: center;
color: #151515;
font-size: 24px;
font-weight: 950;
border: 3px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__identity-copy {
min-width: 0;
}
.tbk-account-panel__identity-copy > span {
display: block;
margin-bottom: 2px;
color: var(--tbk-account-panel-muted);
font-size: 12px;
font-weight: 700;
}
.tbk-account-panel__identity-copy h3 {
overflow: hidden;
font-size: 22px !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-account-panel__identity-copy p {
margin: 5px 0 0 !important;
padding: 0 !important;
overflow: hidden;
color: var(--tbk-account-panel-muted) !important;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-account-panel__notice {
display: grid;
gap: 5px;
padding: 15px 16px;
border-left: 3px solid var(--tbk-account-panel-orange);
border-radius: 0 11px 11px 0;
background: rgba(255, 153, 0, 0.07);
}
.tbk-account-panel__notice strong {
color: #fff;
font-size: 14px;
}
.tbk-account-panel__notice span {
color: var(--tbk-account-panel-muted);
font-size: 12px;
line-height: 1.5;
}
.tbk-account-panel__quick-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 11px;
}
.tbk-account-panel__quick-links a {
display: flex;
min-height: 104px;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 15px;
color: #f3f1ef !important;
text-decoration: none !important;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 13px;
background: var(--tbk-account-panel-surface);
transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.tbk-account-panel__quick-links a:hover {
color: #fff !important;
border-color: rgba(255, 153, 0, 0.42);
background: var(--tbk-account-panel-surface-strong);
transform: translateY(-1px);
}
.tbk-account-panel__quick-links svg {
width: 25px;
height: 25px;
color: var(--tbk-account-panel-orange);
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__quick-links span {
font-size: 13px;
font-weight: 800;
line-height: 1.25;
}
.tbk-account-panel__error {
display: grid;
gap: 14px;
padding: 20px;
border: 1px solid rgba(255, 153, 0, 0.28);
border-radius: var(--tbk-account-panel-radius);
background: var(--tbk-account-panel-surface);
}
.tbk-account-panel__error strong {
color: #fff;
font-size: 18px;
}
.tbk-account-panel__error span {
color: var(--tbk-account-panel-muted);
font-size: 13px;
line-height: 1.55;
}
.tbk-account-panel__error-actions {
display: grid;
gap: 9px;
}
.tbk-account-panel__error button {
min-height: 46px;
color: #151515;
font-weight: 900;
border: 0;
border-radius: 10px;
background: var(--tbk-account-panel-orange);
cursor: pointer;
}
.tbk-account-panel :where(a, button):focus-visible {
outline: 3px solid #fff;
outline-offset: 3px;
box-shadow: 0 0 0 6px rgba(255, 153, 0, 0.85);
}
@keyframes tbk-account-panel-spin {
to { transform: rotate(360deg); }
}
@media (max-width: 600px) {
.tbk-account-panel__drawer {
width: 100vw;
}
.tbk-account-panel__header {
min-height: 72px;
padding-right: 16px;
padding-left: 18px;
}
.tbk-account-panel__main {
padding-right: 18px;
padding-left: 18px;
}
}
@media (max-width: 360px) {
.tbk-account-panel__quick-links {
grid-template-columns: 1fr;
}
.tbk-account-panel__quick-links a {
min-height: 78px;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.tbk-account-panel__overlay,
.tbk-account-panel__drawer,
.tbk-account-panel__close,
.tbk-account-panel__button,
.tbk-account-panel__quick-links a {
transition-duration: 1ms !important;
}
.tbk-account-panel__spinner {
animation-duration: 1.5s;
}
} .tbk-account-panel [hidden] {
display: none !important;
}
.tbk-account-panel__intro {
display: flex;
align-items: center;
gap: 16px;
}
.tbk-account-panel__intro--compact .tbk-account-panel__intro-icon {
flex: 0 0 62px;
width: 62px;
height: 62px;
}
.tbk-account-panel__intro--compact .tbk-account-panel__intro-icon svg {
width: 29px;
height: 29px;
}
.tbk-account-panel__screen {
display: grid;
gap: 18px;
}
.tbk-account-panel__screen-heading {
display: grid;
gap: 7px;
}
.tbk-account-panel__screen-heading h3 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 25px !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -0.4px;
}
.tbk-account-panel__screen-heading p {
margin: 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 14px;
line-height: 1.6;
}
.tbk-account-panel__back,
.tbk-account-panel__inline-link,
.tbk-account-panel__logout {
appearance: none;
padding: 0;
color: #d7d2cd;
font: inherit;
border: 0;
background: transparent;
cursor: pointer;
}
.tbk-account-panel__back {
display: inline-flex;
width: max-content;
align-items: center;
gap: 6px;
color: #dedad6;
font-size: 13px;
font-weight: 750;
}
.tbk-account-panel__back:hover,
.tbk-account-panel__inline-link:hover {
color: var(--tbk-account-panel-orange);
}
.tbk-account-panel__back svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__form {
display: grid;
gap: 15px;
}
.tbk-account-panel__form-message {
display: none;
padding: 11px 12px;
color: #ffd5d5;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
border: 1px solid rgba(235, 87, 87, 0.38);
border-radius: 10px;
background: rgba(235, 87, 87, 0.09);
}
.tbk-account-panel__form-message.is-visible {
display: block;
}
.tbk-account-panel__field {
display: grid;
gap: 7px;
}
.tbk-account-panel__field label {
color: #efedea;
font-size: 12px;
font-weight: 800;
line-height: 1.35;
}
.tbk-account-panel__field input[type="text"],
.tbk-account-panel__field input[type="email"],
.tbk-account-panel__field input[type="password"] {
display: block;
width: 100%;
min-height: 50px;
margin: 0;
padding: 11px 13px;
color: #fff;
font-family: inherit;
font-size: 16px;
line-height: 1.25;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 11px;
outline: none;
background: #181818;
box-shadow: none;
box-sizing: border-box;
transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}
.tbk-account-panel__field input:hover {
border-color: rgba(255, 255, 255, 0.28);
}
.tbk-account-panel__field input:focus {
border-color: var(--tbk-account-panel-orange);
background: #1d1d1d;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.14);
}
.tbk-account-panel__field.has-error input {
border-color: #eb5757;
box-shadow: 0 0 0 3px rgba(235, 87, 87, 0.1);
}
.tbk-account-panel__field small {
color: #8f8983;
font-size: 11px;
line-height: 1.45;
}
.tbk-account-panel__field-error {
min-height: 0;
color: #ffb1b1;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.tbk-account-panel__field-error:empty {
display: none;
}
.tbk-account-panel__password-field {
position: relative;
}
.tbk-account-panel__password-field input {
padding-right: 52px !important;
}
.tbk-account-panel__password-field button {
position: absolute;
top: 50%;
right: 4px;
display: inline-grid;
width: 42px;
height: 42px;
padding: 0;
place-items: center;
color: #a9a39d;
border: 0;
border-radius: 9px;
background: transparent;
cursor: pointer;
transform: translateY(-50%);
}
.tbk-account-panel__password-field button:hover {
color: var(--tbk-account-panel-orange);
background: rgba(255, 153, 0, 0.08);
}
.tbk-account-panel__password-field svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__form-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
color: #c8c3be;
font-size: 12px;
font-weight: 650;
cursor: pointer;
}
.tbk-account-panel__checkbox input {
width: 17px;
height: 17px;
margin: 0;
accent-color: var(--tbk-account-panel-orange);
}
.tbk-account-panel__inline-link {
color: #dedad6;
font-size: 12px;
font-weight: 750;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
text-underline-offset: 3px;
}
.tbk-account-panel__button {
appearance: none;
width: 100%;
cursor: pointer;
}
.tbk-account-panel__button--secondary {
color: #f5f2ef !important;
border-color: rgba(255, 255, 255, 0.16);
background: #1a1a1a;
box-shadow: none;
}
.tbk-account-panel__button--secondary:hover {
color: #fff !important;
border-color: rgba(255, 153, 0, 0.5);
background: #202020;
transform: translateY(-1px);
}
.tbk-account-panel__button-spinner {
display: none;
width: 18px;
height: 18px;
margin-left: 9px;
border: 2px solid rgba(20, 20, 20, 0.28);
border-top-color: #151515;
border-radius: 50%;
animation: tbk-account-panel-spin 0.72s linear infinite;
}
.tbk-account-panel__form.is-busy .tbk-account-panel__button-spinner,
.tbk-account-panel__logout-form.is-busy .tbk-account-panel__button-spinner {
display: inline-block;
}
.tbk-account-panel__form.is-busy,
.tbk-account-panel__logout-form.is-busy {
opacity: 0.76;
}
.tbk-account-panel__separator {
display: flex;
align-items: center;
gap: 12px;
color: #817b75;
font-size: 10px;
font-weight: 850;
letter-spacing: 1.05px;
text-transform: uppercase;
}
.tbk-account-panel__separator::before,
.tbk-account-panel__separator::after {
content: "";
flex: 1;
height: 1px;
background: var(--tbk-account-panel-border);
}
.tbk-account-panel__legal {
margin: 0 !important;
padding: 0 !important;
color: #8f8983 !important;
font-size: 11px;
line-height: 1.55;
}
.tbk-account-panel__legal a {
color: #d8d2cc !important;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
}
.tbk-account-panel__flash {
padding: 12px 13px;
color: #dff7e8;
font-size: 12px;
font-weight: 750;
line-height: 1.45;
border: 1px solid rgba(65, 190, 116, 0.35);
border-radius: 10px;
background: rgba(65, 190, 116, 0.09);
}
.tbk-account-panel__flash--error {
color: #ffd5d5;
border-color: rgba(235, 87, 87, 0.38);
background: rgba(235, 87, 87, 0.09);
}
.tbk-account-panel__confirmation-icon {
display: inline-grid;
width: 68px;
height: 68px;
place-items: center;
color: #151515;
font-size: 29px;
font-weight: 950;
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__section {
display: grid;
gap: 11px;
}
.tbk-account-panel__section-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__section-head h4 {
margin: 0 !important;
padding: 0 !important;
color: #bbb5af !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
letter-spacing: 1.3px;
text-transform: uppercase;
}
.tbk-account-panel__section-head a {
color: var(--tbk-account-panel-orange) !important;
font-size: 11px;
font-weight: 800;
text-decoration: none !important;
}
.tbk-account-panel__order-card {
display: grid;
gap: 14px;
padding: 16px;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 14px;
background: var(--tbk-account-panel-surface);
}
.tbk-account-panel__order-card--progress,
.tbk-account-panel__order-card--warning {
border-color: rgba(255, 153, 0, 0.27);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.08), transparent 42%),
var(--tbk-account-panel-surface);
}
.tbk-account-panel__order-card--danger {
border-color: rgba(235, 87, 87, 0.32);
}
.tbk-account-panel__order-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__order-head > div {
display: grid;
min-width: 0;
gap: 3px;
}
.tbk-account-panel__order-number {
color: #fff;
font-size: 14px;
font-weight: 850;
line-height: 1.25;
}
.tbk-account-panel__order-date {
color: #8f8983;
font-size: 11px;
}
.tbk-account-panel__status-badge {
flex: 0 0 auto;
max-width: 155px;
padding: 6px 8px;
color: #151515;
font-size: 10px;
font-weight: 900;
line-height: 1.2;
text-align: center;
border-radius: 999px;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__order-card--muted .tbk-account-panel__status-badge,
.tbk-account-panel__order-card--neutral .tbk-account-panel__status-badge {
color: #e7e2dd;
background: #343434;
}
.tbk-account-panel__order-card--danger .tbk-account-panel__status-badge {
color: #fff;
background: #b84545;
}
.tbk-account-panel__order-card--success .tbk-account-panel__status-badge {
color: #0f2518;
background: #74d496;
}
.tbk-account-panel__order-description {
margin: 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 12px;
line-height: 1.52;
}
.tbk-account-panel__order-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.tbk-account-panel__order-images {
display: flex;
min-width: 0;
padding-left: 7px;
}
.tbk-account-panel__order-images img {
width: 47px;
height: 47px;
margin-left: -7px;
object-fit: cover;
border: 2px solid #191919;
border-radius: 7px;
background: #262626;
}
.tbk-account-panel__order-meta {
display: grid;
flex: 0 0 auto;
gap: 2px;
text-align: right;
}
.tbk-account-panel__order-meta span {
color: #96908a;
font-size: 11px;
}
.tbk-account-panel__order-meta strong {
color: #fff;
font-size: 13px;
font-weight: 850;
}
.tbk-account-panel__tracking-meta {
display: flex;
flex-wrap: wrap;
gap: 6px 10px;
padding: 9px 10px;
color: #aaa39b;
font-size: 10px;
font-weight: 700;
border-radius: 8px;
background: rgba(255, 255, 255, 0.035);
}
.tbk-account-panel__order-action {
display: flex;
min-height: 43px;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
color: #f5f2ef !important;
font-size: 12px;
font-weight: 850;
text-decoration: none !important;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 10px;
background: #202020;
}
.tbk-account-panel__order-action:hover {
color: #151515 !important;
border-color: var(--tbk-account-panel-orange);
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__order-action svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__empty-state {
display: grid;
gap: 7px;
padding: 17px;
border: 1px solid rgba(255, 153, 0, 0.24);
border-radius: 13px;
background: rgba(255, 153, 0, 0.06);
}
.tbk-account-panel__empty-state strong {
color: #fff;
font-size: 14px;
}
.tbk-account-panel__empty-state span {
color: var(--tbk-account-panel-muted);
font-size: 12px;
}
.tbk-account-panel__empty-state a {
width: max-content;
margin-top: 3px;
color: var(--tbk-account-panel-orange) !important;
font-size: 12px;
font-weight: 850;
text-decoration: none !important;
}
.tbk-account-panel__logout-form {
display: grid;
justify-items: center;
}
.tbk-account-panel__logout {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
color: #aaa39b;
font-size: 12px;
font-weight: 750;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.45);
text-underline-offset: 4px;
}
.tbk-account-panel__logout:hover {
color: var(--tbk-account-panel-orange);
}
@media (max-width: 420px) {
.tbk-account-panel__intro {
align-items: flex-start;
}
.tbk-account-panel__intro-copy h3 {
font-size: 22px !important;
}
.tbk-account-panel__form-row {
align-items: flex-start;
flex-direction: column;
}
.tbk-account-panel__order-head {
align-items: flex-start;
flex-direction: column;
}
.tbk-account-panel__status-badge {
max-width: 100%;
}
}
.tbk-account-panel__generated-password-note {
margin: 0;
padding: 13px 14px;
border: 1px solid rgba(255, 153, 0, 0.28);
border-radius: 12px;
background: rgba(255, 153, 0, 0.07);
color: #dedede;
font-size: 14px;
line-height: 1.55;
}.woocommerce ul.products li.product {
position: relative;
} .tbk-badges-container {
position: absolute;
top: 0;
left: 0;
z-index: 20;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px;
gap: 5px;
pointer-events: none;
} .tbk-last-copy-container {
position: absolute;
right: 0;
bottom: 0;
z-index: 22;
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 8px;
pointer-events: none;
}
.tb-badge.is-last-copy {
display: inline-flex;
align-items: center;
gap: 5px;
max-width: calc(100% - 4px);
padding: 4px 7px;
border: 1px solid var(--tkb-orange);
border-radius: 4px;
background: rgba(17, 17, 17, 0.92);
color: #fff;
font-size: 9px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.35px;
text-transform: uppercase;
white-space: nowrap;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.38);
backdrop-filter: blur(2px);
}
.tb-badge.is-last-copy::before {
display: block;
flex: 0 0 5px;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--tkb-orange);
content: "";
box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.16);
}
@media (max-width: 767px) {
.tbk-last-copy-container {
padding: 6px;
}
.tb-badge.is-last-copy {
gap: 4px;
padding: 3px 6px;
font-size: 8px;
letter-spacing: 0.25px;
}
} .tb-badge {
display: inline-block;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
line-height: 1;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
} .is-red    { background-color: var(--tkb-danger); } .is-orange { background-color: var(--tkb-restock); } .is-green  { background-color: var(--tkb-success); } .is-yellow { background-color: var(--tkb-warning); } .is-blue   { background-color: var(--tkb-info); } .is-black  { background-color: #000; }  .tbk-archive-hero {
width: 100%;
margin: 0 0 22px !important;
padding: 20px 22px 22px !important;
border: 0 !important;
border-radius: 14px;
background: #fff;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.055);
box-sizing: border-box;
}
.tbk-archive-breadcrumb {
margin: 0 0 14px;
padding: 0;
color: #7a7a7a;
font-size: 12.5px;
font-weight: 500;
line-height: 1.35;
}
.tbk-archive-breadcrumb ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tbk-archive-breadcrumb li {
display: inline-flex;
align-items: center;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tbk-archive-breadcrumb li:not(:last-child)::after {
margin: 0 8px;
color: #bebebe;
content: "/";
}
.tbk-archive-breadcrumb a {
color: var(--tkb-orange, #ff9900) !important;
text-decoration: none !important;
}
.tbk-archive-breadcrumb a:hover,
.tbk-archive-breadcrumb a:focus-visible {
color: var(--tkb-orange-hover, #e68800) !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.tbk-archive-heading {
position: relative;
max-width: 920px;
padding-left: 16px;
}
.tbk-archive-heading::before {
position: absolute;
top: 3px;
bottom: 3px;
left: 0;
width: 4px;
border-radius: 999px;
background: var(--tkb-orange, #ff9900);
content: "";
}
.tbk-archive-hero h1 {
margin: 0 !important;
padding: 0 !important;
color: #111 !important;
font-size: clamp(24px, 2vw, 30px) !important;
font-weight: 800 !important;
line-height: 1.16 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase;
}
.tbk-archive-intro {
max-width: 840px;
margin: 8px 0 0 !important;
padding: 0 !important;
color: #565656 !important;
font-size: 14.5px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}
.tbk-untitled-hidden-row,
.tbk-untitled-hidden-module {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.et-l--body .et_pb_wc_breadcrumb,
.et-l--body .et_pb_woocommerce_breadcrumb,
.et-l--body .et_pb_module.woocommerce-breadcrumb {
display: none !important;
}
.tbk-archive-hero + .tbk-archive-hero {
display: none !important;
}
@media only screen and (max-width: 980px) {
.tbk-archive-hero {
margin-bottom: 18px !important;
padding: 17px 18px 18px !important;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.tbk-archive-breadcrumb {
margin-bottom: 11px;
font-size: 12px;
}
.tbk-archive-hero h1 {
font-size: clamp(20px, 5vw, 24px) !important;
letter-spacing: 0.055em !important;
}
.tbk-archive-intro {
margin-top: 7px !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
}
@media only screen and (max-width: 480px) {
.tbk-archive-hero {
margin-bottom: 16px !important;
padding: 14px 14px 15px !important;
border-radius: 10px;
}
.tbk-archive-heading {
padding-left: 12px;
}
.tbk-archive-heading::before {
width: 3px;
}
.tbk-archive-breadcrumb li:not(:last-child)::after {
margin: 0 6px;
}
.tbk-archive-hero h1 {
font-size: 19px !important;
line-height: 1.22 !important;
letter-spacing: 0.045em !important;
}
.tbk-archive-intro {
font-size: 13.5px !important;
}
}  .tbk-reassurance-row {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 34px !important;
box-sizing: border-box;
}
.tbk-reassurance {
width: 100%;
margin: 32px auto 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
.tbk-reassurance__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
overflow: hidden;
border: 0;
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
}
.tbk-reassurance__item {
display: flex !important;
align-items: center;
gap: 12px;
min-width: 0;
min-height: 82px;
margin: 0 !important;
padding: 15px 17px !important;
border-right: 1px solid #ededed;
background: #fff;
color: #111 !important;
text-decoration: none !important;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease;
}
.tbk-reassurance__item:last-child {
border-right: 0;
}
.tbk-reassurance__item:hover,
.tbk-reassurance__item:focus-visible {
background: #fafafa;
color: #111 !important;
}
.tbk-reassurance__item:focus-visible {
position: relative;
z-index: 2;
outline: 2px solid var(--tkb-orange, #ff9900);
outline-offset: -3px;
}
.tbk-reassurance__icon {
display: inline-flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(255, 153, 0, 0.12);
color: var(--tkb-orange, #ff9900);
}
.tbk-reassurance__icon svg {
display: block;
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-reassurance__text {
display: flex;
min-width: 0;
flex-direction: column;
gap: 3px;
line-height: 1.2;
}
.tbk-reassurance__text strong {
color: #111;
font-size: 13.5px;
font-weight: 800;
line-height: 1.2;
}
.tbk-reassurance__text small {
color: #686868;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
} .single-product .tbk-reassurance-row,
.single-product .tbk-reassurance {
display: none !important;
} .tbk-checkout-trust {
width: 100%;
margin: 14px 0 16px !important;
padding: 14px 15px 13px !important;
border: 0 !important;
border-radius: 11px;
background: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.075);
box-sizing: border-box;
}
.tbk-checkout-trust__title {
display: block;
margin: 0 0 10px;
color: #111;
font-size: 13.5px;
font-weight: 800;
line-height: 1.3;
}
.tbk-checkout-trust__items {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 12px;
width: 100%;
}
.tbk-checkout-trust__item {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 7px;
color: #333;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.tbk-checkout-trust__icon {
display: inline-flex;
flex: 0 0 28px;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(255, 153, 0, 0.12);
color: var(--tkb-orange, #ff9900);
}
.tbk-checkout-trust__icon svg {
display: block;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-checkout-trust__note {
display: block;
margin: 10px 0 0;
color: #737373;
font-size: 11px;
font-weight: 500;
line-height: 1.35;
}
.woocommerce-checkout .tbk-checkout-trust + #place_order,
.woocommerce-checkout .tbk-checkout-trust + .button,
.woocommerce-checkout .tbk-checkout-trust ~ #place_order {
width: 100%;
} @media only screen and (min-width: 981px) {
.tbk-checkout-trust {
padding: 15px 16px 13px !important;
}
.tbk-checkout-trust__items {
gap: 10px;
}
.tbk-checkout-trust__item {
min-height: 46px;
padding: 8px 11px 8px 8px;
border-radius: 9px;
background: #f7f7f7;
font-size: 12.5px;
line-height: 1.25;
box-sizing: border-box;
}
.tbk-checkout-trust__icon {
flex-basis: 30px;
width: 30px;
height: 30px;
}
.tbk-checkout-trust__icon svg {
width: 16px;
height: 16px;
}
.tbk-checkout-trust__note {
margin-top: 9px;
}
}
@media only screen and (max-width: 980px) {
.tbk-reassurance__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tbk-reassurance__item {
min-height: 76px;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.tbk-reassurance__item:nth-child(2n) {
border-right: 0;
}
.tbk-reassurance__item:nth-last-child(-n+2) {
border-bottom: 0;
}
}
@media only screen and (max-width: 520px) {
.tbk-checkout-trust {
margin: 12px 0 14px !important;
padding: 13px !important;
border-radius: 10px;
}
.tbk-checkout-trust__items {
grid-template-columns: 1fr;
gap: 8px;
}
.tbk-checkout-trust__title {
margin-bottom: 9px;
font-size: 13px;
}
.tbk-checkout-trust__item {
font-size: 11.5px;
}
.tbk-checkout-trust__note {
margin-top: 9px;
font-size: 10.5px;
}
.tbk-reassurance-row {
padding-bottom: 26px !important;
}
.tbk-reassurance {
margin: 24px auto 0 !important;
}
.tbk-reassurance__grid {
border-radius: 12px;
}
.tbk-reassurance__item {
gap: 10px;
min-height: 72px;
padding: 12px !important;
}
.tbk-reassurance__icon {
flex-basis: 36px;
width: 36px;
height: 36px;
}
.tbk-reassurance__icon svg {
width: 19px;
height: 19px;
}
.tbk-reassurance__text strong {
font-size: 12.5px;
}
.tbk-reassurance__text small {
font-size: 11px;
}
}
@media only screen and (max-width: 360px) {
.tbk-reassurance__grid {
grid-template-columns: 1fr;
}
.tbk-reassurance__item,
.tbk-reassurance__item:nth-child(2n),
.tbk-reassurance__item:nth-last-child(-n+2) {
border-right: 0;
border-bottom: 1px solid #ededed;
}
.tbk-reassurance__item:last-child {
border-bottom: 0;
}
}  .woocommerce ul.products li.product > *:not(.tbk-product-card) {
display: none !important;
}
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: transparent !important;
border: none !important;
padding-top: 0 !important;
margin-bottom: 30px !important;
display: flex !important;
flex-direction: column !important;
list-style: none !important;
}
.woocommerce ul.products li.product::marker,
.woocommerce-page ul.products li.product::marker {
content: "" !important;
} .tbk-product-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
padding: 15px;
width: 100%;
height: 100%;
min-height: 100%;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.tbk-link-wrapper {
display: block;
width: 100%;
text-decoration: none !important;
color: inherit !important;
} .tbk-img-wrap {
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 0 10px 0 !important;
padding: 0 !important;
border-radius: 6px;
overflow: hidden !important;
background: #f9f9f9;
position: relative !important;
line-height: 0 !important;
}
.tbk-img-wrap img,
.tbk-img-wrap .tbk-product-thumb {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: top !important;
transition: transform 0.5s ease;
} .tbk-badges-layer {
position: absolute !important;
inset: 0 !important;
z-index: 30 !important;
pointer-events: none !important;
line-height: normal !important;
}
.tbk-badges-layer .tbk-badges-container,
.tbk-badges-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 31 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
padding: 8px !important;
gap: 5px !important;
pointer-events: none !important;
margin: 0 !important;
}
.tbk-badges-layer .tbk-badges-container > *,
.tbk-badges-container > * {
margin: 0 !important;
}
.tb-badge {
display: inline-block;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
line-height: 1;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.is-red {
background-color: var(--tkb-danger);
}
.is-orange {
background-color: var(--tkb-restock);
}
.is-yellow {
background-color: var(--tkb-warning);
}
.is-blue {
background-color: var(--tkb-info);
}
.is-black {
background-color: #000;
} .tbk-title {
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.3em !important;
color: #000 !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
text-align: left;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tbk-cats {
font-size: 11px !important;
color: #888 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.2;
text-align: left;
white-space: normal !important;
}
.tbk-cats a {
color: #888 !important;
text-decoration: none !important;
}
.tbk-card-entities {
margin: 0 0 7px 0 !important;
padding: 0 !important;
min-height: 32px;
font-size: 10.5px !important;
line-height: 1.25 !important;
color: #555 !important;
text-align: left !important;
}
.tbk-entity-line {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.tbk-entity-label {
color: #111 !important;
font-weight: 900 !important;
}
.tbk-entity-link,
.tbk-entity-text {
font-weight: 700 !important;
text-decoration: none !important;
}
.tbk-entity-link {
color: var(--tkb-orange) !important;
}
.tbk-entity-link:hover {
color: var(--tkb-orange-hover) !important;
text-decoration: underline !important;
}
.tbk-entity-text {
color: #555 !important;
}
.tbk-meta-badges {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
margin: 0 0 8px 0 !important;
padding: 0 !important;
min-height: 22px;
}
.tbk-meta-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 18px;
padding: 3px 7px;
border-radius: 999px;
font-size: 9.5px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.25px;
text-transform: uppercase;
text-decoration: none !important;
white-space: nowrap;
}
.tbk-meta-badge.is-support {
background: #111;
color: #fff !important;
}
.tbk-meta-badge.is-format {
background: rgba(255, 153, 0, 0.16);
color: #000 !important;
}
.tbk-meta-badge.is-style {
background: #f1f1f1;
color: #666 !important;
}
.tbk-meta-badge.is-variant {
background: rgba(255, 153, 0, 0.16);
color: #000 !important;
}
a.tbk-meta-badge:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
} .tbk-bottom-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
width: 100%;
box-sizing: border-box;
padding-top: 12px;
border-top: 1px solid #f0f0f0;
margin-top: auto !important;
}
.tbk-price {
font-size: 13px !important;
font-weight: 700 !important;
color: #000 !important;
display: flex;
align-items: center;
gap: 5px;
line-height: 1 !important;
white-space: nowrap;
min-width: 0;
flex: 1 1 auto;
}
.tbk-price del {
display: none !important;
}
.tbk-price ins {
text-decoration: none;
color: #000 !important;
background: transparent !important;
}
.tbk-no-price {
font-size: 11px;
color: #aaa;
font-weight: 600;
text-transform: uppercase;
}
.tbk-cart-action {
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
} .tbk-cart-action .added_to_cart,
.tbk-product-card .added_to_cart,
.woocommerce ul.products li.product .added_to_cart {
display: none !important;
}
.tbk-play-btn,
.tbk-cart-btn {
display: flex;
align-items: center;
justify-content: center;
width: 35px !important;
height: 35px !important;
min-width: 35px !important;
background: #f0f0f0;
border: none;
border-radius: 50%;
color: var(--tkb-orange) !important;
cursor: pointer;
flex-shrink: 0;
text-decoration: none !important;
overflow: hidden !important;
padding: 0 !important;
transition: background 0.2s ease, color 0.2s ease;
}
.tbk-play-btn:hover,
.tbk-play-btn.playing,
.tbk-cart-btn:hover {
background: var(--tkb-orange);
color: #000 !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 16px !important;
line-height: 1 !important;
margin: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.tbk-check-icon {
display: none !important;
color: currentColor !important;
width: 14px !important;
height: 14px !important;
}
.tbk-cart-btn.added {
background: #f0f0f0 !important;
color: var(--tkb-orange) !important;
}
.tbk-cart-btn.added:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
}
.tbk-cart-btn.added .tbk-cart-icon {
display: none !important;
}
.tbk-cart-btn.added .tbk-check-icon {
display: block !important;
}
.tbk-cart-btn.tbk-disabled {
background: #f0f0f0 !important;
color: #ccc !important;
}
.tbk-cart-btn.tbk-disabled:hover {
background: #e5e5e5 !important;
color: #aaa !important;
} .woocommerce nav.woocommerce-pagination {
margin: 35px 0 10px 0 !important;
text-align: center !important;
clear: both !important;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
border: none !important;
background: transparent !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
box-shadow: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
list-style: none !important;
background: transparent !important;
overflow: visible !important;
box-shadow: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 38px !important;
height: 38px !important;
padding: 0 12px !important;
border: none !important;
outline: none !important;
border-radius: 999px !important;
background: #fff !important;
color: #000 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
overflow: hidden !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--tkb-orange) !important;
color: #000 !important;
border-radius: 999px !important;
box-shadow: 0 6px 16px rgba(255, 153, 0, 0.25) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
background: var(--tkb-orange) !important;
color: #000 !important;
border-radius: 999px !important;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(255, 153, 0, 0.25) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.dots {
background: transparent !important;
box-shadow: none !important;
min-width: 20px !important;
padding: 0 4px !important;
color: #888 !important;
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a::before,
.woocommerce nav.woocommerce-pagination ul li a::after,
.woocommerce nav.woocommerce-pagination ul li span::before,
.woocommerce nav.woocommerce-pagination ul li span::after {
display: none !important;
content: none !important;
} @media (hover: hover) and (pointer: fine) {
.tbk-product-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
z-index: 5;
}
.tbk-product-card:hover .tbk-img-wrap img {
transform: scale(1.05);
}
} @media (min-width: 768px) {
.tbk-bottom-row {
gap: 4px !important;
overflow: visible !important;
}
.tbk-price {
flex: 0 1 auto !important;
min-width: max-content !important;
max-width: none !important;
overflow: visible !important;
white-space: nowrap !important;
font-size: 12.5px !important;
letter-spacing: -0.2px;
}
.tbk-cart-action {
gap: 4px !important;
flex: 0 0 auto !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
.tbk-check-icon {
width: 12px !important;
height: 12px !important;
}
.tbk-play-btn svg {
width: 9px !important;
height: 9px !important;
}
} @media (max-width: 767px) {
.tbk-product-card {
padding: 12px !important;
overflow: hidden;
transform: none !important;
}
.tbk-product-card:hover {
transform: none !important;
}
.tbk-product-card:hover .tbk-img-wrap img {
transform: none !important;
}
.tbk-img-wrap {
margin: 0 0 10px 0 !important;
}
.tbk-title {
min-height: calc(1.3em * 3);
margin-bottom: 7px !important;
}
.tbk-cats {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(1.2em * 2);
max-height: calc(1.2em * 4);
}
.tbk-card-entities {
min-height: 30px;
margin-bottom: 7px !important;
font-size: 9.5px !important;
}
.tbk-entity-line {
margin-bottom: 2px !important;
}
.tbk-meta-badges {
gap: 3px;
margin-bottom: 8px !important;
min-height: 20px;
}
.tbk-meta-badge {
font-size: 8.8px;
padding: 3px 6px;
}
.tbk-bottom-row {
gap: 6px;
overflow: hidden;
margin-top: auto !important;
}
.tbk-price {
font-size: clamp(12px, 3.5vw, 13px) !important;
line-height: 1 !important;
}
.tbk-bottom-row.tbk-has-audio .tbk-price {
max-width: calc(100% - 70px);
overflow: hidden;
}
.tbk-bottom-row.tbk-no-audio .tbk-price {
max-width: none !important;
overflow: visible !important;
letter-spacing: -0.2px;
}
.tbk-cart-action {
gap: 4px !important;
max-width: none !important;
}
.tbk-cart-no-audio {
gap: 0 !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: clamp(29px, 8.5vw, 34px) !important;
height: clamp(29px, 8.5vw, 34px) !important;
min-width: clamp(29px, 8.5vw, 34px) !important;
max-width: 34px !important;
max-height: 34px !important;
}
.tbk-play-btn svg {
width: 10px !important;
height: 10px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 15px !important;
}
.tbk-check-icon {
width: 13px !important;
height: 13px !important;
}
.woocommerce nav.woocommerce-pagination {
margin: 28px 0 8px 0 !important;
}
.woocommerce nav.woocommerce-pagination ul {
gap: 6px !important;
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li {
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
min-width: 34px !important;
height: 34px !important;
padding: 0 10px !important;
font-size: 13px !important;
border-radius: 999px !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
transform: none !important;
border-radius: 999px !important;
}
}
@media (max-width: 380px) {
.tbk-product-card {
padding: 10px !important;
}
.tbk-title {
margin-bottom: 6px !important;
}
.tbk-bottom-row {
gap: 4px;
}
.tbk-price {
font-size: 12px !important;
}
.tbk-bottom-row.tbk-has-audio .tbk-price {
max-width: calc(100% - 62px);
overflow: hidden;
}
.tbk-bottom-row.tbk-no-audio .tbk-price {
max-width: none !important;
overflow: visible !important;
letter-spacing: -0.3px;
}
.tbk-cart-action {
gap: 3px !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
.tbk-check-icon {
width: 12px !important;
height: 12px !important;
}
} .tbk-product-card {
overflow: hidden !important;
}
.tbk-link-wrapper {
flex: 0 0 auto !important;
}
.tbk-title {
line-height: 1.28em !important;
min-height: 2.56em !important;
max-height: 2.56em !important;
margin: 0 0 8px 0 !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
}
.tbk-card-entities {
min-height: 31px !important;
max-height: 31px !important;
margin: 0 0 8px 0 !important;
overflow: hidden !important;
}
.tbk-card-entities-empty {
visibility: hidden !important;
}
.tbk-entity-line {
min-height: 14px !important;
max-height: 14px !important;
line-height: 14px !important;
margin: 0 0 2px 0 !important;
}
.tbk-meta-badges {
align-content: flex-start !important;
min-height: 40px !important;
max-height: 40px !important;
margin: 0 0 10px 0 !important;
overflow: hidden !important;
}
.tbk-meta-badge {
flex: 0 0 auto !important;
}
.tbk-bottom-row {
flex: 0 0 auto !important;
margin-top: auto !important;
}
@media (max-width: 767px) {
.tbk-title {
line-height: 1.25em !important;
min-height: 3.75em !important;
max-height: 3.75em !important;
-webkit-line-clamp: 3 !important;
}
.tbk-card-entities {
min-height: 29px !important;
max-height: 29px !important;
}
.tbk-entity-line {
min-height: 13px !important;
max-height: 13px !important;
line-height: 13px !important;
}
.tbk-meta-badges {
min-height: 38px !important;
max-height: 38px !important;
}
}
@media (max-width: 380px) {
.tbk-title {
line-height: 1.22em !important;
min-height: 3.66em !important;
max-height: 3.66em !important;
}
} .tbk-card-entities {
min-height: 44px !important;
max-height: 44px !important;
margin: 0 0 6px 0 !important;
overflow: hidden !important;
}
.tbk-artist-line {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
white-space: normal !important;
min-height: 26px !important;
max-height: 26px !important;
line-height: 13px !important;
margin: 0 0 3px 0 !important;
overflow: hidden !important;
text-overflow: clip !important;
color: #e98b00 !important;
}
.tbk-label-line {
display: block !important;
white-space: nowrap !important;
min-height: 14px !important;
max-height: 14px !important;
line-height: 14px !important;
margin: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: #6d6258 !important;
}
.tbk-artist-line .tbk-entity-link,
.tbk-artist-line .tbk-entity-text,
.tbk-entity-link.is-artist,
.tbk-entity-text.is-artist {
color: #e98b00 !important;
font-weight: 700 !important;
}
.tbk-label-line .tbk-entity-link,
.tbk-label-line .tbk-entity-text,
.tbk-entity-link.is-label,
.tbk-entity-text.is-label {
color: #6d6258 !important;
font-weight: 600 !important;
}
.tbk-artist-line .tbk-entity-link:hover,
.tbk-entity-link.is-artist:hover {
color: var(--tkb-orange-dark) !important;
}
.tbk-label-line .tbk-entity-link:hover,
.tbk-entity-link.is-label:hover {
color: #3f3934 !important;
}
@media (min-width: 768px) {
.tbk-title {
font-size: 13.2px !important;
line-height: 1.27em !important;
min-height: 2.54em !important;
max-height: 2.54em !important;
margin-bottom: 7px !important;
}
.tbk-meta-badges {
gap: 3px !important;
min-height: 36px !important;
max-height: 36px !important;
margin: 0 0 6px 0 !important;
}
.tbk-meta-badge {
min-height: 17px !important;
padding: 2px 6px !important;
font-size: 9px !important;
letter-spacing: 0.18px !important;
}
.tbk-bottom-row {
padding-top: 8px !important;
}
}
@media (max-width: 767px) {
.tbk-card-entities {
min-height: 41px !important;
max-height: 41px !important;
margin-bottom: 6px !important;
}
.tbk-artist-line {
min-height: 24px !important;
max-height: 24px !important;
line-height: 12px !important;
margin-bottom: 3px !important;
}
.tbk-label-line {
min-height: 13px !important;
max-height: 13px !important;
line-height: 13px !important;
}
} @media (min-width: 768px) {
.tbk-card-entities {
margin-bottom: 10px !important;
}
} .tbk-cart-action {
gap: 7px !important;
overflow: visible !important;
}
.tbk-play-btn,
.tbk-cart-btn {
position: relative !important;
border-radius: 50% !important;
overflow: hidden !important;
box-sizing: border-box !important;
-webkit-appearance: none !important;
appearance: none !important;
filter: none !important;
transition:
transform 0.18s ease,
background-color 0.18s ease,
border-color 0.18s ease,
color 0.18s ease,
box-shadow 0.18s ease !important;
} .tbk-play-btn {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
background: #fff !important;
border: 2px solid var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-play-btn svg {
width: 11px !important;
height: 11px !important;
}
.tbk-play-btn::before,
.tbk-play-btn::after,
.tbk-cart-btn::before,
.tbk-cart-btn::after {
content: none !important;
display: none !important;
} .tbk-cart-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
background: var(--tkb-orange) !important;
border: 2px solid var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 16px !important;
font-weight: 700 !important;
}
.tbk-check-icon {
width: 14px !important;
height: 14px !important;
stroke-width: 2.35 !important;
}
.tbk-play-btn.playing {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-cart-btn.added {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-play-btn:focus-visible,
.tbk-cart-btn:focus-visible {
outline: none !important;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.24) !important;
}
.tbk-cart-btn.tbk-disabled {
background: #ededed !important;
border-color: #dedede !important;
color: #aaa !important;
box-shadow: none !important;
cursor: not-allowed !important;
}
@media (hover: hover) and (pointer: fine) {
.tbk-play-btn:hover {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
transform: translateY(-2px) scale(1.03) !important;
box-shadow: none !important;
}
.tbk-play-btn.playing:hover {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
}
.tbk-cart-btn:hover,
.tbk-cart-btn.added:hover {
background: var(--tkb-orange-soft) !important;
border-color: var(--tkb-orange-soft) !important;
color: #000 !important;
transform: translateY(-2px) scale(1.04) !important;
box-shadow: none !important;
}
.tbk-cart-btn.tbk-disabled:hover {
background: #ededed !important;
border-color: #dedede !important;
color: #aaa !important;
transform: none !important;
box-shadow: none !important;
}
} @media (max-width: 767px) {
.tbk-cart-action {
gap: 5px !important;
}
.tbk-play-btn {
width: 33px !important;
height: 33px !important;
min-width: 33px !important;
max-width: 33px !important;
max-height: 33px !important;
}
.tbk-cart-btn {
width: 35px !important;
height: 35px !important;
min-width: 35px !important;
max-width: 35px !important;
max-height: 35px !important;
}
.tbk-play-btn svg {
width: 10px !important;
height: 10px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 15px !important;
}
}
@media (max-width: 380px) {
.tbk-play-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
max-width: 31px !important;
max-height: 31px !important;
}
.tbk-cart-btn {
width: 33px !important;
height: 33px !important;
min-width: 33px !important;
max-width: 33px !important;
max-height: 33px !important;
}
} @media (max-width: 480px) {
.tbk-bottom-row {
gap: 3px !important;
overflow: visible !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
white-space: nowrap !important;
font-size: clamp(10.5px, 3.05vw, 12px) !important;
letter-spacing: -0.35px !important;
line-height: 1 !important;
}
.tbk-price .woocommerce-Price-amount,
.tbk-price .woocommerce-Price-currencySymbol,
.tbk-price bdi {
white-space: nowrap !important;
}
.tbk-cart-action {
flex: 0 0 auto !important;
gap: 3px !important;
}
.tbk-play-btn {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
max-height: 28px !important;
border-width: 2px !important;
}
.tbk-cart-btn {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
border-width: 2px !important;
}
.tbk-play-btn svg {
width: 9px !important;
height: 9px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
}
@media (max-width: 360px) {
.tbk-product-card {
padding-left: 9px !important;
padding-right: 9px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 10px !important;
letter-spacing: -0.45px !important;
}
.tbk-play-btn {
width: 27px !important;
height: 27px !important;
min-width: 27px !important;
max-width: 27px !important;
max-height: 27px !important;
}
.tbk-cart-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
max-height: 29px !important;
}
}  @media (min-width: 768px) {
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: -0.15px !important;
line-height: 1.05 !important;
}
} @media (max-width: 767px) {
.tbk-bottom-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
column-gap: 6px !important;
overflow: visible !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: clip !important;
font-size: clamp(12px, 3.45vw, 13.5px) !important;
font-weight: 800 !important;
letter-spacing: -0.25px !important;
line-height: 1.05 !important;
}
.tbk-cart-action {
display: flex !important;
flex: 0 0 auto !important;
min-width: max-content !important;
gap: 5px !important;
}
.tbk-play-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
}
.tbk-cart-btn {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
}
} @media (max-width: 390px) {
.tbk-bottom-row {
column-gap: 4px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 11.5px !important;
letter-spacing: -0.35px !important;
}
.tbk-cart-action {
gap: 4px !important;
}
.tbk-play-btn {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
}
.tbk-cart-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
}
} @media (max-width: 350px) {
.tbk-product-card {
padding-left: 9px !important;
padding-right: 9px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 11px !important;
letter-spacing: -0.45px !important;
}
.tbk-play-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
max-height: 29px !important;
}
.tbk-cart-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
max-width: 31px !important;
max-height: 31px !important;
}
}body.tkb-design-system,
body.tkb-design-system *,
body.tkb-design-system *::before,
body.tkb-design-system *::after {
box-sizing: border-box;
} body.tkb-design-system :where(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--tkb-orange) !important;
outline-offset: 2px !important;
box-shadow: var(--tkb-focus-ring);
}
body.tkb-design-system :where(a, button, input, select, textarea) {
transition:
color var(--tkb-transition),
background-color var(--tkb-transition),
border-color var(--tkb-transition),
box-shadow var(--tkb-transition),
opacity var(--tkb-transition),
transform var(--tkb-transition);
} body.tkb-design-system :where(
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"],
a.checkout-button.button.alt,
button.button.et_pb_button,
.et_pb_button
):not(.remove):not(.tkbpp-carousel-arrow):not(.tkb-v2-icon) {
min-height: var(--tkb-control-height);
border: 1px solid var(--tkb-orange) !important;
border-radius: var(--tkb-radius-md) !important;
background: var(--tkb-orange) !important;
color: var(--tkb-ink) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.tkb-design-system :where(
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"],
a.checkout-button.button.alt,
button.button.et_pb_button,
.et_pb_button
):not(.remove):not(.tkbpp-carousel-arrow):not(.tkb-v2-icon):hover {
border-color: var(--tkb-orange-hover) !important;
background: var(--tkb-orange-hover) !important;
color: var(--tkb-ink) !important;
}
body.tkb-design-system :where(button, .button, input[type="submit"]):disabled,
body.tkb-design-system :where(button, .button, input[type="submit"]).disabled {
cursor: not-allowed !important;
opacity: 0.55 !important;
} body.tkb-design-system :where(
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="number"]:not(.qty),
.woocommerce select,
.woocommerce textarea,
.et_pb_contact_form input:not([type="checkbox"]):not([type="radio"]),
.et_pb_contact_form select,
.et_pb_contact_form textarea
) {
min-height: var(--tkb-control-height);
border: 1px solid #cccccc !important;
border-radius: var(--tkb-radius-sm) !important;
background-color: var(--tkb-surface) !important;
color: var(--tkb-ink) !important;
font: inherit;
box-shadow: none !important;
}
body.tkb-design-system :where(
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="number"]:not(.qty),
.woocommerce select,
.woocommerce textarea,
.et_pb_contact_form input:not([type="checkbox"]):not([type="radio"]),
.et_pb_contact_form select,
.et_pb_contact_form textarea
):focus {
border-color: var(--tkb-orange) !important;
box-shadow: var(--tkb-focus-ring) !important;
outline: 0 !important;
} body.tkb-design-system :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
margin-bottom: 22px !important;
padding: 15px 18px 15px 48px !important;
border: 1px solid var(--tkb-line) !important;
border-top: 3px solid var(--tkb-orange) !important;
border-radius: var(--tkb-radius-md) !important;
background: var(--tkb-surface) !important;
color: var(--tkb-ink) !important;
box-shadow: var(--tkb-shadow-sm) !important;
}
body.tkb-design-system .woocommerce-error {
border-top-color: var(--tkb-danger) !important;
}
body.tkb-design-system .woocommerce-message::before,
body.tkb-design-system .woocommerce-info::before {
color: var(--tkb-orange) !important;
}
body.tkb-design-system .woocommerce-error::before {
color: var(--tkb-danger) !important;
} body.tkb-design-system :where(
.woocommerce-breadcrumb a,
.woocommerce .product_meta a,
.woocommerce .tagged_as a,
.woocommerce .posted_in a,
.woocommerce-info a.showcoupon,
.tkb-artist-link,
.tkb-label-link
) {
color: var(--tkb-orange) !important;
}
body.tkb-design-system :where(
.woocommerce-breadcrumb a,
.woocommerce .product_meta a,
.woocommerce .tagged_as a,
.woocommerce .posted_in a,
.woocommerce-info a.showcoupon,
.tkb-artist-link,
.tkb-label-link
):hover {
color: var(--tkb-orange-hover) !important;
} body.tkb-design-system .tb-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 22px;
padding: 4px 8px;
border-radius: var(--tkb-radius-xs);
color: #ffffff;
font-size: 10px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.45px;
text-transform: uppercase;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
}
body.tkb-design-system .tb-badge.is-red { background: var(--tkb-danger); }
body.tkb-design-system .tb-badge.is-orange { background: var(--tkb-restock); }
body.tkb-design-system .tb-badge.is-green { background: var(--tkb-success); }
body.tkb-design-system .tb-badge.is-yellow { background: var(--tkb-warning); }
body.tkb-design-system .tb-badge.is-blue { background: var(--tkb-info); }
body.tkb-design-system .tb-badge.is-black { background: var(--tkb-black); } body.tkb-design-system ::selection {
background: rgba(var(--tkb-orange-rgb), 0.32);
color: var(--tkb-ink);
}.woocommerce-page #main-content .et_pb_column.et_pb_sidebar {
display: none;
}
.woocommerce-page #main-content .et_pb_column.et_pb_column_main {
width: 100%;
}
.fas::before {
font-family: "FontAwesome" !important;
}
@media only screen and (max-width: 768px) {
body {
background-color: #000000 !important;
background-image: none !important;
}
}
.et_pb_tab_content a[href="https://constacloud.com/disconnect"],
.et_pb_tab_content a[href^="https://www.discogs.com/"] {
display: none !important;
}
.woocommerce ul.products li.product .divi-product-category {
font-size: 12px !important;
} body.tkb-design-system :where(
.woocommerce select,
select.orderby,
select.tek-tag-filter,
.tek-filter-wrapper select
) {
appearance: none;
padding: 6px 32px 6px 12px;
border: 1px solid #cccccc;
border-radius: var(--tkb-radius-sm);
background-color: #f8f8f8;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='10,40 70,100 130,40' fill='none' stroke='%23222' stroke-width='20' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
color: #222222 !important;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
body.tkb-design-system :where(
.woocommerce select,
select.orderby,
select.tek-tag-filter,
.tek-filter-wrapper select
):focus {
outline: 0;
border-color: var(--tkb-orange);
box-shadow: var(--tkb-focus-ring);
}
body.tkb-design-system select option {
color: #222222;
} .control > .previous.sricon-back,
.control > .next.sricon-forward {
display: none !important;
}
.player .player-row .control > .previous.sricon-back,
.player .player-row .control > .next.sricon-forward {
display: inline-flex !important;
}
.srp_meta.srp_meta_1.album-title {
display: none !important;
}
.player .srp_meta.srp_meta_1.album-title {
display: block !important;
}
.single-product i.sricon-info,
.single-product a.song-store.sr_store_force_pl_bt,
.single-product a.song-store.add_to_cart_button {
display: none !important;
}
.single-product .song-store {
margin: 0 !important;
padding: 0 !important;
}
.tbk-img-wrap img.tbk-product-thumb {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
margin-left: 0 !important;
padding-left: 0 !important;
list-style: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
list-style: none !important;
}
.woocommerce ul.products li.product::marker,
.woocommerce-page ul.products li.product::marker {
content: "" !important;
} body.tkb-design-system .woocommerce ul.products li.product :where(h2, h3, .woocommerce-loop-product__title) a,
body.tkb-design-system .woocommerce ul.products li.product a :where(h2, h3, .woocommerce-loop-product__title),
body.tkb-design-system .tbk-product-card :where(h2, h3, .tbk-product-title) a,
body.tkb-design-system .tbk-product-card a :where(h2, h3, .tbk-product-title) {
color: var(--tkb-ink) !important;
} body.tkb-design-system .tbk-archive-heading {
position:relative !important;
max-width:none !important;
margin:0 !important;
padding:0 0 10px 16px !important;
border-bottom:0 !important;
}
body.tkb-design-system .tbk-archive-heading::before {
position:absolute !important;
top:0 !important;
bottom:10px !important;
left:0 !important;
width:4px !important;
border-radius:999px !important;
background:var(--tkb-orange, #ff9900) !important;
content:"" !important;
}
body.tkb-design-system .tbk-archive-eyebrow {
display:block !important;
margin:0 0 5px !important;
padding:0 !important;
color:var(--tkb-orange, #ff9900) !important;
font-size:11px !important;
font-weight:900 !important;
line-height:1.15 !important;
letter-spacing:.15em !important;
text-transform:uppercase !important;
}
body.tkb-design-system .tbk-archive-hero .tbk-archive-heading h1 {
margin:0 !important;
padding:0 !important;
color:#050505 !important;
font-size:clamp(28px, 3vw, 38px) !important;
font-weight:900 !important;
line-height:1.04 !important;
letter-spacing:-.035em !important;
text-transform:none !important;
}
body.tkb-design-system .tbk-archive-intro {
max-width:840px !important;
margin:10px 0 0 !important;
padding:0 !important;
color:#565656 !important;
font-size:14.5px !important;
line-height:1.5 !important;
} body.tkb-design-system .tkbpp-recommendation-header {
position:relative !important;
margin-bottom:17px !important;
padding:0 0 10px 14px !important;
border-bottom:1px solid #dedede !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div {
position:relative !important;
padding:0 !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div::before {
position:absolute !important;
top:0 !important;
bottom:0 !important;
left:-14px !important;
width:4px !important;
border-radius:999px !important;
background:var(--tkb-orange, #ff9900) !important;
content:"" !important;
}
body.tkb-design-system .tkbpp-recommendation-header h2 {
margin:0 !important;
padding:0 !important;
color:#050505 !important;
font-size:clamp(24px, 2.4vw, 32px) !important;
font-weight:900 !important;
line-height:1.06 !important;
letter-spacing:-.03em !important;
text-transform:none !important;
}
@media (max-width:767px) {
body.tkb-design-system .tbk-archive-heading,
body.tkb-design-system .tkbpp-recommendation-header {
padding-left:12px !important;
padding-bottom:8px !important;
}
body.tkb-design-system .tbk-archive-heading::before {
bottom:8px !important;
width:3px !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div::before {
left:-12px !important;
width:3px !important;
}
body.tkb-design-system .tbk-archive-hero .tbk-archive-heading h1 {
font-size:clamp(25px, 8vw, 31px) !important;
}
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #e09900; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #e09900; --cmplz_button_accept_border_color: #e09900; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}@media (max-width: 768px) { .cmplz-cookiebanner { width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (max-width: 1023px) { .cmplz-cookiebanner { max-width: 100%; }}@media (max-width: 1023px) { .cmplz-cookiebanner { transform: translateX(-50%); bottom: 0; top: initial; }}@media (min-width: 1024px) { .cmplz-cookiebanner { margin: 10px; width: calc(100% - 20px); grid-column-gap: 10px; display: grid; grid-template-columns: 1fr 1fr; bottom: 0; left: initial; top: initial; transform: initial; } .cmplz-cookiebanner.cmplz-categories-type-save-preferences .cmplz-body > div { width: 49%; } .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body > div { width: 49%; } .cmplz-cookiebanner .cmplz-body { grid-column: span 2; display: flex; gap: 10px; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-categories, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons { grid-column: inherit; } .cmplz-cookiebanner .cmplz-description { grid-column-start: 1; } .cmplz-cookiebanner.optin .cmplz-categories, .cmplz-cookiebanner.optout .cmplz-categories { width: 85vw; grid-column-start: 2; } .cmplz-cookiebanner .cmplz-buttons { grid-column-start: 3; grid-row-start: 3; display: flex; flex-direction: column; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-width: 250px; width: 100%; } .cmplz-cookiebanner .cmplz-links.cmplz-documents { grid-column-end: 3; } .cmplz-cookiebanner .cmplz-links.cmplz-information { grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; display: flex; justify-content: flex-end; } .cmplz-cookiebanner .cmplz-links.cmplz-documents { grid-column-start: 1; grid-row-start: 5; display: flex; justify-content: flex-start; } .cmplz-cookiebanner .cmplz-categories.cmplz-tcf { height: 160px; } .cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons, .cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons { flex-direction: initial; } .cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons, .cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons { flex-direction: column; }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}#cmplz-cookiebanner-container .cmplz-cookiebanner { bottom: -50vh; -webkit-animation: slideIn 0.5s forwards; -webkit-animation-delay: 1s; animation: slideIn 0.5s forwards; animation-delay: 1s;}@-webkit-keyframes slideIn { 100% { bottom: 0; }}@keyframes slideIn { 100% { bottom: 0; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}#cmplz-manage-consent .cmplz-manage-consent { display: none;}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}#cmplz-cookiebanner-container .cmplz-cookiebanner { position: fixed !important; top: auto !important; right: auto !important; bottom: 18px !important; left: 50% !important; transform: translateX(-50%) !important; width: 920px !important; max-width: calc(100vw - 32px) !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: calc(100vh - 36px) !important; margin: 0 !important; padding: 20px 24px !important; background: #111111 !important; color: #ffffff !important; border: 1px solid #f5a000 !important; border-radius: 16px !important; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45) !important; grid-template-columns: minmax(0, 1fr) 230px !important; grid-template-areas: "header buttons" "body buttons" "links buttons" !important; column-gap: 28px !important; row-gap: 10px !important; align-items: center !important; overflow-y: auto !important; box-sizing: border-box !important; z-index: 999999 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { grid-area: header !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { margin: 0 !important; padding: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: left !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { grid-area: body !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { margin: 0 !important; padding: 0 !important; color: #d8d8d8 !important; -webkit-text-fill-color: #d8d8d8 !important; opacity: 1 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { grid-area: buttons !important; flex-direction: column !important; justify-content: center !important; width: 230px !important; min-width: 0 !important; gap: 10px !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { width: 100% !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 9px 16px !important; border-radius: 10px !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept { background: #f5a000 !important; color: #090909 !important; -webkit-text-fill-color: #090909 !important; border: 1px solid #f5a000 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover { background: #ffad0a !important; border-color: #ffad0a !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny { background: #1a1a1a !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #555555 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny:hover { background: #242424 !important; border-color: #f5a000 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-view-preferences,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-save-preferences { background: #1a1a1a !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #555555 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { grid-area: links !important; flex-wrap: wrap !important; align-items: center !important; width: 100% !important; gap: 7px 15px !important; margin: 2px 0 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a { position: static !important; inset: auto !important; transform: none !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #f5a000 !important; -webkit-text-fill-color: #f5a000 !important; font-size: 13px !important; line-height: 1.35 !important; text-align: left !important; white-space: normal !important; text-decoration: underline !important; text-underline-offset: 3px !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-hidden,#cmplz-cookiebanner-container .cmplz-cookiebanner [hidden],#cmplz-cookiebanner-container .cmplz-cookiebanner [aria-hidden="true"],#cmplz-cookiebanner-container .cmplz-cookiebanner [style*="display: none"] { display: none !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-options,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-services,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-vendors,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-purposes,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-purpose,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf-links,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf-buttons { display: none !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories { margin: 12px 0 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category { margin: 0 0 8px !important; padding: 10px 12px !important; background: #181818 !important; color: #ffffff !important; border: 1px solid #333333 !important; border-radius: 9px !important; box-sizing: border-box !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-description { color: #cccccc !important; -webkit-text-fill-color: #cccccc !important;}@media only screen and (max-width: 767px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { bottom: 8px !important; left: 50% !important; transform: translateX(-50%) !important; width: calc(100vw - 16px) !important; max-width: none !important; max-height: calc(100vh - 16px) !important; padding: 17px !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "header" "body" "buttons" "links" !important; gap: 12px !important; align-items: stretch !important; border-radius: 14px !important; overflow-y: auto !important; overscroll-behavior: contain !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: 21px !important; line-height: 1.25 !important; text-align: center !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { font-size: 14px !important; line-height: 1.45 !important; text-align: left !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { width: 100% !important; gap: 9px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { width: 100% !important; height: 47px !important; min-height: 47px !important; font-size: 15px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; gap: 7px !important; margin: 0 !important; text-align: center !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 2px 0 !important; font-size: 13px !important; line-height: 1.35 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; }}@media only screen and (max-width: 390px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { padding: 14px !important; gap: 10px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: 19px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { font-size: 13px !important; line-height: 1.4 !important; }}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}