.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;
}
} @media only screen and (min-width: 981px) {
#header-icons-section + .et_pb_section
.et_pb_menu__menu > nav,
#header-icons-section + .et_pb_section .et-menu {
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section .et-menu,
#header-icons-section + .et_pb_section .et-menu ul,
#header-icons-section + .et_pb_section .et-menu li {
list-style: none !important;
}
#header-icons-section + .et_pb_section .et-menu li::marker {
content: "" !important;
font-size: 0 !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;
}body.tkb-product-design-v7 {
--tkb-orange: #ff9900;
--tkb-orange-hover: #e68800;
--tkb-black: #151515;
--tkb-dark: #272727;
--tkb-grey: #747a82;
--tkb-soft: #fbfbfb;
--tkb-border: #dde1e4;
--tkb-green: #38a960;
--tkb-white: #ffffff;
}
body.tkb-product-design-v7 *,
body.tkb-product-design-v7 *::before,
body.tkb-product-design-v7 *::after {
box-sizing: border-box;
} body.tkb-product-design-v7 .woocommerce-breadcrumb {
margin: 0 !important;
padding: 15px 0 20px !important;
color: #858a91 !important;
font-size: 12px !important;
line-height: 1.55 !important;
}
body.tkb-product-design-v7 .woocommerce-breadcrumb a {
color: #62676e !important;
text-decoration: none !important;
}
body.tkb-product-design-v7 .woocommerce-breadcrumb a:hover {
color: var(--tkb-orange, #ff9900) !important;
}
body.tkb-product-design-v7 .woocommerce-breadcrumb.tkbpp-breadcrumb-aligned {
box-sizing: border-box;
min-width: 0;
} body.tkb-product-design-v7 .tkb-product-hero-row {
display: flex !important;
align-items: flex-start !important;
gap: clamp(30px, 3.4vw, 46px) !important;
padding-top: 0 !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-gallery-column,
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-info-column {
align-self: flex-start !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-gallery-column {
width: 42% !important;
margin-right: 0 !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-info-column {
width: 58% !important;
margin-right: 0 !important;
}
body.tkb-product-design-v7
.tkb-product-info-column
> .et_pb_module:first-child,
body.tkb-product-design-v7
.tkb-product-info-column
> .et_pb_wc_title:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
} body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery {
position: relative;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.et_pb_wc_images {
margin-bottom: 0 !important;
}
body.tkb-product-design-v7
.woocommerce-product-gallery__trigger,
body.tkb-product-design-v7
.woocommerce-product-gallery .zoomImg {
display: none !important;
}
body.tkb-product-design-v7
.woocommerce-product-gallery__image > a {
pointer-events: none !important;
cursor: default !important;
}
body.tkb-product-design-v7
.woocommerce-product-gallery__image img {
cursor: default !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__wrapper,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery .flex-viewport {
overflow: hidden !important;
background: #f4f4f4;
border: 1px solid var(--tkb-border);
border-radius: 5px !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, .045);
} body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__image,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__image > a,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__image img {
border-radius: 5px !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__image {
overflow: hidden !important;
} body.tkb-product-design-v7
.tkb-product-gallery-column
.flex-control-thumbs {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
clip-path: inset(50%) !important;
pointer-events: none !important;
}
body.tkb-product-design-v7 .tkb-gallery-dots {
position: absolute;
left: 13px;
bottom: 13px;
z-index: 30;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 7px;
min-height: 28px;
padding: 6px 9px;
background: rgba(18, 18, 18, .64);
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 999px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .18);
transform: none;
backdrop-filter: blur(4px);
}
body.tkb-product-design-v7 .tkb-gallery-dot {
display: block;
width: 8px;
height: 8px;
margin: 0;
padding: 0;
background: rgba(255, 255, 255, .66);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
cursor: pointer;
transition: transform .16s ease, background .16s ease;
}
body.tkb-product-design-v7 .tkb-gallery-dot:hover,
body.tkb-product-design-v7 .tkb-gallery-dot:focus-visible {
background: #fff;
transform: scale(1.18);
outline: none;
}
body.tkb-product-design-v7 .tkb-gallery-dot.is-active {
background: var(--tkb-orange, #ff9900);
box-shadow: 0 0 0 3px rgba(242, 160, 0, .22);
transform: scale(1.12);
} body.tkb-product-design-v7
.tkb-product-info-column
.et_pb_wc_title {
margin-bottom: 14px !important;
}
body.tkb-product-design-v7
.tkb-product-info-column
h1.product_title,
body.tkb-product-design-v7
.tkb-product-info-column
.et_pb_wc_title h1 {
margin: 0 !important;
padding: 0 !important;
color: var(--tkb-black) !important;
font-size: 32px !important;
font-weight: 780 !important;
line-height: 1.08 !important;
letter-spacing: -.023em !important;
overflow-wrap: anywhere;
}
body.tkb-product-design-v7 .tkb-title-long {
font-size: 29px !important;
}
body.tkb-product-design-v7 .tkb-title-very-long {
font-size: 26px !important;
} body.tkb-product-design-v7 .tkb-product-identity {
margin: 0 0 19px;
padding: 15px 17px;
background: #fcfcfc;
border: 1px solid #dfe3e6;
border-left: 3px solid var(--tkb-orange, #ff9900);
border-radius: 6px;
}
body.tkb-product-design-v7 .tkb-product-identity-main,
body.tkb-product-design-v7 .tkb-product-identity-details {
display: grid;
gap: 6px;
}
body.tkb-product-design-v7 .tkb-product-identity-details {
margin-top: 11px;
padding-top: 10px;
border-top: 1px solid #e1e1e1;
}
body.tkb-product-design-v7 .tkb-product-identity-row {
display: grid;
grid-template-columns: 78px minmax(0, 1fr);
align-items: baseline;
gap: 9px;
}
body.tkb-product-design-v7 .tkb-product-identity-label {
color: #6f7881;
font-size: 9px;
font-weight: 850;
letter-spacing: .075em;
text-transform: uppercase;
}
body.tkb-product-design-v7 .tkb-product-identity-value {
color: var(--tkb-dark);
font-size: 14px;
font-weight: 680;
line-height: 1.35;
}
body.tkb-product-design-v7
.tkb-product-identity-row--artist
.tkb-product-identity-value {
font-size: 17px;
font-weight: 800;
}
body.tkb-product-design-v7
.tkb-product-identity-value a {
color: inherit !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(242, 160, 0, .48);
}
body.tkb-product-design-v7
.tkb-product-identity-value a:hover {
color: var(--tkb-orange-hover, #e68800) !important;
}
body.tkb-product-design-v7
.tkb-product-identity-row--release
.tkb-product-identity-value {
color: #5d646b;
font-weight: 750;
}
body.tkb-product-design-v7 .tkb-product-condition {
margin-top: 10px;
padding-top: 9px;
color: #737981;
border-top: 1px solid #e1e1e1;
font-size: 10px;
}
body.tkb-product-design-v7 .tkb-product-listing-comment {
display: block;
margin-top: 9px;
padding: 9px 10px;
color: #3f454b;
background: #fff8eb;
border: 1px solid #efd7ac;
border-left: 3px solid var(--tkb-orange, #ff9900);
border-radius: 6px;
font-size: 11px;
line-height: 1.45;
}
body.tkb-product-design-v7 .tkb-product-listing-comment__label {
display: block;
margin: 0 0 3px;
color: #915900;
font-size: 9px;
font-weight: 850;
letter-spacing: .065em;
text-transform: uppercase;
}
body.tkb-product-design-v7 .tkb-product-listing-comment__text {
display: block;
font-weight: 650;
overflow-wrap: anywhere;
}
body.tkb-product-design-v7 .tkb-track-origins {
margin-top: 9px;
padding-top: 9px;
border-top: 1px solid #e1e4e6;
}
body.tkb-product-design-v7 .tkb-track-origins__label {
display: block;
margin: 0 0 7px;
color: #737b83;
font-size: 9px;
font-weight: 850;
letter-spacing: .07em;
text-transform: uppercase;
}
body.tkb-product-design-v7 .tkb-track-origins__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px 10px;
}
body.tkb-product-design-v7 .tkb-track-origin {
display: flex;
min-width: 0;
align-items: baseline;
gap: 6px;
padding: 5px 7px;
background: #f7f8f9;
border: 1px solid #e8eaec;
border-radius: 5px;
color: #555d65;
font-size: 10px;
line-height: 1.35;
}
body.tkb-product-design-v7 .tkb-track-origin strong {
flex: 0 0 auto;
color: var(--tkb-orange-hover, #e68800);
font-size: 9px;
font-weight: 900;
}
body.tkb-product-design-v7 .tkb-track-origin > span {
min-width: 0;
}
body.tkb-product-design-v7 .tkb-internal-release-link {
color: #2f353a !important;
font-weight: 750;
text-decoration: none !important;
border-bottom: 1px solid rgba(255, 153, 0, .48);
}
body.tkb-product-design-v7 .tkb-internal-release-link:hover {
color: var(--tkb-orange-hover, #e68800) !important;
}
@media (max-width: 560px) {
body.tkb-product-design-v7 .tkb-track-origins__list {
grid-template-columns: 1fr;
}
}
body.tkb-product-design-v7 .tkb-product-release-notes {
display: -webkit-box;
margin-top: 8px;
padding-top: 8px;
overflow: hidden;
color: #687078;
border-top: 1px solid #e1e4e6;
font-size: 10px;
font-weight: 500;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
body.tkb-product-design-v7 .tkb-country-flag {
display: inline-block;
margin-right: 6px;
font-size: 16px;
line-height: 1;
vertical-align: -2px;
} body.tkb-product-design-v7 .tkb-price-stock-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px;
width: 100%;
margin: 0 0 13px !important;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.et_pb_wc_price {
margin: 0 !important;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.price {
display: flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
margin: 0 !important;
color: var(--tkb-orange, #ff9900) !important;
font-size: 31px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -.01em;
} body.tkb-product-design-v7
.tkb-price-stock-row
.price > .woocommerce-Price-amount,
body.tkb-product-design-v7
.tkb-price-stock-row
.price ins {
display: inline-flex !important;
align-items: center;
order: 1;
min-height: 42px;
padding: 7px 13px;
color: #a85f00 !important;
background: #fff8ea !important;
border: 1px solid #f3cb7d;
border-radius: 999px;
font-size: 31px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -.01em;
text-decoration: none !important;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.price del {
order: 2;
color: #969ba1 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1 !important;
opacity: .82;
text-decoration-thickness: 1.3px;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.price ins .woocommerce-Price-amount,
body.tkb-product-design-v7
.tkb-price-stock-row
.price ins .woocommerce-Price-currencySymbol {
min-height: 0 !important;
padding: 0 !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
font-size: inherit !important;
font-weight: inherit !important;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.price del .woocommerce-Price-amount,
body.tkb-product-design-v7
.tkb-price-stock-row
.price del .woocommerce-Price-currencySymbol {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
}
body.tkb-product-design-v7 .tkb-stock-display {
display: inline-flex !important;
align-items: center;
gap: 7px;
margin-left: auto !important;
padding: 7px 11px !important;
color: #307047 !important;
background: #edf8f1;
border: 1px solid #cce8d6;
border-radius: 999px;
font-size: 11px !important;
font-weight: 800 !important;
white-space: nowrap;
}
body.tkb-product-design-v7 .tkb-stock-display::before {
content: "";
width: 7px;
height: 7px;
background: var(--tkb-green);
border-radius: 50%;
box-shadow: 0 0 0 3px rgba(56, 169, 96, .13);
}
body.tkb-product-design-v7
.tkb-stock-display.tkb-last-copy {
color: #a96100 !important;
background: #fff6e5;
border-color: #f0d39a;
}
body.tkb-product-design-v7
.tkb-stock-display.tkb-last-copy::before {
background: var(--tkb-orange, #ff9900);
}
body.tkb-product-design-v7 .tkb-original-stock {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
} body.tkb-product-design-v7
form.cart.tkb-purchase-layout-ready {
display: block !important;
width: 100% !important;
margin: 0 !important;
}
body.tkb-product-design-v7 .tkb-product-options-area {
display: block !important;
width: 100% !important;
margin: 0 0 14px !important;
}
body.tkb-product-design-v7 table.variations {
width: 100% !important;
margin: 0 0 14px !important;
padding: 13px !important;
background: var(--tkb-soft);
border: 1px solid var(--tkb-border);
border-radius: 7px;
}
body.tkb-product-design-v7 .variable-items-wrapper {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
body.tkb-product-design-v7 .variable-item {
min-width: 43px !important;
min-height: 39px !important;
margin: 0 !important;
padding: 7px 10px !important;
background: #fff !important;
border: 1px solid #d6d8db !important;
border-radius: 5px !important;
box-shadow: none !important;
}
body.tkb-product-design-v7 .variable-item.selected {
background: #fff7e6 !important;
border-color: var(--tkb-orange, #ff9900) !important;
} body.tkb-product-design-v7 .tkb-buy-row {
display: grid !important;
grid-template-columns: 116px minmax(0, 1fr) !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
}
body.tkb-product-design-v7
.tkb-buy-row
> .quantity {
display: grid !important;
grid-template-columns: 34px minmax(40px, 1fr) 34px;
width: 116px !important;
min-width: 116px !important;
min-height: 50px;
margin: 0 !important;
overflow: hidden;
background: #fff;
border: 1px solid #d5d7da;
border-radius: 6px;
}
body.tkb-product-design-v7 .quantity .qty {
width: 100% !important;
min-height: 48px !important;
margin: 0 !important;
padding: 8px 3px !important;
background: #fff !important;
border: 0 !important;
font-size: 16px !important;
font-weight: 800 !important;
text-align: center !important;
-moz-appearance: textfield;
}
body.tkb-product-design-v7
.quantity
.qty::-webkit-inner-spin-button,
body.tkb-product-design-v7
.quantity
.qty::-webkit-outer-spin-button {
-webkit-appearance: none;
}
body.tkb-product-design-v7 .tkb-qty-button {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
min-height: 48px;
padding: 0;
color: #41464c;
background: #f5f5f5;
border: 0;
font-size: 18px;
cursor: pointer;
}
body.tkb-product-design-v7
.tkb-qty-button:hover:not(:disabled) {
color: #fff;
background: var(--tkb-orange, #ff9900);
}
body.tkb-product-design-v7 .tkb-qty-button:disabled {
color: #b3b6ba;
cursor: not-allowed;
}
body.tkb-product-design-v7
.tkb-buy-row
.single_add_to_cart_button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 50px !important;
margin: 0 !important;
padding: 12px 18px !important;
color: #111 !important;
background: var(--tkb-orange, #ff9900) !important;
border: 1px solid var(--tkb-orange, #ff9900) !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 900 !important;
text-transform: uppercase;
filter: none !important;
opacity: 1 !important;
}
body.tkb-product-design-v7
.tkb-buy-row
.single_add_to_cart_button:hover {
color: #fff !important;
background: var(--tkb-orange-hover, #e68800) !important;
} body.tkb-product-design-v7 .et_pb_wc_meta {
display: block !important;
margin: 14px 0 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.tkb-product-design-v7 .product_meta {
display: flex !important;
flex-direction: column;
gap: 8px;
margin: 0 !important;
padding: 12px 0 0 !important;
border-top: 1px solid #dedfe1 !important;
font-size: 0;
}
body.tkb-product-design-v7
.product_meta
.sku_wrapper {
display: none !important;
}
body.tkb-product-design-v7
.product_meta
.posted_in,
body.tkb-product-design-v7
.product_meta
.tagged_as {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 5px;
font-size: 0;
}
body.tkb-product-design-v7
.product_meta
.posted_in::before,
body.tkb-product-design-v7
.product_meta
.tagged_as::before {
flex: 0 0 72px;
color: #858a91;
font-size: 9px;
font-weight: 850;
letter-spacing: .07em;
text-transform: uppercase;
}
body.tkb-product-design-v7
.product_meta
.posted_in::before {
content: "Catégories";
}
body.tkb-product-design-v7
.product_meta
.tagged_as::before {
content: "Étiquettes";
} body.tkb-product-design-v7
.product_meta
.tagged_as {
display: none !important;
}
body.tkb-product-design-v7 .product_meta {
gap: 0 !important;
}
body.tkb-product-design-v7 .product_meta a {
display: inline-flex !important;
align-items: center;
min-height: 24px;
padding: 4px 8px;
color: #51575e !important;
background: #f5f5f5;
border: 1px solid #e0e2e4;
border-radius: 4px;
font-size: 9px !important;
font-weight: 720;
text-decoration: none !important;
}
body.tkb-product-design-v7 .product_meta a:hover {
color: #fff !important;
background: var(--tkb-orange, #ff9900);
border-color: var(--tkb-orange, #ff9900);
} body.tkb-product-design-v7
.tkb-original-tabs-wrapper {
display: none !important;
} body.tkb-product-design-v7 .tkb-product-details-stack {
display: grid;
gap: 20px;
clear: both;
width: 100%;
margin: 26px auto 0;
}
body.tkb-product-design-v7 .tkb-product-section {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 25px 27px !important;
background: #fff;
border: 1px solid var(--tkb-border);
border-radius: 9px;
box-shadow: 0 7px 24px rgba(20, 25, 30, .04);
}
body.tkb-product-design-v7 .tkb-section-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin: 0 0 20px;
padding: 0 0 13px;
border-bottom: 1px solid var(--tkb-border);
}
body.tkb-product-design-v7 .tkb-section-title {
margin: 0 !important;
padding: 0 !important;
color: var(--tkb-black);
font-size: 22px !important;
font-weight: 800 !important;
line-height: 1.2;
}
body.tkb-product-design-v7 .tkb-section-subtitle {
margin-top: 4px;
color: #82878e;
font-size: 12px;
line-height: 1.4;
}
body.tkb-product-design-v7 .tkb-product-section-body {
color: #444a51;
font-size: 15px;
line-height: 1.75;
}
body.tkb-product-design-v7
.tkb-product-section-body p {
margin: 0 0 13px;
}
body.tkb-product-design-v7
.tkb-product-section-body p:last-child {
margin-bottom: 0;
}
body.tkb-product-design-v7
.tkb-product-section-body
table {
width: 100%;
margin: 0 !important;
border-collapse: collapse;
}
body.tkb-product-design-v7
.tkb-product-section-body
th,
body.tkb-product-design-v7
.tkb-product-section-body
td {
padding: 11px 12px !important;
border-bottom: 1px solid #eceef0 !important;
text-align: left;
} body.tkb-product-design-v7 .related.products.tkb-related-card,
body.tkb-product-design-v7 .upsells.products.tkb-related-card {
clear: both;
width: 100% !important;
max-width: none !important;
margin: 24px 0 0 !important;
padding: 25px 27px !important;
background: #fff;
border: 1px solid var(--tkb-border);
border-radius: 9px;
box-shadow: 0 7px 24px rgba(20, 25, 30, .04);
}
body.tkb-product-design-v7 .tkb-related-card > h2 {
margin: 0 0 20px !important;
padding: 0 0 13px !important;
color: var(--tkb-black) !important;
border-bottom: 1px solid var(--tkb-border);
font-size: 22px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.tkb-product-design-v7 .tkb-related-card ul.products {
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .et_pb_row.tkb-details-row,
body.tkb-product-design-v7 .et_pb_row.tkb-bottom-content-row {
padding-top: 10px !important;
padding-bottom: 10px !important;
} body.tkb-product-design-v7 .tkb-reviews-bottom {
clear: both;
width: 100%;
margin: 24px auto 0;
padding: 27px;
background: #fff;
border: 1px solid var(--tkb-border);
border-radius: 9px;
box-shadow: 0 8px 28px rgba(20, 25, 30, .05);
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#reviews {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
gap: 30px;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#reviews {
display: block;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#comments {
margin-bottom: 21px;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#comments,
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form_wrapper {
float: none !important;
width: 100% !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
.woocommerce-Reviews-title,
body.tkb-product-design-v7
.tkb-reviews-bottom
> h2 {
display: none !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
.commentlist {
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
.commentlist li {
margin: 0 0 13px !important;
padding: 16px !important;
background: #fafafa;
border: 1px solid var(--tkb-border);
border-radius: 7px;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
.commentlist
img.avatar {
display: none !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
.comment-text {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form_wrapper {
padding: 19px;
background: #fafafa;
border: 1px solid var(--tkb-border);
border-radius: 8px;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form_wrapper {
max-width: none;
margin: 0;
}
body.tkb-product-design-v7 #reply-title {
display: block !important;
margin: 0 0 16px !important;
color: var(--tkb-black);
font-size: 18px !important;
font-weight: 800 !important;
}
body.tkb-product-design-v7 #review_form label {
display: block;
margin-bottom: 6px;
color: #34393e;
font-size: 12px;
font-weight: 750;
}
body.tkb-product-design-v7
#review_form
input[type="text"],
body.tkb-product-design-v7
#review_form
textarea,
body.tkb-product-design-v7
#review_form
select {
width: 100%;
padding: 11px 12px;
background: #fff;
border: 1px solid #d8dade;
border-radius: 6px;
color: #272b30;
font-size: 14px;
box-shadow: none;
}
body.tkb-product-design-v7
#review_form
textarea {
min-height: 130px;
resize: vertical;
}
body.tkb-product-design-v7
.comment-form-author,
body.tkb-product-design-v7
.comment-form-rating,
body.tkb-product-design-v7
.comment-form-comment {
margin: 0 0 14px;
}
body.tkb-product-design-v7
.comment-form-rating
.stars {
margin: 7px 0 0 !important;
font-size: 21px;
}
body.tkb-product-design-v7
.comment-form-rating
.stars a {
color: var(--tkb-orange, #ff9900) !important;
}
body.tkb-product-design-v7 .tkb-review-emoji-label {
display: block;
margin: 0 0 7px;
color: #7b8086;
font-size: 10px;
font-weight: 650;
}
body.tkb-product-design-v7 .tkb-review-emojis {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 9px;
}
body.tkb-product-design-v7 .tkb-review-emojis button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
background: #fff;
border: 1px solid #dfe2e5;
border-radius: 7px;
box-shadow: none;
font-size: 18px;
line-height: 1;
cursor: pointer;
transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
body.tkb-product-design-v7 .tkb-review-emojis button:hover,
body.tkb-product-design-v7 .tkb-review-emojis button:focus-visible {
background: #fff7e8;
border-color: var(--tkb-orange, #ff9900);
outline: none;
transform: translateY(-1px);
}
body.tkb-product-design-v7 .tkb-review-counter {
display: block;
margin-top: 5px;
color: #858b92;
font-size: 10px;
text-align: right;
}
body.tkb-product-design-v7
.tkb-review-counter.is-valid {
color: #348154;
}
body.tkb-product-design-v7 .tkb-review-submit,
body.tkb-product-design-v7 #review_form #submit,
body.tkb-product-design-v7 #review_form .form-submit .submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 50px !important;
margin: 0 !important;
padding: 12px 18px !important;
color: #111 !important;
background: var(--tkb-orange, #ff9900) !important;
background-image: none !important;
border: 1px solid var(--tkb-orange, #ff9900) !important;
border-radius: 6px !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
text-align: center !important;
text-transform: uppercase;
cursor: pointer;
}
body.tkb-product-design-v7 .tkb-review-submit:hover,
body.tkb-product-design-v7 #review_form #submit:hover,
body.tkb-product-design-v7 #review_form .form-submit .submit:hover {
color: #fff !important;
background: var(--tkb-orange-hover, #e68800) !important;
border-color: var(--tkb-orange-hover, #e68800) !important;
}
body.tkb-product-design-v7
.tkb-review-moderation-note {
margin: 9px 0 0;
color: #888d93;
font-size: 10px;
text-align: center;
}
body.tkb-product-design-v7
.tkb-review-honeypot {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
} body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form,
body.tkb-product-design-v7
.tkb-reviews-bottom
#respond,
body.tkb-product-design-v7
.tkb-reviews-bottom
form#commentform {
float: none !important;
width: 100% !important;
max-width: none !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit {
display: block !important;
float: none !important;
width: 100% !important;
max-width: none !important;
margin: 14px 0 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
input[type="submit"],
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
button[type="submit"],
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
input#submit {
display: flex !important;
float: none !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
min-height: 52px !important;
margin: 0 !important;
padding: 13px 18px !important;
color: #111 !important;
background: var(--tkb-orange, #ff9900) !important;
background-color: var(--tkb-orange, #ff9900) !important;
background-image: none !important;
border: 1px solid var(--tkb-orange, #ff9900) !important;
border-radius: 6px !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-shadow: none !important;
text-transform: uppercase !important;
-webkit-appearance: none !important;
appearance: none !important;
filter: none !important;
opacity: 1 !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
input[type="submit"]:hover,
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
button[type="submit"]:hover,
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
input#submit:hover {
color: #fff !important;
background: var(--tkb-orange-hover, #e68800) !important;
background-color: var(--tkb-orange-hover, #e68800) !important;
border-color: var(--tkb-orange-hover, #e68800) !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
input[type="submit"]::after,
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
button[type="submit"]::after {
display: none !important;
content: none !important;
} @media (max-width: 980px) {
body.tkb-product-design-v7 .tkb-product-hero-row {
flex-direction: column !important;
gap: 8px !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-gallery-column,
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-info-column {
width: 100% !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column {
margin-bottom: 0 !important;
}
body.tkb-product-design-v7
.tkb-product-info-column {
margin-top: 0 !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery {
max-width: 100% !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#reviews {
grid-template-columns: 1fr;
}
}
@media (max-width: 700px) {
body.tkb-product-design-v7 .tkb-product-section,
body.tkb-product-design-v7 .tkb-reviews-bottom,
body.tkb-product-design-v7 .related.products.tkb-related-card,
body.tkb-product-design-v7 .upsells.products.tkb-related-card {
padding: 19px 16px !important;
}
body.tkb-product-design-v7 .tkb-section-header {
align-items: flex-start;
flex-direction: column;
gap: 7px;
}
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-product-hero-row {
gap: 6px !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.et_pb_wc_images,
body.tkb-product-design-v7
.tkb-product-info-column
.et_pb_wc_title {
margin-top: 0 !important;
margin-bottom: 8px !important;
}
body.tkb-product-design-v7 .tkb-gallery-dots {
left: 10px;
bottom: 10px;
gap: 6px;
min-height: 26px;
padding: 5px 8px;
}
body.tkb-product-design-v7 .tkb-gallery-dot {
width: 7px;
height: 7px;
}
body.tkb-product-design-v7 .et_pb_wc_meta {
margin-top: 12px !important;
}
body.tkb-product-design-v7 .product_meta {
gap: 12px;
padding-top: 14px !important;
}
body.tkb-product-design-v7
.product_meta
.posted_in,
body.tkb-product-design-v7
.product_meta
.tagged_as {
display: flex !important;
align-items: flex-start;
gap: 6px;
}
body.tkb-product-design-v7
.product_meta
.posted_in::before,
body.tkb-product-design-v7
.product_meta
.tagged_as::before {
display: none !important;
content: none !important;
}
body.tkb-product-design-v7
.product_meta
.posted_in,
body.tkb-product-design-v7
.product_meta
.tagged_as {
gap: 6px 6px;
}
body.tkb-product-design-v7 .product_meta a {
min-height: 27px;
padding: 6px 9px;
border-radius: 999px;
font-size: 10px !important;
line-height: 1.2;
}
body.tkb-product-design-v7 .tkb-product-details-stack {
gap: 16px;
margin-top: 20px;
}
body.tkb-product-design-v7 .tkb-reviews-bottom,
body.tkb-product-design-v7 .related.products.tkb-related-card,
body.tkb-product-design-v7 .upsells.products.tkb-related-card {
width: 100% !important;
max-width: none !important;
margin-top: 18px !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form_wrapper {
width: 100% !important;
max-width: none !important;
padding: 16px !important;
}
body.tkb-product-design-v7
.tkb-product-info-column
h1.product_title,
body.tkb-product-design-v7
.tkb-product-info-column
.et_pb_wc_title h1 {
font-size: 26px !important;
}
body.tkb-product-design-v7
.tkb-title-long,
body.tkb-product-design-v7
.tkb-title-very-long {
font-size: 23px !important;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.price,
body.tkb-product-design-v7
.tkb-price-stock-row
.price > .woocommerce-Price-amount,
body.tkb-product-design-v7
.tkb-price-stock-row
.price ins {
font-size: 28px !important;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.price del {
font-size: 14px !important;
}
body.tkb-product-design-v7 .tkb-buy-row {
grid-template-columns: 108px minmax(0, 1fr) !important;
}
body.tkb-product-design-v7
.tkb-buy-row
> .quantity {
width: 108px !important;
min-width: 108px !important;
grid-template-columns: 32px minmax(36px, 1fr) 32px;
}
}
@media (max-width: 380px) {
body.tkb-product-design-v7 .tkb-buy-row {
grid-template-columns: 1fr !important;
}
body.tkb-product-design-v7
.tkb-buy-row
> .quantity {
width: 100% !important;
min-width: 100% !important;
}
} body.tkb-product-design-v7
.product_meta
.tagged_as {
display: none !important;
}
@media (max-width: 700px) {
body.tkb-product-design-v7 .product_meta {
gap: 0 !important;
}
}  body.tkb-product-design-v7 .tkb-country-flag {
display: inline-block;
width: 18px;
height: 13px;
margin: 0 7px 0 0;
object-fit: cover;
border: 1px solid rgba(0, 0, 0, .12);
border-radius: 2px;
vertical-align: -2px;
} body.tkb-product-design-v7 .tkb-product-condition {
margin-top: 10px;
padding-top: 9px;
font-size: 10px;
line-height: 1.45;
}
body.tkb-product-design-v7 .tkb-product-release-notes {
margin-top: 5px;
padding-top: 0;
color: #687078;
border-top: 0;
font-size: 10px;
font-weight: 500;
line-height: 1.45;
}
body.tkb-product-design-v7
.tkb-product-release-notes
a.tkb-discogs-link {
display: inline;
color: #9b5c00 !important;
font-weight: 700;
text-decoration: none !important;
border-bottom: 1px solid rgba(255, 152, 0, .48);
}
body.tkb-product-design-v7
.tkb-product-release-notes
a.tkb-discogs-link::after {
display: none !important;
content: none !important;
}
body.tkb-product-design-v7
.tkb-product-release-notes
a.tkb-discogs-link:hover {
color: var(--tkb-orange-hover, #e68800) !important;
border-bottom-color: var(--tkb-orange-hover, #e68800);
}
body.tkb-product-design-v7
.tkb-product-release-notes
.tkb-note-underline {
text-decoration: underline;
text-underline-offset: 2px;
} body.tkb-product-design-v7
.tkb-price-stock-row
.price,
body.tkb-product-design-v7
.tkb-price-stock-row
.price > .woocommerce-Price-amount,
body.tkb-product-design-v7
.tkb-price-stock-row
.price ins {
min-height: 0 !important;
padding: 0 !important;
color: var(--tkb-orange, #ff9900) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 30px !important;
font-weight: 760 !important;
letter-spacing: -.015em !important;
}
body.tkb-product-design-v7
.tkb-price-stock-row
.price del {
color: #969ba1 !important;
font-size: 13px !important;
font-weight: 500 !important;
opacity: .78;
} body.tkb-product-design-v7 .tkb-purchase-bar--compact {
display: grid;
grid-template-columns: max-content 116px minmax(240px, 1fr) max-content;
align-items: center;
gap: 10px;
width: 100%;
margin: 14px 0 0;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row {
display: contents !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.et_pb_wc_price {
grid-column: 1;
margin: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.tkb-stock-display {
grid-column: 4;
margin: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> form.cart.tkb-purchase-layout-ready {
display: block !important;
grid-column: 2 / 4;
width: 100% !important;
margin: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row {
grid-template-columns: 116px minmax(0, 1fr) !important;
gap: 10px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row > .quantity,
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row .single_add_to_cart_button {
min-height: 46px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.quantity .qty,
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-qty-button {
min-height: 44px !important;
} body.tkb-product-design-v7 .et_pb_row.tkb-details-row,
body.tkb-product-design-v7 .et_pb_row.tkb-related-row,
body.tkb-product-design-v7 .et_pb_row.tkb-bottom-content-row,
body.tkb-product-design-v7 .et_pb_row.tkb-reassurance-row {
width: 90% !important;
max-width: 1320px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
body.tkb-product-design-v7 .et_pb_row.tkb-meta-row {
padding-bottom: 4px !important;
}
body.tkb-product-design-v7 .et_pb_section.tkb-meta-section,
body.tkb-product-design-v7 .et_pb_section.tkb-reassurance-section,
body.tkb-product-design-v7 .et_pb_section.tkb-related-section,
body.tkb-product-design-v7 .et_pb_section.tkb-bottom-content-section {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
body.tkb-product-design-v7 .related.products.tkb-related-card,
body.tkb-product-design-v7 .upsells.products.tkb-related-card,
body.tkb-product-design-v7 .tkb-reviews-bottom {
width: 100% !important;
max-width: none !important;
margin-top: 12px !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-product-details-stack:empty {
display: none !important;
margin: 0 !important;
} body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
input[type="submit"],
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
button[type="submit"] {
background: var(--tkb-orange, #ff9900) !important;
background-color: var(--tkb-orange, #ff9900) !important;
border-color: var(--tkb-orange, #ff9900) !important;
}
@media (max-width: 980px) {
body.tkb-product-design-v7 .tkb-purchase-bar--compact {
grid-template-columns: minmax(0, 1fr) max-content;
gap: 10px 12px;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.et_pb_wc_price {
grid-column: 1;
grid-row: 1;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.tkb-stock-display {
grid-column: 2;
grid-row: 1;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> form.cart.tkb-purchase-layout-ready {
grid-column: 1 / -1;
grid-row: 2;
}
}
@media (max-width: 700px) {
body.tkb-product-design-v7 .et_pb_row.tkb-details-row,
body.tkb-product-design-v7 .et_pb_row.tkb-related-row,
body.tkb-product-design-v7 .et_pb_row.tkb-bottom-content-row,
body.tkb-product-design-v7 .et_pb_row.tkb-reassurance-row {
width: calc(100% - 24px) !important;
max-width: none !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
body.tkb-product-design-v7 .related.products.tkb-related-card,
body.tkb-product-design-v7 .upsells.products.tkb-related-card,
body.tkb-product-design-v7 .tkb-reviews-bottom {
margin-top: 10px !important;
}
}
@media (max-width: 600px) {
body.tkb-product-design-v7
.tkb-price-stock-row
.price,
body.tkb-product-design-v7
.tkb-price-stock-row
.price > .woocommerce-Price-amount,
body.tkb-product-design-v7
.tkb-price-stock-row
.price ins {
font-size: 27px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row {
grid-template-columns: 108px minmax(0, 1fr) !important;
}
}
@media (max-width: 380px) {
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row {
grid-template-columns: 1fr !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row > .quantity {
width: 100% !important;
min-width: 100% !important;
}
}  body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-cart-module {
grid-column: 2 / 4;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-cart-module
> .et_pb_module_inner,
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-cart-module
form.cart.tkb-purchase-layout-ready {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
} @media (min-width: 768px) {
body.tkb-product-design-v7 .tkb-purchase-bar--compact {
display: grid !important;
grid-template-columns: max-content 116px minmax(190px, 1fr) max-content !important;
align-items: center !important;
gap: 10px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row {
display: contents !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-cart-module {
grid-column: 2 / 4 !important;
grid-row: 1 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.tkb-stock-display {
grid-column: 4 !important;
grid-row: 1 !important;
margin: 0 !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7 .tkb-purchase-bar--compact {
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 10px 12px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row {
display: contents !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-cart-module {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
}
} body.tkb-product-design-v7 .tkb-product-hero-row {
margin-bottom: 0 !important;
padding-bottom: 8px !important;
}
body.single-product.tkb-product-design-v7 .tbk-reassurance {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
body.tkb-product-design-v7 .tkb-empty-details-row {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7 .tkb-empty-details-section {
min-height: 0 !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-related-module,
body.tkb-product-design-v7 .tkb-related-module > .et_pb_module_inner {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7 .et_pb_row.tkb-related-row,
body.tkb-product-design-v7 .et_pb_row.tkb-bottom-content-row,
body.tkb-product-design-v7 .et_pb_row.tkb-reassurance-row {
width: 90% !important;
max-width: 1320px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
}
body.tkb-product-design-v7 .related.products.tkb-related-card,
body.tkb-product-design-v7 .upsells.products.tkb-related-card,
body.tkb-product-design-v7 .tkb-reviews-bottom {
width: 100% !important;
max-width: none !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
}
@media (max-width: 700px) {
body.tkb-product-design-v7 .et_pb_row.tkb-related-row,
body.tkb-product-design-v7 .et_pb_row.tkb-bottom-content-row,
body.tkb-product-design-v7 .et_pb_row.tkb-reassurance-row {
width: calc(100% - 24px) !important;
}
} @media (min-width: 768px) {
body.tkb-product-design-v7 .tkb-purchase-bar--compact {
display: grid !important;
grid-template-columns: max-content max-content 108px minmax(170px, 1fr) !important;
align-items: center !important;
column-gap: 10px !important;
row-gap: 0 !important;
width: 100% !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row {
display: contents !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
min-height: 38px !important;
margin: 0 !important;
padding: 6px 9px !important;
font-size: 10px !important;
line-height: 1.15 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-cart-module {
grid-column: 3 / 5 !important;
grid-row: 1 !important;
min-width: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row {
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
gap: 10px !important;
min-width: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row > .quantity {
width: 108px !important;
min-width: 108px !important;
grid-template-columns: 32px minmax(36px, 1fr) 32px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-buy-row .single_add_to_cart_button {
min-width: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7 .tkb-purchase-bar--compact {
grid-template-columns: minmax(0, 1fr) max-content !important;
column-gap: 10px !important;
row-gap: 8px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.et_pb_wc_price {
min-width: 0 !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.tkb-stock-display {
max-width: max-content !important;
min-height: 36px !important;
padding: 6px 9px !important;
font-size: 10px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-cart-module {
min-width: 0 !important;
}
}
@media (max-width: 360px) {
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-price-stock-row
.price,
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-price-stock-row
.price > .woocommerce-Price-amount,
body.tkb-product-design-v7
.tkb-purchase-bar--compact
.tkb-price-stock-row
.price ins {
font-size: 25px !important;
}
body.tkb-product-design-v7
.tkb-purchase-bar--compact
> .tkb-price-stock-row
.tkb-stock-display {
gap: 5px !important;
padding: 5px 7px !important;
font-size: 9px !important;
}
}  body.tkb-product-design-v7.tkb-family-merch
.tkb-price-stock-row {
margin-bottom: 12px !important;
}
body.tkb-product-design-v7.tkb-family-merch
.et_pb_wc_add_to_cart,
body.tkb-product-design-v7.tkb-family-merch
.et_pb_wc_add_to_cart > .et_pb_module_inner,
body.tkb-product-design-v7.tkb-family-merch
form.cart.tkb-purchase-layout-ready {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkb-family-merch
form.cart > .tkb-product-options-area {
min-height: 0 !important;
margin: 0 0 12px !important;
}
body.tkb-product-design-v7.tkb-family-merch
table.variations,
body.tkb-product-design-v7.tkb-family-merch
form.cart table.variations {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 0 12px !important;
padding: 12px 14px !important;
background: #fafafa !important;
border: 1px solid var(--tkb-border) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.tkb-product-design-v7.tkb-family-merch
table.variations tbody,
body.tkb-product-design-v7.tkb-family-merch
table.variations tr {
display: block !important;
width: 100% !important;
}
body.tkb-product-design-v7.tkb-family-merch
table.variations tr {
display: grid !important;
grid-template-columns: 90px minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.tkb-product-design-v7.tkb-family-merch
table.variations th.label,
body.tkb-product-design-v7.tkb-family-merch
table.variations td.value {
display: block !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
}
body.tkb-product-design-v7.tkb-family-merch
table.variations th.label label {
display: block !important;
margin: 0 !important;
color: #34393e !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
body.tkb-product-design-v7.tkb-family-merch
table.variations select {
display: block !important;
width: 100% !important;
max-width: none !important;
min-height: 44px !important;
margin: 0 !important;
padding: 9px 38px 9px 12px !important;
color: #252a2f !important;
background-color: #fff !important;
border: 1px solid #d4d8dc !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 600 !important;
box-shadow: none !important;
}
body.tkb-product-design-v7.tkb-family-merch
table.variations select:focus {
border-color: var(--tkb-orange, #ff9900) !important;
outline: 2px solid rgba(255, 152, 0, .14) !important;
outline-offset: 0 !important;
}
body.tkb-product-design-v7.tkb-family-merch
.reset_variations {
display: inline-block !important;
margin: 6px 0 0 !important;
color: #777 !important;
font-size: 10px !important;
}
body.tkb-product-design-v7.tkb-family-merch
.single_variation_wrap,
body.tkb-product-design-v7.tkb-family-merch
.single_variation {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkb-family-merch
.single_variation:empty,
body.tkb-product-design-v7.tkb-family-merch
.woocommerce-variation:empty {
display: none !important;
}
body.tkb-product-design-v7.tkb-family-merch
.woocommerce-variation-add-to-cart.tkb-buy-row,
body.tkb-product-design-v7.tkb-family-merch
form.cart > .tkb-buy-row {
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkb-family-merch
.tkb-buy-row > .quantity {
width: 108px !important;
min-width: 108px !important;
grid-template-columns: 32px minmax(36px, 1fr) 32px !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7.tkb-family-merch
table.variations tr {
grid-template-columns: 1fr !important;
gap: 7px !important;
}
body.tkb-product-design-v7.tkb-family-merch
.woocommerce-variation-add-to-cart.tkb-buy-row,
body.tkb-product-design-v7.tkb-family-merch
form.cart > .tkb-buy-row {
grid-template-columns: 100px minmax(0, 1fr) !important;
}
body.tkb-product-design-v7.tkb-family-merch
.tkb-buy-row > .quantity {
width: 100px !important;
min-width: 100px !important;
grid-template-columns: 30px minmax(34px, 1fr) 30px !important;
}
} body.tkb-product-design-v7 .tkb-static-tracklist {
width: 100%;
margin: 12px 0 0 !important;
overflow: hidden;
background: #191919;
border-left: 3px solid var(--tkb-orange, #ff9900);
border-radius: 6px;
color: #fff;
box-shadow: none;
}
body.tkb-product-design-v7 .tkb-static-tracklist__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 48px;
padding: 0 16px;
border-bottom: 1px solid rgba(255, 255, 255, .10);
}
body.tkb-product-design-v7 .tkb-static-tracklist__heading {
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--tkb-orange, #ff9900);
font-size: 11px;
font-weight: 900;
letter-spacing: .03em;
text-transform: uppercase;
}
body.tkb-product-design-v7 .tkb-static-tracklist__heading::before {
width: 9px;
height: 9px;
border: 2px solid var(--tkb-orange, #ff9900);
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 2px #191919;
}
body.tkb-product-design-v7 .tkb-static-tracklist__count {
color: #8f959c;
font-size: 9px;
font-weight: 600;
}
body.tkb-product-design-v7 .tkb-static-tracklist__viewport {
overflow: hidden;
}
body.tkb-product-design-v7 .tkb-static-tracklist__viewport.has-overflow {
overflow-y: auto;
scrollbar-color: var(--tkb-orange, #ff9900) #292929;
scrollbar-width: thin;
}
body.tkb-product-design-v7 .tkb-static-tracklist__viewport::-webkit-scrollbar {
width: 7px;
}
body.tkb-product-design-v7 .tkb-static-tracklist__viewport::-webkit-scrollbar-track {
background: #292929;
}
body.tkb-product-design-v7 .tkb-static-tracklist__viewport::-webkit-scrollbar-thumb {
background: var(--tkb-orange, #ff9900);
border-radius: 999px;
}
body.tkb-product-design-v7 .tkb-static-tracklist__item {
display: grid;
grid-template-columns: 28px 34px minmax(0, 1fr);
align-items: center;
gap: 8px;
min-height: 58px;
margin: 0 14px;
padding: 8px 0;
border-bottom: 1px solid rgba(255, 255, 255, .09);
}
body.tkb-product-design-v7 .tkb-static-tracklist__item:last-child {
border-bottom: 0;
}
body.tkb-product-design-v7 .tkb-static-tracklist__marker {
display: block;
width: 24px;
height: 24px;
border: 2px solid var(--tkb-orange, #ff9900);
border-radius: 50%;
position: relative;
}
body.tkb-product-design-v7 .tkb-static-tracklist__marker::after {
position: absolute;
left: 50%;
top: 50%;
width: 5px;
height: 5px;
background: var(--tkb-orange, #ff9900);
border-radius: 50%;
content: "";
transform: translate(-50%, -50%);
}
body.tkb-product-design-v7 .tkb-static-tracklist__position {
color: #8e949b;
font-size: 9px;
font-weight: 650;
text-transform: uppercase;
}
body.tkb-product-design-v7 .tkb-static-tracklist__copy {
display: flex;
min-width: 0;
flex-direction: column;
gap: 2px;
}
body.tkb-product-design-v7 .tkb-static-tracklist__title {
overflow: hidden;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
body.tkb-product-design-v7 .tkb-static-tracklist__artist {
overflow: hidden;
color: #9aa0a7;
font-size: 9px;
font-weight: 500;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-static-tracklist__header {
min-height: 44px;
padding: 0 13px;
}
body.tkb-product-design-v7 .tkb-static-tracklist__item {
grid-template-columns: 26px 30px minmax(0, 1fr);
gap: 7px;
min-height: 56px;
margin: 0 11px;
}
} body.tkb-product-design-v7 .et_pb_row.tkb-product-hero-row {
width: 90% !important;
max-width: 1320px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-gallery-column {
flex: 0 0 42% !important;
min-width: 0 !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-info-column {
flex: 1 1 0 !important;
min-width: 0 !important;
width: auto !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery,
body.tkb-product-design-v7
.tkb-product-gallery-column
.et_pb_wc_images,
body.tkb-product-design-v7
.tkb-product-info-column
> .et_pb_module,
body.tkb-product-design-v7
.tkb-product-info-column
> .et_pb_module
> .et_pb_module_inner {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.tkb-product-design-v7 .tkbpp-audio-module,
body.tkb-product-design-v7 .tkbpp-audio-module > .et_pb_module_inner,
body.tkb-product-design-v7 .tkb-product-info-column .iron-audioplayer,
body.tkb-product-design-v7 .tkb-product-info-column .srp_player_boxed,
body.tkb-product-design-v7 .tkb-product-info-column .srp_tracklist,
body.tkb-product-design-v7 .tkb-product-info-column [data-tkb-audio-player],
body.tkb-product-design-v7 .tkb-product-info-column .tkb-product-audio,
body.tkb-product-design-v7 .tkb-product-info-column .tkb-static-tracklist {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
} body.single-product.tkb-product-design-v7 .tbk-reassurance-row,
body.single-product.tkb-product-design-v7 .tkb-reassurance-row,
body.single-product.tkb-product-design-v7 .tbk-reassurance,
body.single-product.tkb-product-design-v7 .tkb-reassurance {
display: none !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance {
display: block;
width: 100%;
max-width: none;
margin: 14px 0 0 !important;
padding: 12px !important;
background: #fff;
border: 1px solid var(--tkb-border);
border-radius: 9px;
box-shadow: 0 7px 24px rgba(20, 25, 30, .04);
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
width: 100%;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__item {
display: flex !important;
align-items: center;
gap: 8px;
min-width: 0;
min-height: 57px;
padding: 9px 10px !important;
background: #fafafa;
border: 1px solid #e8ebed;
border-radius: 7px;
color: #252b30 !important;
text-decoration: none !important;
transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__item:hover,
body.tkb-product-design-v7 .tkbpp-product-reassurance__item:focus-visible {
background: #fff8ed;
border-color: rgba(255, 152, 0, .52);
outline: none;
transform: translateY(-1px);
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__icon {
display: inline-flex;
flex: 0 0 31px;
align-items: center;
justify-content: center;
width: 31px;
height: 31px;
border-radius: 50%;
background: rgba(255, 152, 0, .11);
color: var(--tkb-orange, #ff9900);
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__icon svg {
display: block;
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__text {
display: flex;
min-width: 0;
flex-direction: column;
gap: 2px;
line-height: 1.2;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__text strong {
color: #252b30;
font-size: 11.5px;
font-weight: 820;
line-height: 1.2;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__text small {
color: #777f86;
font-size: 8.5px;
font-weight: 550;
line-height: 1.25;
} @media (min-width: 981px) {
body.tkb-product-design-v7 .et_pb_row.tkb-product-hero-row {
display: grid !important;
grid-template-columns: minmax(0, 42%) minmax(0, 1fr) !important;
column-gap: clamp(30px, 3.4vw, 46px) !important;
row-gap: 0 !important;
align-items: start !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-gallery-column,
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-info-column {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.tkb-product-design-v7 .tkb-product-info-column,
body.tkb-product-design-v7 .tkb-product-info-column > .et_pb_module,
body.tkb-product-design-v7 .tkb-product-info-column > .et_pb_module > .et_pb_module_inner,
body.tkb-product-design-v7 .tkb-product-info-column .tkb-product-identity,
body.tkb-product-design-v7 .tkb-product-info-column .tkb-purchase-bar--compact,
body.tkb-product-design-v7 .tkb-product-info-column .tkb-player-wrap,
body.tkb-product-design-v7 .tkb-product-info-column .tkb-static-tracklist {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
@media (max-width: 980px) {
body.tkb-product-design-v7 .et_pb_row.tkb-product-hero-row {
width: calc(100% - 24px) !important;
max-width: none !important;
}
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-gallery-column,
body.tkb-product-design-v7
.tkb-product-hero-row
> .tkb-product-info-column {
flex: 0 0 100% !important;
width: 100% !important;
}
}
@media (max-width: 430px) {
body.tkb-product-design-v7 .tkbpp-product-reassurance {
padding: 10px !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__grid {
gap: 7px;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__item {
min-height: 54px;
padding: 8px !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__icon {
flex-basis: 27px;
width: 27px;
height: 27px;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__text strong {
font-size: 10.5px;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance__text small {
font-size: 8px;
}
}    body.tkb-product-design-v7.tkb-family-release .woocommerce-Tabs-panel--description,
body.tkb-product-design-v7.tkb-family-release #tab-description,
body.tkb-product-design-v7.tkb-family-release .tkb-product-details-stack > .woocommerce-Tabs-panel--description {
display: none !important;
}
body.tkb-product-design-v7 .tkb-stock-display:empty,
body.tkb-product-design-v7 .tkb-stock-display[hidden] {
display: none !important;
} body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-price-stock-row--source {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .single_variation .woocommerce-variation-price,
body.tkb-product-design-v7:not(.tkb-family-pack) .single_variation .woocommerce-variation-availability {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
} body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
display: grid !important;
grid-template-columns: max-content max-content 116px minmax(180px, 1fr) !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
margin: 14px 0 0 !important;
padding: 12px !important;
background: #fff !important;
border: 1px solid #e1e4e7 !important;
border-radius: 10px !important;
box-shadow: 0 5px 18px rgba(20, 25, 30, .055) !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price {
display: inline-flex !important;
align-items: baseline !important;
gap: 6px !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: #17191b !important;
font-size: clamp(24px, 2.25vw, 31px) !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price *,
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price .woocommerce-Price-amount,
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price .woocommerce-Price-currencySymbol,
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price bdi,
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price ins {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
background: transparent !important;
text-decoration: none !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price del {
order: 2 !important;
margin: 0 0 0 2px !important;
color: #949aa0 !important;
font-size: 14px !important;
font-weight: 600 !important;
opacity: .85 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock {
justify-self: start !important;
align-self: center !important;
margin: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock.out-of-stock {
color: #8b3131 !important;
background: #fff0f0 !important;
border-color: #efcaca !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock.out-of-stock::before {
background: #c94b4b !important;
box-shadow: 0 0 0 3px rgba(201, 75, 75, .12) !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row {
display: contents !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .quantity {
grid-column: 3 !important;
display: grid !important;
grid-template-columns: 34px minmax(40px, 1fr) 34px !important;
width: 116px !important;
min-width: 116px !important;
min-height: 48px !important;
margin: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .single_add_to_cart_button {
grid-column: 4 !important;
align-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
min-height: 48px !important;
margin: 0 !important;
} body.tkb-product-design-v7:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form,
body.tkb-product-design-v7:not(.tkb-family-pack) .single_variation_wrap {
width: 100% !important;
max-width: none !important;
} body.tkb-product-design-v7 .tkb-native-track-row-source {
display: none !important;
}
body.tkb-product-design-v7 .tkb-native-tracklist-source {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__item {
grid-template-columns: 18px 42px minmax(0, 1fr) auto !important;
gap: 10px !important;
align-items: center !important;
}
body.tkb-product-design-v7 .tkb-static-tracklist__status {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 28px !important;
padding: 5px 9px !important;
border-radius: 999px !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7 button.tkb-static-tracklist__status.is-playable {
border: 1px solid #f0b24c !important;
background: #fff7e9 !important;
color: #a85f00 !important;
cursor: pointer !important;
}
body.tkb-product-design-v7 button.tkb-static-tracklist__status.is-playable:hover,
body.tkb-product-design-v7 button.tkb-static-tracklist__status.is-playable:focus-visible {
background: var(--tkb-orange, #ff9900) !important;
color: #111 !important;
outline: none !important;
}
body.tkb-product-design-v7 .tkb-static-tracklist__status.is-unavailable {
border: 1px solid #e1e4e7 !important;
background: #f5f6f7 !important;
color: #8b9197 !important;
} body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock {
display: inline-flex !important;
position: relative !important;
visibility: visible !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
clip: auto !important;
clip-path: none !important;
overflow: visible !important;
white-space: nowrap !important;
}
@media (max-width: 899px) {
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
grid-template-columns: minmax(0, 1fr) max-content !important;
grid-template-rows: auto auto !important;
column-gap: 9px !important;
row-gap: 10px !important;
padding: 10px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
font-size: clamp(23px, 7vw, 29px) !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
max-width: 124px !important;
padding: 6px 8px !important;
font-size: 9px !important;
line-height: 1.15 !important;
white-space: normal !important;
text-align: center !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .quantity {
grid-column: 1 !important;
grid-row: 2 !important;
width: 108px !important;
min-width: 108px !important;
grid-template-columns: 32px minmax(36px, 1fr) 32px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .single_add_to_cart_button {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__item {
grid-template-columns: 16px 34px minmax(0, 1fr) !important;
}
body.tkb-product-design-v7 .tkb-static-tracklist__status {
grid-column: 3 !important;
justify-self: start !important;
margin-top: 4px !important;
}
}
@media (max-width: 380px) {
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price {
font-size: 22px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock {
max-width: 108px !important;
font-size: 8.5px !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell {
overflow: hidden !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist.is-integrated {
width: 100% !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(255, 255, 255, .10) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__item {
grid-template-columns: 32px 38px minmax(0, 1fr) !important;
gap: 9px !important;
min-height: 62px !important;
}
body.tkb-product-design-v7 .tkb-static-tracklist__control {
display: inline-flex !important;
position: relative !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
min-width: 30px !important;
height: 30px !important;
min-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid var(--tkb-orange, #ff9900) !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
}
body.tkb-product-design-v7 button.tkb-static-tracklist__control.is-playable {
cursor: pointer !important;
}
body.tkb-product-design-v7 button.tkb-static-tracklist__control.is-playable > span {
display: block !important;
width: 0 !important;
height: 0 !important;
margin-left: 2px !important;
border-top: 5px solid transparent !important;
border-bottom: 5px solid transparent !important;
border-left: 8px solid var(--tkb-orange, #ff9900) !important;
}
body.tkb-product-design-v7 button.tkb-static-tracklist__control.is-playable:hover,
body.tkb-product-design-v7 button.tkb-static-tracklist__control.is-playable:focus-visible {
background: var(--tkb-orange, #ff9900) !important;
outline: none !important;
}
body.tkb-product-design-v7 button.tkb-static-tracklist__control.is-playable:hover > span,
body.tkb-product-design-v7 button.tkb-static-tracklist__control.is-playable:focus-visible > span {
border-left-color: #111 !important;
}
body.tkb-product-design-v7 .tkb-static-tracklist__control.is-unavailable::after {
display: block !important;
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
background: rgba(255, 152, 0, .34) !important;
content: "" !important;
}
body.tkb-product-design-v7 .tkb-static-tracklist__status {
display: none !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__item {
grid-template-columns: 30px 34px minmax(0, 1fr) !important;
gap: 8px !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell {
background: #191919 !important;
border-left: 3px solid var(--tkb-orange, #ff9900) !important;
border-radius: 6px !important;
box-shadow: none !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist.is-integrated {
background: #191919 !important;
color: #fff !important;
border-top: 1px solid rgba(255, 255, 255, .10) !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__viewport {
background: #191919 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__item {
margin: 0 14px !important;
border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__item:last-child {
border-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__title {
color: #fff !important;
font-size: 12px !important;
font-weight: 700 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__artist {
color: #9aa0a7 !important;
font-size: 9px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__position {
color: #8e949b !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__control {
background: #191919 !important;
border-color: var(--tkb-orange, #ff9900) !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__control.is-unavailable::after {
background: rgba(255, 152, 0, .35) !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-hybrid-player-shell {
border-radius: 5px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__item {
margin: 0 10px !important;
min-height: 56px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__title {
font-size: 11px !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell {
border-left: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell::before,
body.tkb-product-design-v7 .tkb-hybrid-player-shell::after {
display: none !important;
content: none !important;
}
@media (max-width: 1100px) {
body.tkb-product-design-v7 .tkb-hybrid-player-shell {
margin-bottom: 24px !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance,
body.tkb-product-design-v7 .tkbpp-product-reassurance--mobile-after-audio {
margin-top: 0 !important;
clear: both !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell,
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner,
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner > :first-child {
border-left: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner::before,
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner::after,
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner > :first-child::before,
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner > :first-child::after {
display: none !important;
content: none !important;
}
@media (max-width: 980px) {
body.tkb-product-design-v7 .tkb-hybrid-player-shell {
margin-bottom: 22px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell + .tkbpp-product-reassurance,
body.tkb-product-design-v7 .tkbpp-product-reassurance--mobile-after-audio {
margin-top: 0 !important;
margin-bottom: 18px !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap {
display: block !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #191919 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 18px !important;
border: 0 !important;
border-radius: 0 !important;
background: #191919 !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading *,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
min-height: 0 !important;
max-height: 42px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist.is-integrated {
border-top: 1px solid rgba(255, 255, 255, .08) !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
padding: 0 14px !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
display: none !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist.is-integrated {
border-top: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist .tkb-static-tracklist__viewport {
padding-top: 0 !important;
} body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap {
display: block !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
overflow: hidden !important;
background: #191919 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
display: flex !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
align-items: center !important;
width: 100% !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
margin: 0 !important;
padding: 0 14px !important;
border: 0 !important;
border-radius: 0 !important;
background: #191919 !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading *,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
height: auto !important;
min-height: 0 !important;
max-height: 30px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 11px !important;
line-height: 1 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist.is-integrated {
border-top: 0 !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
padding: 0 12px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading *,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
max-height: 28px !important;
font-size: 10px !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell {
border-left: 3px solid var(--tkb-orange, #ff9900) !important;
overflow: hidden !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner,
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .et_pb_module_inner > :first-child {
border-left: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap {
border-bottom: 1px solid rgba(255, 255, 255, .13) !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
padding: 0 10px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading *,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
max-height: 22px !important;
font-size: 9px !important;
line-height: 1 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist.is-integrated {
border-top: 0 !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
padding: 0 9px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading *,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
max-height: 20px !important;
font-size: 8.5px !important;
}
} body.tkb-product-design-v7 .tkb-hybrid-player-shell {
border-left: 0 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
height: 12px !important;
min-height: 12px !important;
max-height: 12px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap {
border-left: 0 !important;
box-shadow: none !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
padding: 0 8px !important;
border-left: 0 !important;
box-shadow: none !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading *,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
max-height: 12px !important;
font-size: 8px !important;
line-height: 1 !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading svg,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading i {
max-width: 8px !important;
max-height: 8px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-tracklist.is-integrated {
border-left: 3px solid var(--tkb-orange, #ff9900) !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7 .tkb-hybrid-player-shell > .tkb-tracklist-native-heading-wrap,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading button,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading a,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading [role="button"] {
height: 11px !important;
min-height: 11px !important;
max-height: 11px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading {
padding: 0 7px !important;
}
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-heading *,
body.tkb-product-design-v7 .tkb-hybrid-player-shell .tkb-tracklist-native-label {
max-height: 11px !important;
font-size: 7.5px !important;
}
} body.tkb-product-design-v7 .tkb-native-player-source,
body.tkb-product-design-v7 .tkb-native-player-heading-source {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(88px, max-content) minmax(104px, max-content) 110px minmax(140px, 1fr) !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 8px 0 8px !important;
padding: 10px !important;
overflow: visible !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price {
font-size: clamp(20px, 1.75vw, 27px) !important;
line-height: 1 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock {
max-width: 132px !important;
padding: 7px 9px !important;
font-size: 9px !important;
line-height: 1.15 !important;
white-space: normal !important;
text-align: center !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .quantity {
width: 110px !important;
min-width: 110px !important;
grid-template-columns: 32px minmax(38px, 1fr) 32px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .single_add_to_cart_button {
min-width: 0 !important;
max-width: 100% !important;
padding: 8px 12px !important;
font-size: clamp(10px, 1vw, 12px) !important;
line-height: 1.15 !important;
white-space: normal !important;
text-align: center !important;
overflow-wrap: anywhere !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 8px 0 0 !important;
padding: 0 !important;
background: #181818 !important;
border: 0 !important;
border-left: 3px solid var(--tkb-orange, #ff9900) !important;
border-radius: 7px !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-canonical-tracklist__header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
margin: 0 !important;
padding: 0 12px !important;
background: #181818 !important;
border: 0 !important;
border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__heading {
font-size: 9px !important;
font-weight: 820 !important;
line-height: 1 !important;
letter-spacing: .04em !important;
color: var(--tkb-orange, #ff9900) !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__count {
font-size: 8px !important;
font-weight: 600 !important;
line-height: 1 !important;
color: #9ca3aa !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__viewport {
background: #181818 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__item {
display: grid !important;
grid-template-columns: 38px 34px minmax(0, 1fr) !important;
align-items: center !important;
gap: 9px !important;
min-height: 58px !important;
margin: 0 14px !important;
padding: 8px 0 !important;
border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__item:last-child {
border-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__control {
grid-column: 1 !important;
justify-self: center !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__position {
grid-column: 2 !important;
font-size: 9px !important;
color: #b8c0c8 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__copy {
grid-column: 3 !important;
min-width: 0 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__title {
font-size: 12px !important;
line-height: 1.2 !important;
color: #fff !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__artist {
font-size: 9px !important;
line-height: 1.25 !important;
color: #aeb6be !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist + .tkbpp-product-reassurance,
body.tkb-product-design-v7 .tkbpp-product-reassurance--mobile-after-audio {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
@media (max-width: 1180px) and (min-width: 601px) {
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
grid-template-columns: minmax(0, 1fr) max-content !important;
grid-template-rows: auto auto !important;
row-gap: 8px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .quantity {
grid-column: 1 !important;
grid-row: 2 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .single_add_to_cart_button {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
}
}
@media (max-width: 600px) {
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
grid-template-columns: minmax(0, 1fr) minmax(108px, max-content) !important;
grid-template-rows: auto auto !important;
column-gap: 7px !important;
row-gap: 7px !important;
margin: 5px 0 7px !important;
padding: 8px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
font-size: clamp(20px, 7vw, 25px) !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
max-width: 124px !important;
padding: 6px 8px !important;
font-size: 8.5px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .quantity {
grid-column: 1 !important;
grid-row: 2 !important;
width: 108px !important;
min-width: 108px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row > .tkb-buy-row > .single_add_to_cart_button {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
min-height: 46px !important;
padding: 7px 9px !important;
font-size: 10px !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist {
margin-top: 6px !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-canonical-tracklist__header {
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
padding: 0 10px !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__item {
grid-template-columns: 36px 30px minmax(0, 1fr) !important;
min-height: 54px !important;
margin: 0 10px !important;
padding: 7px 0 !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance,
body.tkb-product-design-v7 .tkbpp-product-reassurance--mobile-after-audio {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
} body.tkb-product-design-v7 .tkb-native-player-source,
body.tkb-product-design-v7 .tkb-native-track-row-source,
body.tkb-product-design-v7 .tkb-native-player-heading-source {
display: block !important;
position: absolute !important;
left: -100000px !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row > .tkb-buy-row > .single_add_to_cart_button:not(.disabled):not(:disabled),
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row .single_add_to_cart_button:not(.disabled):not(:disabled) {
background: var(--tkb-orange, #ff9900) !important;
background-image: none !important;
border-color: var(--tkb-orange, #ff9900) !important;
color: #111 !important;
opacity: 1 !important;
filter: none !important;
box-shadow: none !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row .single_add_to_cart_button:not(.disabled):not(:disabled):hover,
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row .single_add_to_cart_button:not(.disabled):not(:disabled):focus-visible {
background: #e88a00 !important;
border-color: #e88a00 !important;
color: #111 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-price-source-host {
min-height: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-empty-purchase-source-host {
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
margin-top: 0 !important;
margin-bottom: 4px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-price-source-host,
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-empty-purchase-source-host {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist {
margin-top: 4px !important;
}
} @media (min-width: 981px) {
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
margin-top: 0 !important;
}
} body.tkb-product-design-v7 .tkb-canonical-tracklist {
border-radius: 10px !important;
overflow: hidden !important;
isolation: isolate !important;
clip-path: inset(0 round 10px) !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-canonical-tracklist__header {
border-radius: 10px 10px 0 0 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist .tkb-static-tracklist__viewport {
border-radius: 0 0 10px 10px !important;
overflow: hidden auto !important;
}
@media (min-width: 981px) {
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
margin-top: -10px !important;
}
} body.tkb-product-design-v7 {
--tkbpp-product-block-gap: 10px;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance,
body.tkb-product-design-v7 .tkbpp-product-reassurance--mobile-after-audio,
body.tkb-product-design-v7 .tkb-canonical-tracklist + .tkbpp-product-reassurance {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance + .tkbpp-recommendations-root,
body.tkb-product-design-v7 .tkbpp-recommendations-root.tkbpp-recommendations-root--embedded,
body.tkb-product-design-v7 .tkbpp-recommendations-root--inline,
body.tkb-product-design-v7 .tkbpp-recommendations-root--fallback {
margin-top: var(--tkbpp-product-block-gap) !important;
}
body.tkb-product-design-v7 .tkb-product-details-stack,
body.tkb-product-design-v7 .tkb-reviews-bottom {
margin-top: var(--tkbpp-product-block-gap) !important;
}
@media (max-width: 980px) {
body.tkb-product-design-v7 {
--tkbpp-product-block-gap: 10px;
}
}
body.tkb-product-design-v7 .tkb-collapsed-native-player-shell {
display: none !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: hidden !important;
} body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
margin-top: 6px !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist {
margin-top: 14px !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__wrapper,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery .flex-viewport,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__image,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__image > a,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__image img {
border-radius: 10px !important;
}
@media (min-width: 981px) {
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery .flex-viewport,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__wrapper {
cursor: grab !important;
user-select: none !important;
-webkit-user-select: none !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery .flex-viewport.is-tkb-gallery-dragging,
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery__wrapper.is-tkb-gallery-dragging {
cursor: grabbing !important;
}
body.tkb-product-design-v7
.tkb-product-gallery-column
.woocommerce-product-gallery img {
-webkit-user-drag: none !important;
user-drag: none !important;
}
} body.tkb-product-design-v7 .tkb-native-player-shell-source,
body.tkb-product-design-v7 .tkb-native-player-source,
body.tkb-product-design-v7 .tkb-native-player-heading-source,
body.tkb-product-design-v7 .tkb-native-track-row-source,
body.tkb-product-design-v7 .tkb-collapsed-native-player-shell {
display: none !important;
visibility: hidden !important;
position: absolute !important;
left: -100000px !important;
top: 0 !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} body.tkb-product-design-v7 {
--tkbpp-product-block-gap: 12px;
} body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-product-identity {
margin-bottom: 0 !important;
} body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-price-source-host,
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-empty-purchase-source-host {
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-universal-purchase-row {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkb-canonical-tracklist {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkbpp-product-reassurance,
body.tkb-product-design-v7 .tkbpp-product-reassurance--mobile-after-audio,
body.tkb-product-design-v7 .tkb-canonical-tracklist + .tkbpp-product-reassurance {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7 .tkbpp-recommendations-root,
body.tkb-product-design-v7 .tkbpp-recommendations-root--inline,
body.tkb-product-design-v7 .tkbpp-recommendations-root--fallback,
body.tkb-product-design-v7 .tkbpp-recommendations-root--embedded {
margin-top: var(--tkbpp-product-block-gap) !important;
gap: var(--tkbpp-product-block-gap) !important;
}
body.tkb-product-design-v7 .tkb-product-details-stack,
body.tkb-product-design-v7 .tkb-reviews-bottom {
margin-top: var(--tkbpp-product-block-gap) !important;
} body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-purchase-anchor-host {
margin-bottom: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-purchase-anchor-host + .tkb-universal-purchase-row {
margin-top: 12px !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row + .tkb-canonical-tracklist {
margin-top: 12px !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-price-source-host,
body.tkb-product-design-v7:not(.tkb-family-pack) .tkb-empty-purchase-source-host {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
} body.tkb-product-design-v7 {
--tkbpp-product-block-gap: 12px;
} body.tkb-product-design-v7 .tkb-product-info-column .et_pb_wc_title {
margin-bottom: var(--tkbpp-product-block-gap) !important;
} body.tkb-product-design-v7 .tkb-product-hero-row {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} body.tkb-product-design-v7.tkbpp-structure-v3 .tkbpp-template-lower-row,
body.tkb-product-design-v7.tkbpp-structure-v3 .tkbpp-canonical-lower-row {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: var(--tkbpp-product-block-gap) !important;
} body.tkb-product-design-v7 .tkbpp-canonical-lower-column > .tkbpp-recommendations-root,
body.tkb-product-design-v7 .tkbpp-recommendations-root,
body.tkb-product-design-v7 .tkbpp-recommendations-root--embedded {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
gap: var(--tkbpp-product-block-gap) !important;
}
body.tkb-product-design-v7 .tkbpp-recommendation-section + .tkbpp-recommendation-section {
margin-top: 0 !important;
} body.tkb-product-design-v7 .tkbpp-canonical-lower-column
> .tkbpp-recommendations-root
+ .tkbpp-server-reviews,
body.tkb-product-design-v7 .tkbpp-recommendations-root + .tkb-reviews-bottom,
body.tkb-product-design-v7 .tkb-reviews-bottom {
margin-top: var(--tkbpp-product-block-gap) !important;
margin-bottom: 0 !important;
}  body.tkb-product-design-v7.tkbpp-visual-system-v1 {
--tkbpp-ui-gap: 12px;
--tkbpp-ui-radius: 10px;
--tkbpp-ui-control-radius: 8px;
--tkbpp-ui-border: #e1e4e7;
--tkbpp-ui-soft-border: #e8ebed;
--tkbpp-ui-surface: #ffffff;
--tkbpp-ui-soft-surface: #fafafa;
--tkbpp-ui-text: #17191b;
--tkbpp-ui-muted: #8c9298;
--tkbpp-ui-orange: var(--tkb-orange, #ff9900);
--tkbpp-ui-orange-hover: #e78600;
--tkbpp-ui-shadow: 0 6px 20px rgba(20, 25, 30, .05);
--tkbpp-product-block-gap: var(--tkbpp-ui-gap);
} body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-identity,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-product-reassurance,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-recommendation-section,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-reviews-bottom,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-server-reviews > #reviews {
border-color: var(--tkbpp-ui-border) !important;
border-radius: var(--tkbpp-ui-radius) !important;
box-shadow: var(--tkbpp-ui-shadow) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-identity {
margin-bottom: 0 !important;
border-left-color: var(--tkbpp-ui-orange) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-info-column .et_pb_wc_title {
margin-bottom: var(--tkbpp-ui-gap) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-canonical-tracklist,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-product-reassurance,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-recommendations-root,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-reviews-bottom,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-server-reviews {
margin-top: var(--tkbpp-ui-gap) !important;
margin-bottom: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-recommendations-root {
gap: var(--tkbpp-ui-gap) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-recommendation-section + .tkbpp-recommendation-section {
margin-top: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-template-lower-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-canonical-lower-row {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: var(--tkbpp-ui-gap) !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-canonical-tracklist,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-canonical-tracklist__header,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-static-tracklist__viewport,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-gallery-column .woocommerce-product-gallery__wrapper,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-gallery-column .woocommerce-product-gallery .flex-viewport,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-gallery-column .woocommerce-product-gallery__image,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-gallery-column .woocommerce-product-gallery__image > a,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-gallery-column .woocommerce-product-gallery__image img {
border-radius: var(--tkbpp-ui-radius) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-canonical-tracklist__header {
border-radius: var(--tkbpp-ui-radius) var(--tkbpp-ui-radius) 0 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-static-tracklist__viewport {
border-radius: 0 0 var(--tkbpp-ui-radius) var(--tkbpp-ui-radius) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-product-reassurance__item,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-reviews-bottom .commentlist li,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-reviews-bottom #review_form_wrapper,
body.tkb-product-design-v7.tkbpp-visual-system-v1 table.variations {
border-radius: var(--tkbpp-ui-control-radius) !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price *,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price .woocommerce-Price-amount,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price .woocommerce-Price-currencySymbol,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price bdi,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price ins {
color: var(--tkbpp-ui-text) !important;
-webkit-text-fill-color: var(--tkbpp-ui-text) !important;
text-shadow: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price {
font-size: clamp(27px, 2.2vw, 31px) !important;
font-weight: 800 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price del,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price del * {
color: var(--tkbpp-ui-muted) !important;
-webkit-text-fill-color: var(--tkbpp-ui-muted) !important;
font-size: 13.5px !important;
font-weight: 600 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-stock-display,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-stock {
min-height: 36px !important;
margin: 0 !important;
padding: 6px 9px !important;
font-size: 10px !important;
line-height: 1.1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-buy-row > .quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-purchase-row .quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-buy-row .single_add_to_cart_button,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-purchase-row .single_add_to_cart_button {
border-radius: var(--tkbpp-ui-control-radius) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-purchase-row {
gap: var(--tkbpp-ui-gap) !important;
padding: 12px !important;
background: var(--tkbpp-ui-surface) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-purchase-row > .tkb-buy-row > .single_add_to_cart_button {
min-height: 50px !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: var(--tkbpp-ui-gap) 0 0 !important;
padding: 12px !important;
background: var(--tkbpp-ui-surface) !important;
border: 1px solid var(--tkbpp-ui-border) !important;
border-radius: var(--tkbpp-ui-radius) !important;
box-shadow: var(--tkbpp-ui-shadow) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price > .et_pb_module_inner,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: flex !important;
flex: 0 1 auto !important;
flex-wrap: nowrap !important;
align-items: baseline !important;
gap: 7px !important;
color: var(--tkbpp-ui-text) !important;
font-size: clamp(27px, 2.2vw, 31px) !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price ins,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price ins *,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount *,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price bdi,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price .woocommerce-Price-currencySymbol {
display: inline !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: var(--tkbpp-ui-text) !important;
-webkit-text-fill-color: var(--tkbpp-ui-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
text-shadow: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del * {
display: inline !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: var(--tkbpp-ui-muted) !important;
-webkit-text-fill-color: var(--tkbpp-ui-muted) !important;
font-size: 13.5px !important;
font-weight: 600 !important;
line-height: 1 !important;
white-space: nowrap !important;
text-shadow: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
flex: 0 0 auto !important;
min-height: 36px !important;
margin: 0 !important;
padding: 6px 9px !important;
font-size: 9.5px !important;
line-height: 1.1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
min-height: 50px !important;
height: 50px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
border-radius: var(--tkbpp-ui-control-radius) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
padding: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: none !important;
padding: 12px 16px !important;
white-space: nowrap !important;
}
@media (min-width: 981px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: var(--tkbpp-ui-gap) !important;
min-height: 74px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: flex !important;
flex: 1 1 auto !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 9px !important;
width: auto !important;
min-width: 0 !important;
min-height: 50px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
display: block !important;
flex: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: grid !important;
grid-template-columns: 108px clamp(205px, 20vw, 235px) !important;
align-items: stretch !important;
justify-content: end !important;
gap: var(--tkbpp-ui-gap) !important;
width: auto !important;
min-width: 0 !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
width: clamp(205px, 20vw, 235px) !important;
max-width: 235px !important;
}
}
@media (min-width: 768px) and (max-width: 980px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 9px !important;
width: 100% !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
width: min(100%, 390px) !important;
max-width: 390px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
grid-template-columns: 108px minmax(0, 1fr) !important;
gap: var(--tkbpp-ui-gap) !important;
}
}
@media (max-width: 767px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
padding: 10px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
font-size: clamp(25px, 8vw, 28px) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del * {
font-size: 12.5px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
grid-template-columns: 100px minmax(0, 1fr) !important;
gap: 10px !important;
width: 100% !important;
}
} body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-recommendation-section {
background: var(--tkbpp-ui-surface) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-recommendation-card__image {
border-radius: var(--tkbpp-ui-control-radius) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-reviews-bottom,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-server-reviews > #reviews {
background: var(--tkbpp-ui-surface) !important;
}
@media (max-width: 600px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1 {
--tkbpp-ui-gap: 12px;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-purchase-row {
padding: 10px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-universal-price {
font-size: clamp(23px, 7vw, 28px) !important;
}
}  @media (min-width: 768px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 108px clamp(210px, 26vw, 260px) !important;
grid-template-rows: 50px !important;
align-items: center !important;
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: 0 !important;
min-height: 74px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
grid-column: 1 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: minmax(0, max-content) max-content !important;
align-items: center !important;
justify-content: start !important;
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 50px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: contents !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
grid-column: 2 !important;
grid-row: 1 !important;
width: 108px !important;
min-width: 108px !important;
max-width: 108px !important;
align-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
grid-column: 3 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
align-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price > .et_pb_module_inner,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
min-width: 0 !important;
max-width: 100% !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: flex !important;
flex-wrap: nowrap !important;
align-items: baseline !important;
gap: 7px !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price ins,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount {
order: 1 !important;
flex: 0 0 auto !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del {
order: 2 !important;
flex: 0 0 auto !important;
align-self: baseline !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
max-width: 148px !important;
white-space: nowrap !important;
}
} @media (min-width: 768px) and (max-width: 1100px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
grid-template-columns: minmax(0, 1fr) 100px clamp(190px, 25vw, 225px) !important;
column-gap: 10px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
font-size: clamp(24px, 3vw, 29px) !important;
gap: 5px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del * {
font-size: 11.5px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
max-width: 138px !important;
padding: 6px 8px !important;
font-size: 9px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
padding-inline: 12px !important;
font-size: 13px !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
gap: 10px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price > .et_pb_module_inner,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
min-width: 0 !important;
max-width: 100% !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: flex !important;
flex-wrap: nowrap !important;
align-items: baseline !important;
gap: 5px !important;
font-size: clamp(23px, 7vw, 27px) !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price ins,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount {
order: 1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del {
order: 2 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del * {
font-size: 10.5px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
max-width: 132px !important;
min-height: 34px !important;
padding: 5px 8px !important;
font-size: 8.8px !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: grid !important;
grid-template-columns: 100px minmax(0, 1fr) !important;
align-items: stretch !important;
gap: 10px !important;
width: 100% !important;
margin: 0 !important;
}
} @media (min-width: 768px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 26px 54px minmax(0, 1fr) 146px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .woosb-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .woosb-product-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
display: grid !important;
grid-template-columns: 58px 78px !important;
align-items: baseline !important;
justify-content: end !important;
gap: 6px !important;
width: 146px !important;
min-width: 146px !important;
max-width: 146px !important;
margin: 0 !important;
padding: 0 !important;
text-align: right !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-original-price {
grid-column: 1 !important;
justify-self: end !important;
align-self: baseline !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-unit-price {
grid-column: 2 !important;
justify-self: end !important;
align-self: baseline !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-original-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-original-price * {
font-size: 10px !important;
line-height: 1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-unit-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-unit-price *,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-item .tkb-bundle-unit-price .woocommerce-Price-currencySymbol {
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
}
@media (max-width: 767px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer > .woosb-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer > .woosb-product-price {
display: grid !important;
grid-template-columns: 45px 66px !important;
align-items: baseline !important;
justify-content: end !important;
gap: 5px !important;
width: 116px !important;
min-width: 116px !important;
max-width: 116px !important;
height: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price {
grid-column: 1 !important;
justify-self: end !important;
align-self: baseline !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price {
grid-column: 2 !important;
justify-self: end !important;
align-self: baseline !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price *,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price .woocommerce-Price-amount,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price .woocommerce-Price-currencySymbol {
font-size: 9px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price *,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price .woocommerce-Price-currencySymbol {
display: inline !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
padding: 12px !important;
gap: 12px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
grid-template-columns: minmax(0, 1fr) auto !important;
column-gap: 8px !important;
align-items: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
gap: 4px !important;
font-size: clamp(29px, 8.5vw, 34px) !important;
line-height: 1 !important;
letter-spacing: -0.6px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del * {
margin: 0 !important;
font-size: clamp(9px, 2.8vw, 11px) !important;
line-height: 1 !important;
letter-spacing: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
width: auto !important;
min-width: 0 !important;
max-width: clamp(112px, 36vw, 138px) !important;
min-height: 32px !important;
padding: 5px 8px !important;
font-size: clamp(8px, 2.55vw, 10px) !important;
line-height: 1.05 !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display::before {
width: 10px !important;
height: 10px !important;
min-width: 10px !important;
margin-right: 5px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
grid-template-columns: clamp(94px, 31vw, 104px) minmax(0, 1fr) !important;
gap: 10px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
min-width: 0 !important;
max-width: 100% !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
padding: 0 8px !important;
font-size: clamp(11.5px, 3.75vw, 15px) !important;
line-height: 1.05 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: clip !important;
}
}
@media (max-width: 374px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
font-size: 28px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
max-width: 108px !important;
padding-inline: 6px !important;
font-size: 7.8px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
font-size: 11px !important;
padding-inline: 5px !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
grid-template-columns: minmax(0, 1fr) minmax(102px, auto) !important;
column-gap: 6px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price > .et_pb_module_inner,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
min-width: 0 !important;
max-width: 100% !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: flex !important;
flex-flow: row nowrap !important;
align-items: baseline !important;
gap: 3px !important;
font-size: clamp(26px, 7.6vw, 31px) !important;
letter-spacing: -0.45px !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del {
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: 48px !important;
overflow: hidden !important;
text-overflow: clip !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del * {
font-size: clamp(8px, 2.35vw, 10px) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
justify-self: end !important;
max-width: clamp(102px, 31vw, 124px) !important;
min-height: 30px !important;
padding: 4px 7px !important;
font-size: clamp(7.6px, 2.2vw, 9.3px) !important;
letter-spacing: -0.05px !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer > .woosb-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer > .woosb-product-price {
grid-template-columns: max-content max-content !important;
justify-content: end !important;
gap: 3px !important;
width: auto !important;
min-width: 0 !important;
max-width: 112px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price {
grid-column: auto !important;
justify-self: auto !important;
}
}
@media (max-width: 374px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
font-size: 25px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
max-width: 100px !important;
font-size: 7.2px !important;
}
} body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host.tkb-empty-purchase-source-host {
display: block !important;
position: relative !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host > .et_pb_module_inner,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row > .tkb-universal-variation-wrap,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row > .single_variation_wrap,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row .tkb-buy-row {
display: contents !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row .tkb-buy-row > .quantity {
grid-column: 3 !important;
display: grid !important;
grid-template-columns: 34px minmax(40px, 1fr) 34px !important;
width: 116px !important;
min-width: 116px !important;
min-height: 48px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button {
grid-column: 4 !important;
align-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
min-height: 48px !important;
margin: 0 !important;
}
@media (max-width: 899px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row .tkb-buy-row > .quantity {
grid-column: 1 !important;
grid-row: 2 !important;
width: 108px !important;
min-width: 108px !important;
grid-template-columns: 32px minmax(36px, 1fr) 32px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
}
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
.tkb-universal-purchase-row .single_variation {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}  body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-merch table.variations select {
background-color: #fff !important;
background-image: none !important;
padding-right: 38px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-merch table.variations select::-ms-expand {
display: none !important;
} @media (min-width: 981px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: minmax(155px, 1fr) max-content 108px minmax(220px, 260px) !important;
grid-template-rows: minmax(50px, auto) !important;
align-items: center !important;
column-gap: 12px !important;
row-gap: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: contents !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: grid !important;
grid-template-columns: max-content !important;
grid-template-rows: auto auto !important;
align-content: center !important;
justify-content: start !important;
row-gap: 2px !important;
width: 100% !important;
min-width: 0 !important;
font-size: clamp(29px, 2.1vw, 34px) !important;
line-height: .95 !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price ins,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: start !important;
align-self: start !important;
max-width: 100% !important;
margin: 0 !important;
font-size: 11px !important;
line-height: 1 !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
width: auto !important;
min-width: 0 !important;
max-width: 142px !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
grid-column: 3 !important;
grid-row: 1 !important;
align-self: center !important;
width: 108px !important;
min-width: 108px !important;
max-width: 108px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
grid-column: 4 !important;
grid-row: 1 !important;
align-self: center !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-product-reassurance--desktop-inline {
width: 100% !important;
max-width: none !important;
margin-top: var(--tkbpp-ui-gap) !important;
}
} @media (min-width: 768px) and (max-width: 980px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
grid-template-rows: auto 50px !important;
gap: 10px 12px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: contents !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
grid-column: 1 !important;
grid-row: 2 !important;
width: 108px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
max-width: none !important;
}
}  body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-product-info-column {
container-type: inline-size;
container-name: tkbpp-product-info;
} body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_section.tkb-details-section {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_row.tkb-details-row {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkb-details-row .tkb-product-details-stack {
margin-top: var(--tkbpp-ui-gap) !important;
margin-bottom: 0 !important;
} @media (min-width: 1241px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row {
grid-template-columns: minmax(125px, 1.05fr) minmax(92px, .72fr) 116px minmax(210px, 1.7fr) !important;
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: 0 !important;
align-items: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-price {
grid-column: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-stock {
grid-column: 2 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .quantity {
grid-column: 3 !important;
justify-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button {
grid-column: 4 !important;
margin-left: 0 !important;
}
} @media (min-width: 981px) and (max-width: 1240px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
grid-template-columns: minmax(0, 1fr) minmax(108px, max-content) !important;
grid-template-rows: auto minmax(48px, auto) !important;
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: var(--tkbpp-ui-gap) !important;
align-items: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-stock,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
}
} @container tkbpp-product-info (max-width: 620px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
grid-template-columns: minmax(0, 1fr) minmax(108px, max-content) !important;
grid-template-rows: auto minmax(48px, auto) !important;
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: var(--tkbpp-ui-gap) !important;
align-items: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-stock,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
max-width: 124px !important;
text-align: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
}
} @media (min-width: 1241px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
grid-template-columns: minmax(145px, 1.05fr) minmax(102px, .72fr) 108px minmax(220px, 1.7fr) !important;
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: 0 !important;
align-items: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 2 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
grid-column: 3 !important;
justify-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
grid-column: 4 !important;
margin-left: 0 !important;
}
} @media (max-width: 980px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: var(--tkbpp-ui-gap) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-stock,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
justify-self: center !important;
align-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .single_add_to_cart_button,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-button {
margin-left: 0 !important;
max-width: 100% !important;
}
} @container tkbpp-product-info (max-width: 620px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat {
grid-template-columns: minmax(0, 1fr) minmax(108px, max-content) !important;
grid-template-rows: auto minmax(48px, auto) !important;
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: var(--tkbpp-ui-gap) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-price,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-stock,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
max-width: 124px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-quantity {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-button-cell {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
}
} body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_section.tkb-product-hero-section {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_row.tkb-product-hero-row {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1
.et_pb_section.tkb-product-hero-section + .et_pb_section.tkb-details-section {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1
.et_pb_section.tkb-details-section .et_pb_row.tkb-details-row {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1
.et_pb_section.tkb-details-section .tkb-product-details-stack {
margin-top: var(--tkbpp-ui-gap) !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_row.tkb-product-hero-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_row.tkb-details-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_row.tkb-details-row > .et_pb_column {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .et_pb_row.tkb-details-row .tkb-product-details-stack {
margin: var(--tkbpp-ui-gap) 0 0 !important;
padding-top: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-empty-legacy-reassurance-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1 .tkbpp-empty-legacy-reassurance-section {
display: none !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-box,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .woosb-wrap,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack form.cart.tkb-bundle-form-ready,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .et_pb_wc_add_to_cart,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-product-info-column,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-product-hero-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-product-hero-section {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-box {
margin-top: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-pack-meta-hidden,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-audio-source-host,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-empty-audio-origin {
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-details-section,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-details-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-details-row > .et_pb_column {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-details-row .tkb-product-details-stack {
margin-top: var(--tkbpp-ui-gap, 12px) !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat {
margin-bottom: var(--tkbpp-ui-gap, 12px) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar + .tkb-bundle-box,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat + .tkb-bundle-box,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar + .woosb-wrap,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat + .woosb-wrap {
margin-top: 0 !important;
} @container tkbpp-product-info (min-width: 630px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: minmax(145px, 1fr) minmax(94px, 112px) 100px minmax(190px, 1.65fr) !important;
grid-template-rows: minmax(50px, auto) !important;
align-items: center !important;
column-gap: var(--tkbpp-ui-gap, 12px) !important;
row-gap: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: contents !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
min-width: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
width: auto !important;
min-width: 0 !important;
max-width: 112px !important;
height: 34px !important;
min-height: 34px !important;
gap: 5px !important;
margin: 0 !important;
padding: 5px 7px !important;
font-size: 9px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar .tkb-stock-display::before {
flex: 0 0 6px !important;
width: 6px !important;
height: 6px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-quantity {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: stretch !important;
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-button-cell {
grid-column: 4 !important;
grid-row: 1 !important;
align-self: center !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding-right: 12px !important;
padding-left: 12px !important;
}
} @container tkbpp-product-info (max-width: 629px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: minmax(150px, 1fr) minmax(0, 1.45fr) !important;
grid-template-rows: auto minmax(50px, auto) !important;
align-items: center !important;
column-gap: var(--tkbpp-ui-gap, 12px) !important;
row-gap: var(--tkbpp-ui-gap, 12px) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: contents !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
min-width: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
max-width: 112px !important;
height: 34px !important;
min-height: 34px !important;
gap: 5px !important;
margin: 0 !important;
padding: 5px 7px !important;
font-size: 9px !important;
line-height: 1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-quantity {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: start !important;
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-button-cell {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
} body.tkbpp-structure-v3 .related.products,
body.tkbpp-structure-v3 .upsells.products,
body.tkbpp-structure-v3 .et_pb_wc_related_products,
body.tkbpp-structure-v3 .et_pb_wc_upsells,
body.tkbpp-structure-v3 .tkb-related-module {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.tkbpp-structure-v3 .tkbpp-server-reviews[hidden] {
display: none !important;
}
body.tkbpp-structure-v3 > .tkbpp-recommendations-root,
body.tkbpp-structure-v3 > .tkbpp-server-reviews,
body.tkbpp-structure-v3 #page-container > .tkbpp-recommendations-root,
body.tkbpp-structure-v3 #page-container > .tkbpp-server-reviews,
body.tkbpp-structure-v3 #et-boc > .tkbpp-recommendations-root,
body.tkbpp-structure-v3 #et-boc > .tkbpp-server-reviews,
body.tkbpp-structure-v3 footer ~ .tkbpp-recommendations-root,
body.tkbpp-structure-v3 footer ~ .tkbpp-server-reviews {
display: none !important;
}
body.tkbpp-structure-v3 .tkbpp-server-reviews:not([hidden]) {
display: block !important;
width: 100% !important;
}
body.tkbpp-structure-v3 .tkbpp-server-reviews > #reviews {
width: 100% !important;
}
body.tkbpp-structure-v3 .tkbpp-template-lower-row,
body.tkbpp-structure-v3 .tkbpp-canonical-lower-row {
clear: both !important;
display: block !important;
width: 90% !important;
max-width: 1320px !important;
margin: 0 auto !important;
padding: 0 0 12px !important;
background: transparent !important;
}
body.tkbpp-structure-v3 .tkbpp-template-lower-column,
body.tkbpp-structure-v3 .tkbpp-canonical-lower-column {
float: none !important;
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkbpp-structure-v3 .tkbpp-template-lower-column > .tkbpp-recommendations-root,
body.tkbpp-structure-v3 .tkbpp-template-lower-column > .tkbpp-server-reviews {
width: 100% !important;
max-width: none !important;
} @media (min-width: 1181px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-purchase-row {
grid-template-columns: max-content minmax(116px, 1fr) 110px minmax(150px, 1fr) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-universal-stock {
grid-column: 2 !important;
justify-self: center !important;
align-self: center !important;
}
}
@media (min-width: 981px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: grid !important;
grid-template-columns: max-content minmax(112px, 1fr) !important;
align-items: center !important;
gap: 9px !important;
width: 100% !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
justify-self: center !important;
align-self: center !important;
}
} @media (max-width: 520px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
gap: 12px !important;
align-items: stretch !important;
padding: 18px 16px !important;
overflow: hidden !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar .tkb-stock-display {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: start !important;
align-self: center !important;
width: max-content !important;
max-width: 100% !important;
min-width: 0 !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 7px 12px !important;
font-size: 11px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar--flat > form.tkb-bundle-purchase-form {
display: block !important;
grid-column: 1 !important;
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: grid !important;
grid-template-columns: minmax(118px, .82fr) minmax(0, 1.35fr) !important;
grid-template-rows: minmax(58px, auto) !important;
align-items: stretch !important;
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-quantity {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 58px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-button-cell {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 58px !important;
margin: 0 !important;
padding: 8px 10px !important;
overflow: hidden !important;
font-size: 13px !important;
line-height: 1.1 !important;
text-align: center !important;
white-space: normal !important;
box-sizing: border-box !important;
}
}
@media (max-width: 360px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
grid-template-columns: minmax(110px, .78fr) minmax(0, 1.22fr) !important;
gap: 8px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1.tkb-family-pack
.tkb-bundle-purchase-button {
font-size: 12px !important;
padding-right: 7px !important;
padding-left: 7px !important;
}
} @media (min-width: 981px) {
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form_wrapper {
width: auto !important;
max-width: none !important;
margin: 18px 28px 28px !important;
padding: 26px 26px 24px !important;
border-radius: 10px !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#reviews {
padding-bottom: 28px !important;
} body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 14px 16px !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
> .comment-form-rating,
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
> .comment-form-comment,
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
> .comment-form-author,
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
> .comment-notes,
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
> .logged-in-as {
flex: 0 0 100% !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form textarea {
min-height: 112px !important;
} body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
> .tkb-review-moderation-note {
flex: 1 1 420px !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
> .form-submit {
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
.form-submit
input[type="submit"],
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
.form-submit
button[type="submit"],
body.tkb-product-design-v7
.tkb-reviews-bottom.tkb-no-existing-reviews
#review_form
form#commentform
input#submit {
width: auto !important;
min-width: 220px !important;
max-width: 280px !important;
min-height: 44px !important;
padding: 11px 22px !important;
white-space: nowrap !important;
}
}
@media (max-width: 980px) {
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform {
display: block !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit {
width: 100% !important;
margin-top: 14px !important;
}
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
input[type="submit"],
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
.form-submit
button[type="submit"],
body.tkb-product-design-v7
.tkb-reviews-bottom
#review_form
form#commentform
input#submit {
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
}
} body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-native-player-source:has(form.cart),
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-native-player-shell-source:has(form.cart),
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-collapsed-native-player-shell:has(form.cart),
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .et_pb_wc_add_to_cart:has(form.cart),
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host:has(form.cart) {
display: block !important;
position: relative !important;
left: auto !important;
top: auto !important;
width: 100% !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
white-space: normal !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form .quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form .single_add_to_cart_button {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .et_pb_wc_add_to_cart.tkb-cart-source-host,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) form.cart.tkb-universal-purchase-form {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
position: relative !important;
left: auto !important;
height: auto !important;
max-height: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host .tkb-universal-purchase-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host .tkb-buy-row,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host .quantity,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack) .tkb-cart-source-host .single_add_to_cart_button {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
} @media (min-width: 981px) {
body.single-product #main-content {
padding-top: 24px !important;
background-color: #ffffff !important;
}
body.single-product #main-content > .container,
body.single-product #main-content .et-l--body,
body.single-product #main-content .et-l--body > .et_builder_inner_content {
background-color: #ffffff !important;
}
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row {
display: grid !important;
grid-template-columns: minmax(145px, 1fr) max-content 116px minmax(180px, 1fr) !important;
grid-template-rows: minmax(48px, auto) auto !important;
align-items: center !important;
column-gap: 10px !important;
row-gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-height: 74px !important;
margin: 14px 0 0 !important;
padding: 12px !important;
background: #ffffff !important;
border: 1px solid #e1e4e7 !important;
border-radius: 10px !important;
box-shadow: 0 5px 18px rgba(20, 25, 30, .055) !important;
box-sizing: border-box !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: start !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: start !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .woocommerce-variation-add-to-cart {
display: contents !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
.woocommerce-variation-add-to-cart > .quantity {
grid-column: 3 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: stretch !important;
display: grid !important;
grid-template-columns: 34px minmax(40px, 1fr) 34px !important;
width: 116px !important;
min-width: 116px !important;
min-height: 48px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
.woocommerce-variation-add-to-cart > .single_add_to_cart_button {
grid-column: 4 !important;
grid-row: 1 !important;
align-self: stretch !important;
justify-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
min-height: 48px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .tkb-variable-purchase-error {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
width: 100% !important;
margin: 0 !important;
padding: 8px 10px !important;
color: #8b3131 !important;
background: #fff0f0 !important;
border: 1px solid #efcaca !important;
border-radius: 7px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
box-sizing: border-box !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .tkb-variable-purchase-error[hidden] {
display: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_add_to_cart_button.is-loading {
position: relative !important;
cursor: wait !important;
opacity: .72 !important;
pointer-events: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_add_to_cart_button.disabled,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_add_to_cart_button:disabled {
cursor: not-allowed !important;
opacity: .55 !important;
}
@media (max-width: 899px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
grid-template-rows: auto auto auto !important;
gap: 10px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
.woocommerce-variation-add-to-cart > .quantity {
grid-column: 1 !important;
grid-row: 2 !important;
width: 108px !important;
min-width: 108px !important;
grid-template-columns: 32px minmax(36px, 1fr) 32px !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
.woocommerce-variation-add-to-cart > .single_add_to_cart_button {
grid-column: 2 !important;
grid-row: 2 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.variations_form.tkb-variable-purchase-form
.single_variation_wrap.tkb-variable-purchase-row
> .tkb-variable-purchase-error {
grid-row: 3 !important;
}
} body.single-product form.cart a.added_to_cart.wc-forward,
body.single-product .tkb-variable-purchase-row a.added_to_cart.wc-forward,
body.single-product .tkb-universal-purchase-row a.added_to_cart.wc-forward,
body.single-product .tkb-buy-row a.added_to_cart.wc-forward {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form
.single_add_to_cart_button.is-loading {
cursor: wait !important;
opacity: .72 !important;
pointer-events: none !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form
.single_add_to_cart_button.tkb-added-confirmation {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background: #f0f0f0 !important;
border-color: #f0f0f0 !important;
color: var(--tkb-orange, #ff9900) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form
.single_add_to_cart_button.tkb-added-confirmation:hover,
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form
.single_add_to_cart_button.tkb-added-confirmation:focus-visible {
background: #f0f0f0 !important;
border-color: #f0f0f0 !important;
color: var(--tkb-orange, #ff9900) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form
.tkb-product-cart-check {
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form
.tkb-simple-purchase-error {
width: 100% !important;
margin: 10px 0 0 !important;
padding: 8px 10px !important;
color: #8b3131 !important;
background: #fff0f0 !important;
border: 1px solid #efcaca !important;
border-radius: 7px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
box-sizing: border-box !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form
.tkb-simple-purchase-error[hidden] {
display: none !important;
} @media (min-width: 768px) and (max-width: 1240px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row {
grid-template-columns: minmax(145px, max-content) minmax(0, 1fr) !important;
grid-template-rows: auto minmax(48px, auto) !important;
column-gap: var(--tkbpp-ui-gap) !important;
row-gap: var(--tkbpp-ui-gap) !important;
align-items: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row > .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row > .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row .tkb-buy-row > .quantity {
grid-column: 1 !important;
grid-row: 2 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button {
grid-column: 2 !important;
grid-row: 2 !important;
justify-self: stretch !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
white-space: nowrap !important;
}
} @media (min-width: 768px) {
@container tkbpp-product-info (max-width: 620px) {
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row {
grid-template-columns: minmax(145px, max-content) minmax(0, 1fr) !important;
grid-template-rows: auto minmax(48px, auto) !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row > .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row > .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row .tkb-buy-row > .quantity {
grid-column: 1 !important;
grid-row: 2 !important;
}
body.tkb-product-design-v7.tkbpp-visual-system-v1:not(.tkb-family-pack)
form.cart.tkb-universal-purchase-form:not(.variations_form)
.tkb-universal-purchase-row .tkb-buy-row > .single_add_to_cart_button {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
max-width: none !important;
white-space: nowrap !important;
}
}
} body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row.tkb-universal-purchase-row--status-only {
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
grid-template-rows: auto !important;
align-items: center !important;
column-gap: 12px !important;
row-gap: 0 !important;
min-height: 64px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row.tkb-universal-purchase-row--status-only > .tkb-universal-price {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row.tkb-universal-purchase-row--status-only > .tkb-universal-stock {
grid-column: 2 !important;
grid-row: 1 !important;
display: inline-flex !important;
justify-self: end !important;
visibility: visible !important;
opacity: 1 !important;
max-width: none !important;
white-space: nowrap !important;
}
@media (max-width: 420px) {
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row.tkb-universal-purchase-row--status-only {
grid-template-columns: minmax(0, 1fr) max-content !important;
column-gap: 8px !important;
padding: 10px !important;
}
body.tkb-product-design-v7:not(.tkb-family-pack)
.tkb-universal-purchase-row.tkb-universal-purchase-row--status-only > .tkb-universal-stock {
max-width: 130px !important;
white-space: normal !important;
text-align: center !important;
}
}.woocommerce ul.products li.product {
position: relative;
} @supports (content-visibility: auto) {
body.tkb-product-archive .woocommerce ul.products > li.product:nth-child(n+17),
body.tkb-entity-product-archive .tkb-products ul.products > li.product:nth-child(n+17) {
content-visibility: auto;
contain-intrinsic-size: auto 520px;
}
} .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;
}
}