.et_pb_signup.et_block_module .et_pb_newsletter_form{padding-top:25px}.et_pb_signup .et_pb_newsletter_description,.et_pb_signup .et_pb_newsletter_form{float:none}.et_pb_subscribe .et_pb_contact_field input,.et_pb_subscribe .et_pb_contact_field textarea{-webkit-appearance:none;background-color:#eee;width:100%;border-width:0;border-radius:0;color:#999;font-size:14px;padding:16px;background-color:#fff}.et_pb_subscribe .et_pb_contact_field input[type=checkbox],.et_pb_subscribe .et_pb_contact_field input[type=radio]{margin:0;width:auto;max-width:none;padding:0;display:none}.et_pb_subscribe .et_pb_contact_field input[type=checkbox]+label,.et_pb_subscribe .et_pb_contact_field input[type=radio]+label{display:inline-block;vertical-align:middle;position:relative;cursor:pointer;line-height:1.7em;min-height:1.7em}.et_pb_subscribe .et_pb_contact_field input[type=checkbox]+label i,.et_pb_subscribe .et_pb_contact_field input[type=radio]+label i{content:"";width:18px;height:18px;background-color:#eee;font-style:normal;display:inline-block;vertical-align:middle;position:relative;margin-right:6px}.et_pb_subscribe .et_pb_contact_field input[type=checkbox]+label i,.et_pb_subscribe .et_pb_contact_field input[type=radio]+label i,.et_pb_subscribe .et_pb_contact_field input[type=text],.et_pb_subscribe .et_pb_contact_field select,.et_pb_subscribe .et_pb_contact_field textarea{background-color:#fff}.et_pb_subscribe .et_pb_contact_field input[type=checkbox]+label i,.et_pb_subscribe .et_pb_contact_field input[type=text],.et_pb_subscribe .et_pb_contact_field select,.et_pb_subscribe .et_pb_contact_field textarea{border-radius:3px}.et_pb_subscribe .et_pb_contact_field input[type=radio]+label i{border-radius:50%}.et_pb_subscribe .et_pb_contact_field input[type=checkbox]:checked+label i:before,.et_pb_subscribe .et_pb_contact_field input[type=radio]:checked+label i:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.et_pb_subscribe .et_pb_contact_field input[type=checkbox]:checked+label i:before{content:"N";font-family:ETmodules;color:#2ea3f2;font-size:13px;font-weight:600;line-height:17px;text-align:center}.et_pb_subscribe .et_pb_contact_field input[type=radio]:checked+label i:before{background:#2ea3f2;border-radius:50%;width:6px;height:6px}.et_pb_subscribe .et_pb_contact_field input[type=checkbox]~input[type=text]{display:none!important}.et_pb_subscribe .et_pb_contact_field textarea{font-family:inherit}.et_pb_newsletter.et_pb_subscribe .et_pb_newsletter_description,.et_pb_newsletter.et_pb_subscribe .et_pb_newsletter_form{width:100%}.et_pb_feedburner_form .et_pb_newsletter_button{margin:0;width:100%;cursor:pointer}.et_subscribe_loader{display:none;background:url(//teknoboutik.com/wp-content/themes/Divi/includes/builder/styles/images/subscribe-loader.gif);width:16px;height:16px;position:absolute;left:50%;top:16px;margin-left:-8px}.et_pb_button_text_loading .et_pb_newsletter_button_text{visibility:hidden}.et_pb_feedburner_form form{text-align:left}.et_pb_feedburner_form ::-webkit-input-placeholder{color:#666}.et_pb_feedburner_form ::-moz-placeholder{color:#666}.et_pb_feedburner_form :-ms-input-placeholder{color:#666}.et_pb_newsletter .et_pb_newsletter_description,.et_pb_newsletter .et_pb_newsletter_form{position:relative}
.et_pb_bg_layout_light .et_pb_newsletter_button{color:#2ea3f2}.et_pb_with_border .et_pb_newsletter_form .input[type=checkbox]+label i,.et_pb_with_border .et_pb_newsletter_form .input[type=radio]+label i,.et_pb_with_border .et_pb_newsletter_form input,.et_pb_with_border .et_pb_newsletter_form select,.et_pb_with_border .et_pb_newsletter_form textarea,.et_pb_with_focus_border .et_pb_newsletter_form input:focus{border:0 solid #333}.et_pb_newsletter_description{word-wrap:break-word}.et_pb_newsletter_form p.et_pb_newsletter_field.et_pb_signup_custom_field{padding-left:0}.et_pb_newsletter p .et_pb_signup_error{border:1px solid red!important}.et_pb_newsletter{padding:25px}.et_pb_newsletter .et_pb_module_header:empty{display:none}.et_pb_newsletter_description p:last-of-type{padding-bottom:0}.et_pb_newsletter_description_no_title.et_pb_newsletter_description_no_content .et_pb_newsletter_form{order:2}.et_pb_newsletter_form p.et_pb_newsletter_field{margin-bottom:0;padding-bottom:0}.et_block_module>.et_pb_newsletter_form p.et_pb_newsletter_field{padding-bottom:1em}.et_pb_newsletter_form .input,.et_pb_newsletter_form input[type=password],.et_pb_newsletter_form input[type=text],.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text],.et_pb_newsletter_form p.et_pb_newsletter_field textarea,.et_pb_newsletter_form select,.et_pb_newsletter_form textarea{-webkit-appearance:none;padding:14px 4%!important;font-size:16px;color:#666;background-color:#fff;width:100%;font-weight:400;border-width:0;border-radius:3px}.et_pb_newsletter_form .et_pb_newsletter_field[data-type=select]:after{margin-top:-3px}.et_pb_newsletter_form p .et_pb_subscribe_error{border:1px solid red!important}.et_pb_newsletter_result{display:none}.et_pb_newsletter_success{text-align:center}.et_pb_newsletter_button{color:inherit;width:100%;text-align:center;box-sizing:border-box}.et_pb_newsletter_button.et_pb_button{display:block}.et_pb_newsletter_button:hover{text-decoration:none}.et_pb_newsletter_button:hover:after{opacity:1;margin-left:0}.et_pb_newsletter_button_text{word-break:break-word}.et_pb_newsletter_fields,.et_pb_newsletter_footer{width:100%}.et_pb_newsletter_footer{margin-top:20px}.et_pb_newsletter_footer:empty{margin-top:0}.et_pb_newsletter .et_pb_newsletter_fields{display:flex;flex-wrap:wrap;justify-content:space-between;--horizontal-gap:15px;--vertical-gap:15px;--horizontal-gap-parent:15px}.et_pb_newsletter .et_pb_newsletter_fields>*{flex-basis:100%}.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half{flex-basis:48.5%}.et_pb_newsletter_layout_bottom_top .et_pb_newsletter_description,.et_pb_newsletter_layout_right_left .et_pb_newsletter_description{order:1}.et_pb_newsletter .et_pb_contact_field_last+.et_pb_newsletter_field{padding-left:0}.et_pb_newsletter .et_pb_contact_field--hidden{display:none}@media (max-width:980px){p.et_pb_contact_field.et_pb_contact_field_last_tablet+p.et_pb_contact_field.et_pb_contact_field_last_tablet,p.et_pb_contact_field_half_tablet+p.et_pb_contact_field_last_tablet:not(.et_pb_contact_field_half_tablet){clear:both}.et_pb_newsletter .et_pb_contact_field_last_tablet+.et_pb_newsletter_field{padding-left:0}.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half_tablet{flex-basis:48.5%}.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_last_tablet{flex-basis:100%}.et_pb_bg_layout_light_tablet .et_pb_newsletter_button{color:#2ea3f2}.et_pb_bg_layout_dark_tablet .et_pb_newsletter_button{color:inherit}}@media (max-width:767px){.et_pb_newsletter .et_pb_contact_field_last_phone+.et_pb_newsletter_field{padding-left:0}.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half_phone{flex-basis:48.5%}.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_last_phone{flex-basis:100%}.et_pb_bg_layout_light_phone .et_pb_newsletter_button{color:#2ea3f2}.et_pb_bg_layout_dark_phone .et_pb_newsletter_button{color:inherit}}.gecko .et_pb_newsletter .et_pb_newsletter_field{margin-bottom:1vw}body .grecaptcha-badge{visibility:hidden}body.et_pb_recaptcha_enabled .grecaptcha-badge{visibility:initial;z-index:9999}
.et_pb_contact_form_label{display:none}.et_pb_with_border.et_pb_contact_field .input[type=checkbox]+label i,.et_pb_with_border.et_pb_contact_field .input[type=radio]+label i,.et_pb_with_border.et_pb_contact_field input,.et_pb_with_border.et_pb_contact_field select,.et_pb_with_border.et_pb_contact_field textarea{border:0 solid #333}.et_pb_contact_field.et_pb_text_align_center .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_center .et_pb_contact_field_radio_title,.et_pb_contact_field.et_pb_text_align_justified .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_justified .et_pb_contact_field_radio_title,.et_pb_contact_field.et_pb_text_align_right .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_right .et_pb_contact_field_radio_title{float:none}.et_pb_contact_field.et_pb_text_align_center .et_pb_contact_field_radio_wrapper,.et_pb_contact_field.et_pb_text_align_justified .et_pb_contact_field_radio_wrapper,.et_pb_contact_field.et_pb_text_align_right .et_pb_contact_field_radio_wrapper{display:flex}.et_pb_contact_field.et_pb_text_align_center .et_pb_contact_field_radio_wrapper{justify-content:center}.et_pb_contact_field.et_pb_text_align_right .et_pb_contact_field_radio_wrapper{justify-content:flex-end}.et_pb_contact_field.et_pb_text_align_justified .et_pb_contact_field_radio_wrapper{justify-content:space-between}.et_pb_contact_field_options_list label a:empty:before{content:"\E906";font-family:ETmodules;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-style:normal;display:inline-block;box-sizing:border-box;font-size:16px}.et_pb_contact_field[data-type=booleancheckbox] .et_pb_contact_field_options_title{display:inline-block}.et_pb_contact_field[data-type=select]{position:relative}.et_pb_contact_field[data-type=select]:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-top-color:#666;margin-top:3px;pointer-events:none}p.et_pb_contact_field{padding:0 0 0 3%;margin-bottom:3%;background-position:50%;background-size:cover}p.et_pb_contact_field.et_pb_contact_field_last+p.et_pb_contact_field.et_pb_contact_field_last,p.et_pb_contact_field:not(.et_pb_contact_field_last),p.et_pb_contact_field_half+p.et_pb_contact_field_last:not(.et_pb_contact_field_half){clear:both}.et_pb_contact_field.et_pb_section_parallax,.et_pb_contact_field.et_pb_section_video,.et_pb_contact_field :where(:not(.et-vb-ui)){position:relative}.et_pb_contact_field a{color:inherit;font-weight:700;text-decoration:underline}.et_pb_contact_select{color:#999;background-color:#eee;padding:16px 20px 16px 16px;font-size:14px;box-sizing:border-box;width:100%;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0}.et_pb_contact_select::-ms-expand{display:none}.et_pb_contact_field_options_wrapper{display:block}.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title{margin-bottom:.5em;font-weight:600}.et_pb_contact_field_options_wrapper:after{clear:both;content:" ";display:block}.et_pb_contact_field_checkbox,.et_pb_contact_field_options_title,.et_pb_contact_field_radio,.et_pb_contact_field_select_title{display:block}.et_pb_contact_field_radio_title,.et_pb_contact_field_select_title{font-size:16px;padding-bottom:4px}.et_pb_contact_field textarea.et_pb_contact_message{min-height:150px;display:block}@media (max-width:980px){.et_pb_contact_field.et_pb_text_align_center-tablet .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_center-tablet .et_pb_contact_field_radio_title,.et_pb_contact_field.et_pb_text_align_justified-tablet .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_justified-tablet .et_pb_contact_field_radio_title,.et_pb_contact_field.et_pb_text_align_right-tablet .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_right-tablet .et_pb_contact_field_radio_title{float:none}.et_pb_contact_field.et_pb_text_align_center-tablet .et_pb_contact_field_radio_wrapper,.et_pb_contact_field.et_pb_text_align_justified-tablet .et_pb_contact_field_radio_wrapper,.et_pb_contact_field.et_pb_text_align_right-tablet .et_pb_contact_field_radio_wrapper{display:flex}.et_pb_contact_field.et_pb_text_align_center-tablet .et_pb_contact_field_radio_wrapper{justify-content:center}.et_pb_contact_field.et_pb_text_align_right-tablet .et_pb_contact_field_radio_wrapper{justify-content:flex-end}.et_pb_contact_field.et_pb_text_align_justified-tablet .et_pb_contact_field_radio_wrapper{justify-content:space-between}}@media (max-width:767px){.et_pb_contact_field.et_pb_text_align_center-phone .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_center-phone .et_pb_contact_field_radio_title,.et_pb_contact_field.et_pb_text_align_justified-phone .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_justified-phone .et_pb_contact_field_radio_title,.et_pb_contact_field.et_pb_text_align_right-phone .et_pb_contact_field_radio_list,.et_pb_contact_field.et_pb_text_align_right-phone .et_pb_contact_field_radio_title{float:none}.et_pb_contact_field.et_pb_text_align_center-phone .et_pb_contact_field_radio_wrapper,.et_pb_contact_field.et_pb_text_align_justified-phone .et_pb_contact_field_radio_wrapper,.et_pb_contact_field.et_pb_text_align_right-phone .et_pb_contact_field_radio_wrapper{display:flex}.et_pb_contact_field.et_pb_text_align_center-phone .et_pb_contact_field_radio_wrapper{justify-content:center}.et_pb_contact_field.et_pb_text_align_right-phone .et_pb_contact_field_radio_wrapper{justify-content:flex-end}.et_pb_contact_field.et_pb_text_align_justified-phone .et_pb_contact_field_radio_wrapper{justify-content:space-between}p.et_pb_contact_field.et_pb_contact_field_last_phone+p.et_pb_contact_field.et_pb_contact_field_last_phone,p.et_pb_contact_field_half_phone+p.et_pb_contact_field_last_phone:not(.et_pb_contact_field_half_phone){clear:both}}
.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}
.et_pb_module.et_pb_social_media_follow{list-style-type:none!important;margin:0 0 22px;padding:0;--vertical-gap:10px;--horizontal-gap:10px;--flex-direction:row}.et_pb_social_media_follow_network{position:relative;flex-direction:row;align-items:center;--vertical-gap:10px;--horizontal-gap:10px}.et_pb_social_media_follow_network.et_block_module{display:inline-block;margin-bottom:10px;margin-right:10px}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network{display:inline-block;margin-bottom:0!important}.et_pb_social_media_follow_network a{display:inline-block;text-decoration:none;text-align:center;position:relative}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network{margin-right:10px}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network:last-child{margin-right:0}.et_pb_social_media_follow_network a.follow_button{padding:0 12px;font-size:14px;line-height:1.6em;background:rgba(0,0,0,.1);color:rgba(0,0,0,.5);border-radius:3px;border-width:0;border-style:solid;transition:all .3s}.et_block_module.et_pb_social_media_follow_network a.follow_button{margin-top:5px;margin-right:10px}.et_pb_social_media_follow_network.last-child a,.et_pb_social_media_follow_network:last-child a{margin-right:0}.et_pb_social_media_follow.has_follow_button .et_pb_social_media_follow_network.et_block_module a.icon{margin-right:10px}.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_social_media_follow.et_pb_bg_layout_dark .et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_social_media_follow.et_pb_bg_layout_dark .et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}.et_pb_social_media_follow_network a.icon{height:32px;width:32px;padding:0;box-sizing:content-box}.et_pb_social_media_follow_network a.icon:hover:before{color:hsla(0,0%,100%,.7)}.et_pb_social_media_follow_network a.icon{border-radius:3px}.et_pb_social_media_follow_network_name{display:none}.et_pb_social_icon a.icon{vertical-align:middle}.et_pb_social_icon a.icon:before{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr;height:32px;width:32px;font-size:16px;line-height:32px;display:block;color:#fff;transition:color .3s;position:relative;z-index:10}.et-pb-social-fa-icon a.icon:before{font-family:FontAwesome}.et-social-telegram a.icon:before{content:"\F3FE"}.et-social-amazon a.icon:before{content:"\F270"}.et-social-bandcamp a.icon:before{content:"\F2D5"}.et-social-bitbucket a.icon:before{content:"\F171"}.et-social-behance a.icon:before{content:"\F1B4"}.et-social-buffer a.icon:before{content:"\F837"}.et-social-codepen a.icon:before{content:"\F1CB"}.et-social-deviantart a.icon:before{content:"\F1BD"}.et-social-flipboard a.icon:before{content:"\F44D"}.et-social-foursquare a.icon:before{content:"\F180"}.et-social-github a.icon:before{content:"\F09B"}.et-social-goodreads a.icon:before{content:"\F3A9"}.et-social-google a.icon:before{content:"\F1A0"}.et-social-houzz a.icon:before{content:"\F27C"}.et-social-itunes a.icon:before{content:"\F3B5"}.et-social-last_fm a.icon:before{content:"\F202"}.et-social-line a.icon:before{content:"\F3C0"}.et-social-medium a.icon:before,.et-social-meetup a.icon:before{content:"\F3C7"}.et-social-odnoklassniki a.icon:before{content:"\F263"}.et-social-patreon a.icon:before{content:"\F3D9"}.et-social-periscope a.icon:before{content:"\F3DA"}.et-social-quora a.icon:before{content:"\F2C4"}.et-social-researchgate a.icon:before{content:"\F4F8"}.et-social-reddit a.icon:before{content:"\F281"}.et-social-snapchat a.icon:before{content:"\F2AC"}.et-social-soundcloud a.icon:before{content:"\F1BE"}.et-social-spotify a.icon:before{content:"\F1BC"}.et-social-steam a.icon:before{content:"\F3F6"}.et-social-tripadvisor a.icon:before{content:"\F262"}.et-social-tiktok a.icon:before{content:"\E07B"}.et-social-twitch a.icon:before{content:"\F1E8"}.et-social-vk a.icon:before{content:"\F189"}.et-social-weibo a.icon:before{content:"\F18A"}.et-social-whatsapp a.icon:before{content:"\F232"}.et-social-xing a.icon:before{content:"\F168"}.et-social-yelp a.icon:before{content:"\F1E9"}.et-social-pinterest a.icon:before{content:"\E095"}.et-social-linkedin a.icon:before{content:"\E09D"}.et-social-tumblr a.icon:before{content:"\E097"}.et-social-skype a.icon:before{content:"\E0A2"}.et-social-flikr a.icon:before{content:"\E0A6"}.et-social-myspace a.icon:before{content:"\E0A1"}.et-social-dribbble a.icon:before{content:"\E09B"}.et-social-youtube a.icon:before{content:"\E0A3"}.et-social-vimeo a.icon:before{content:"\E09C"}@media (max-width:980px){.et_pb_bg_layout_light_tablet.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_tablet.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}@media (max-width:767px){.et_pb_bg_layout_light_phone.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_phone.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}.rtl .et_block_module.et_pb_social_media_follow_network a{margin-left:10px;margin-right:0}
.et_pb_text{word-wrap:break-word;line-height:var(--et_global_body_font_height,1.7em)}.et_pb_text ol,.et_pb_text ul{padding-bottom:1em}.et_pb_text>:last-child{padding-bottom:0}.et_pb_text_inner{position:relative}.tbkss-form {
position: relative !important;
}
.tkbss-form,
.tkbss-form * {
box-sizing: border-box;
}
.tbkss-panel[hidden] {
display: none !important;
}
.tbkss-panel {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: min(760px, calc(100vw - 16px));
max-height: min(74vh, 720px);
display: flex;
flex-direction: column;
overflow: hidden;
color: #f7f7f7;
background: #111;
border: 1px solid rgba(255, 121, 0, .75);
border-radius: 14px;
box-shadow: 0 18px 50px rgba(0, 0, 0, .42);
text-align: left;
}
.tbkss-panel-top {
display: none;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 50px;
padding: 10px 14px;
border-bottom: 1px solid #2c2c2c;
}
.tbkss-close {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
padding: 0;
border: 0;
border-radius: 50%;
color: #fff;
background: #2b2b2b;
font-size: 26px;
line-height: 1;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
.tbkss-content {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
scrollbar-width: thin;
}
.tbkss-section {
padding: 10px 12px 4px;
}
.tbkss-section + .tbkss-section {
border-top: 1px solid #292929;
}
.tbkss-section h3 {
margin: 0 0 7px !important;
color: #ff7900 !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .08em;
line-height: 1.3 !important;
text-transform: uppercase;
}
.tbkss-items {
display: grid;
gap: 4px;
}
.tbkss-product,
.tbkss-entity,
.tbkss-all {
color: inherit !important;
text-decoration: none !important;
outline: none;
}
.tbkss-product {
display: grid;
grid-template-columns: 62px minmax(0, 1fr) auto;
align-items: center;
gap: 11px;
min-height: 68px;
padding: 6px;
width: 100%;
min-width: 0;
overflow: hidden;
border-radius: 10px;
}
.tbkss-product:hover,
.tbkss-product.is-active,
.tbkss-entity:hover,
.tbkss-entity.is-active,
.tbkss-all:hover,
.tbkss-all.is-active {
background: #242424;
}
.tbkss-product-image {
position: relative;
display: block;
width: 62px;
height: 62px;
overflow: hidden;
border-radius: 8px;
background: #242424;
}
.tbkss-product-image img,
.tbkss-image-placeholder {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tbkss-badge {
position: absolute;
top: 4px;
right: 4px;
max-width: calc(100% - 8px);
padding: 2px 5px;
overflow: hidden;
border-radius: 5px;
color: #111;
background: #ff7900;
font-size: 8px;
font-weight: 900;
line-height: 1.15;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.tbkss-badge.is-out {
color: #eee;
background: #555;
}
.tbkss-product-copy {
min-width: 0;
}
.tbkss-product-copy strong,
.tbkss-entity strong {
display: -webkit-box;
overflow: hidden;
color: #fff;
font-size: 14px;
font-weight: 750;
line-height: 1.25;
text-overflow: ellipsis;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.tbkss-product-copy small,
.tbkss-entity small,
.tbkss-product-commerce small {
display: block;
margin-top: 4px;
color: #bdbdbd;
font-size: 11px;
line-height: 1.25;
}
.tbkss-product-commerce {
min-width: 80px;
max-width: 170px;
overflow: hidden;
text-align: right;
}
.tbkss-price {
display: flex;
align-items: baseline;
justify-content: flex-end;
gap: 6px;
max-width: 100%;
overflow: hidden;
color: #ff7900;
font-size: 14px;
font-weight: 850;
white-space: nowrap;
}
.tbkss-price-current {
overflow: hidden;
text-overflow: ellipsis;
}
.tbkss-price-old {
flex: 0 0 auto;
color: #8f8f8f;
font-size: 11px;
font-weight: 650;
text-decoration: line-through;
}
.tbkss-product-commerce .is-out {
color: #999;
}
.tbkss-entity {
display: grid;
grid-template-columns: 38px minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
min-height: 48px;
padding: 5px 8px;
border-radius: 9px;
}
.tbkss-entity-media {
display: grid;
place-items: center;
width: 36px;
height: 36px;
overflow: hidden;
border-radius: 50%;
background: #2a2a2a;
}
.tbkss-entity-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tbkss-entity-icon {
color: #ff7900;
font-weight: 900;
}
.tbkss-footer[hidden] {
display: none !important;
}
.tbkss-footer {
flex: 0 0 auto;
padding: 8px 12px 12px;
border-top: 1px solid rgba(255, 121, 0, .38);
background: #111;
box-shadow: 0 -10px 24px rgba(0, 0, 0, .28);
}
.tbkss-all {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 0;
padding: 12px 14px;
border: 1px solid rgba(255, 121, 0, .72);
border-radius: 10px;
color: #fff !important;
background: #181818;
font-size: 13px;
font-weight: 800;
}
.tbkss-all > span:first-child {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbkss-message,
.tbkss-loading {
padding: 28px 18px;
color: #ccc;
text-align: center;
}
.tbkss-loading span {
display: inline-block;
width: 7px;
height: 7px;
margin: 0 3px;
border-radius: 50%;
background: #ff7900;
animation: tbkssPulse 1s infinite ease-in-out;
}
.tbkss-loading span:nth-child(2) { animation-delay: .13s; }
.tbkss-loading span:nth-child(3) { animation-delay: .26s; }
.tbkss-loading p { margin: 10px 0 0; }
@keyframes tbkssPulse {
0%, 100% { opacity: .25; transform: translateY(0); }
50% { opacity: 1; transform: translateY(-3px); }
}
@media (max-width: 767px) {
html.tbkss-mobile-open {
overflow: hidden;
}
.tbkss-panel {
position: fixed;
right: 8px;
bottom: 8px;
left: 8px;
width: auto;
max-height: none;
border-radius: 13px;
}
.tbkss-panel-top {
display: flex;
}
.tbkss-content {
max-height: none;
}
.tbkss-footer {
padding-bottom: max(12px, env(safe-area-inset-bottom));
}
.tbkss-product {
grid-template-columns: 56px minmax(0, 1fr);
}
.tbkss-product-image {
width: 56px;
height: 56px;
}
.tbkss-product-commerce {
grid-column: 2;
display: flex;
align-items: center;
justify-content: space-between;
min-width: 0;
margin-top: -3px;
text-align: left;
}
.tbkss-product-commerce small {
margin: 0 0 0 8px;
}
} .tbkss-section-best {
padding-top: 12px;
padding-bottom: 9px;
background: linear-gradient(180deg, rgba(255,121,0,.10), rgba(255,121,0,.025));
border-bottom: 1px solid rgba(255,121,0,.34);
}
.tbkss-section-best .tbkss-entity,
.tbkss-section-best .tbkss-product {
min-height: 76px;
padding: 10px;
border: 1px solid rgba(255,121,0,.55);
background: #191919;
}
.tbkss-section-best .tbkss-entity-media {
width: 46px;
height: 46px;
}
.tbkss-section-best .tbkss-entity {
grid-template-columns: 48px minmax(0, 1fr) auto;
}
.tbkss-section-best strong {
font-size: 16px;
}
.tbkss-correction{padding:10px 14px;border-bottom:1px solid rgba(255,121,0,.35);background:rgba(255,121,0,.08);color:#fff;font-size:13px;font-weight:700}
.tbkss-correction span{color:#ff8a00} .tbkss-panel {
background:
radial-gradient(circle at 12% -10%, rgba(255,121,0,.16), transparent 34%),
linear-gradient(180deg, #151515 0%, #0d0d0d 100%);
border-color: rgba(255,121,0,.55);
border-radius: 18px;
box-shadow: 0 28px 80px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.035) inset;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
.tbkss-panel-top {
min-height: 52px;
padding: 11px 14px 10px 18px;
background: rgba(8,8,8,.78);
border-bottom: 1px solid rgba(255,255,255,.07);
}
.tbkss-panel-query {
max-width: calc(100% - 48px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
font-size: 13px;
letter-spacing: .02em;
}
.tbkss-close {
width: 34px;
height: 34px;
display: grid;
place-items: center;
border: 1px solid rgba(255,255,255,.11) !important;
border-radius: 50% !important;
color: #fff !important;
background: rgba(255,255,255,.055) !important;
font-size: 23px !important;
line-height: 1 !important;
transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.tbkss-close:hover,
.tbkss-close:focus-visible {
transform: rotate(90deg);
border-color: rgba(255,121,0,.65) !important;
background: rgba(255,121,0,.17) !important;
}
.tbkss-content {
scrollbar-width: thin;
scrollbar-color: rgba(255,121,0,.55) transparent;
}
.tbkss-content::-webkit-scrollbar { width: 7px; }
.tbkss-content::-webkit-scrollbar-thumb {
border-radius: 20px;
background: rgba(255,121,0,.55);
}
.tbkss-section h3 {
color: #ff9a3d;
font-size: 10px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.tbkss-product,
.tbkss-entity {
border-radius: 12px;
transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.tbkss-product:hover,
.tbkss-product.is-active,
.tbkss-entity:hover,
.tbkss-entity.is-active {
transform: translateY(-1px);
background: linear-gradient(90deg, rgba(255,121,0,.13), rgba(255,255,255,.045));
box-shadow: 0 10px 24px rgba(0,0,0,.20);
}
.tbkss-section-best .tbkss-product,
.tbkss-section-best .tbkss-entity {
background: linear-gradient(115deg, rgba(255,121,0,.18), rgba(255,121,0,.045));
border: 1px solid rgba(255,121,0,.32);
box-shadow: 0 12px 30px rgba(0,0,0,.22);
}
.tbkss-product-image,
.tbkss-entity-media {
box-shadow: 0 8px 20px rgba(0,0,0,.28);
}
.tbkss-footer {
background: rgba(8,8,8,.94);
border-top: 1px solid rgba(255,121,0,.22);
box-shadow: 0 -10px 26px rgba(0,0,0,.24);
}
.tbkss-all {
border-radius: 12px;
background: linear-gradient(135deg, #ff7900, #ff9b35);
box-shadow: 0 8px 20px rgba(255,121,0,.20);
font-weight: 800;
}
.tbkss-all:hover,
.tbkss-all.is-active {
filter: brightness(1.06);
transform: translateY(-1px);
}
.tbkss-discovery-hero {
position: relative;
margin: 14px 14px 6px;
padding: 20px;
overflow: hidden;
border: 1px solid rgba(255,121,0,.24);
border-radius: 16px;
background: linear-gradient(135deg, rgba(255,121,0,.18), rgba(255,255,255,.035));
}
.tbkss-discovery-hero::after {
content: "⌕";
position: absolute;
right: 16px;
top: 5px;
color: rgba(255,121,0,.13);
font-size: 76px;
line-height: 1;
transform: rotate(-12deg);
}
.tbkss-discovery-hero > * {
position: relative;
z-index: 1;
display: block;
}
.tbkss-discovery-kicker {
margin-bottom: 7px;
color: #ff9a3d;
font-size: 10px;
font-weight: 900;
letter-spacing: .15em;
text-transform: uppercase;
}
.tbkss-discovery-hero strong {
max-width: 440px;
color: #fff;
font-size: 19px;
line-height: 1.2;
}
.tbkss-discovery-hero small {
margin-top: 7px;
color: rgba(255,255,255,.62);
font-size: 12px;
}
.tbkss-section-chips {
padding: 12px 14px 6px;
}
.tbkss-heading-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbkss-heading-row button {
padding: 4px 0 !important;
border: 0 !important;
color: rgba(255,255,255,.52) !important;
background: none !important;
font-size: 11px !important;
cursor: pointer;
}
.tbkss-heading-row button:hover { color: #ff9a3d !important; }
.tbkss-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 9px;
}
.tbkss-chip {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 38px;
padding: 8px 13px !important;
border: 1px solid rgba(255,255,255,.10) !important;
border-radius: 999px !important;
color: rgba(255,255,255,.90) !important;
background: rgba(255,255,255,.055) !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer;
transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
.tbkss-chip span { color: #ff8b22; }
.tbkss-chip:hover,
.tbkss-chip:focus-visible {
transform: translateY(-1px);
border-color: rgba(255,121,0,.42) !important;
background: rgba(255,121,0,.12) !important;
}
.tbkss-chip.is-popular {
background: linear-gradient(110deg, rgba(255,121,0,.11), rgba(255,255,255,.04)) !important;
}
.tbkss-empty-state {
display: flex;
min-height: 250px;
padding: 34px 20px;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.tbkss-empty-icon {
width: 62px;
height: 62px;
display: grid;
margin-bottom: 15px;
place-items: center;
border: 1px solid rgba(255,121,0,.28);
border-radius: 50%;
color: #ff8b22;
background: rgba(255,121,0,.10);
font-size: 31px;
}
.tbkss-empty-state strong {
color: #fff;
font-size: 19px;
}
.tbkss-empty-state p {
margin: 7px 0 3px;
color: rgba(255,255,255,.77);
font-size: 14px;
}
.tbkss-empty-state small {
max-width: 430px;
color: rgba(255,255,255,.48);
line-height: 1.5;
}
.tbkss-correction-action {
display: flex;
width: min(100%, 430px);
min-height: 46px;
margin-top: 18px;
padding: 11px 15px !important;
align-items: center;
justify-content: space-between;
border: 1px solid rgba(255,121,0,.35) !important;
border-radius: 12px !important;
color: #fff !important;
background: linear-gradient(110deg, rgba(255,121,0,.18), rgba(255,121,0,.06)) !important;
font-weight: 800 !important;
cursor: pointer;
}
@media (max-width: 767px) {
.tbkss-panel {
border-radius: 16px;
max-height: none;
}
.tbkss-panel-top {
min-height: 50px;
padding-left: 14px;
}
.tbkss-discovery-hero {
margin: 10px 10px 4px;
padding: 17px;
}
.tbkss-discovery-hero strong {
max-width: 260px;
font-size: 17px;
}
.tbkss-section-chips { padding: 12px 10px 5px; }
.tbkss-chip { min-height: 42px; }
.tbkss-product { padding: 9px; }
}
@media (prefers-reduced-motion: reduce) {
.tbkss-panel *, .tbkss-panel *::before, .tbkss-panel *::after {
scroll-behavior: auto !important;
transition: none !important;
animation: none !important;
}
} .tbkss-status {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
}
.tbkss-close {
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
}
.tbkss-chip,
.tbkss-correction-action {
min-height: 44px !important;
}
@media (prefers-reduced-motion: reduce) {
.tbkss-close,
.tbkss-product,
.tbkss-entity,
.tbkss-all,
.tbkss-chip,
.tbkss-loading span {
animation: none !important;
transition: none !important;
transform: none !important;
}
}body.tkbpp-recommendations-enabled .related.products,
body.tkbpp-recommendations-enabled .upsells.products,
body.tkbpp-recommendations-enabled .et_pb_wc_related_products,
body.tkbpp-recommendations-enabled .et_pb_wc_upsells {
display: none !important;
}
.tkbpp-recommendations-root {
display: grid;
gap: 16px;
width: 90%;
max-width: 1320px;
min-width: 0;
margin: 16px auto 0;
overflow: hidden;
}
.tkbpp-recommendations-root[hidden] {
display: none !important;
}
.tkbpp-recommendations-root.tkbpp-recommendations-root--embedded {
width: 100%;
max-width: none;
margin-right: 0;
margin-left: 0;
}
.tkbpp-recommendation-section {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
padding: 22px 24px 24px;
background: #fff;
border: 1px solid #e2e5e8;
border-radius: 9px;
box-shadow: 0 7px 24px rgba(20, 25, 30, .04);
}
.tkbpp-recommendation-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin-bottom: 17px;
padding-bottom: 12px;
border-bottom: 1px solid #e7e9eb;
}
.tkbpp-recommendation-header h2 {
margin: 0 !important;
padding: 0 !important;
font-size: clamp(20px, 2vw, 27px) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
color: #1f252a !important;
}
.tkbpp-recommendation-header p {
margin: 6px 0 0 !important;
max-width: 760px;
font-size: 13px;
line-height: 1.45;
color: #777f86;
}
.tkbpp-recommendation-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
width: 100%;
max-width: 100%;
min-width: 0;
}
.tkbpp-recommendation-carousel {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
}
.tkbpp-carousel-arrow {
display: none;
} .tkbpp-recommendation-card:nth-child(n+6) {
display: none;
}
.tkbpp-recommendation-card {
display: flex;
min-width: 0;
flex-direction: column;
margin: 0;
padding: 12px;
background: #fff;
border: 1px solid #e5e7e9;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .07);
overflow: hidden;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tkbpp-recommendation-card:hover {
transform: translateY(-3px);
border-color: #d3d7da;
box-shadow: 0 9px 21px rgba(20, 25, 30, .12);
}
.tkbpp-recommendation-card__image-link,
.tkbpp-recommendation-card__body-link {
display: block;
width: 100%;
color: inherit !important;
text-decoration: none !important;
}
.tkbpp-recommendation-card__body-link {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.tkbpp-recommendation-card__image {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 0 10px !important;
background: #f4f4f4;
border-radius: 6px;
overflow: hidden;
}
.tkbpp-recommendation-card__image img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover;
transition: transform .24s ease;
}
.tkbpp-recommendation-card:hover .tkbpp-recommendation-card__image img {
transform: scale(1.035);
}
.tkbpp-recommendation-card__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
min-width: 0;
padding: 0;
}
.tkbpp-recommendation-card__title {
display: -webkit-box;
width: 100%;
min-height: 2.56em;
max-height: 2.56em;
margin: 0 0 8px !important;
padding: 0 !important;
overflow: hidden;
color: #111 !important;
font-size: 13.5px !important;
font-weight: 800 !important;
line-height: 1.28em !important;
text-align: left;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.tkbpp-recommendation-card__entities {
display: block;
width: 100%;
min-height: 40px;
max-height: 40px;
margin: 0 0 8px !important;
padding: 0 !important;
overflow: hidden;
color: #555 !important;
font-size: 10px !important;
line-height: 1.25 !important;
text-align: left !important;
}
.tkbpp-recommendation-card__entities.tkb-card-entities-empty {
visibility: hidden;
}
.tkbpp-recommendation-card__entities .tkb-entity-line {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 14px;
max-height: 14px;
margin: 0 0 2px !important;
padding: 0 !important;
overflow: hidden !important;
font-size: inherit !important;
line-height: 14px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tkbpp-recommendation-card__entities .tkb-entity-label {
color: #111 !important;
font-weight: 900 !important;
}
.tkbpp-recommendation-card__entities .tkb-entity-text {
color: #666 !important;
font-weight: 700 !important;
}
.tkbpp-recommendation-card__bottom {
display: flex !important;
flex: 0 0 auto;
align-items: center !important;
justify-content: space-between !important;
gap: 5px !important;
width: 100%;
margin-top: auto !important;
padding-top: 10px !important;
border-top: 1px solid #f0f0f0;
}
.tkbpp-recommendation-card__price {
display: flex;
flex: 1 1 auto;
min-width: 0;
align-items: center;
gap: 4px;
margin: 0;
padding: 0;
overflow: visible;
color: #111 !important;
font-size: 12.5px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap;
}
.tkbpp-recommendation-card__price .woocommerce-Price-amount,
.tkbpp-recommendation-card__price ins,
.tkbpp-recommendation-card__price ins .woocommerce-Price-amount {
color: inherit !important;
background: transparent !important;
text-decoration: none !important;
}
.tkbpp-recommendation-card__price del {
display: none !important;
}
.tkbpp-recommendation-card__price.is-sale ins,
.tkbpp-recommendation-card__price.is-sale ins .woocommerce-Price-amount {
color: #111 !important;
}
.tkbpp-recommendation-card__actions {
display: flex !important;
position: static !important;
flex: 0 0 auto;
align-items: center !important;
justify-content: flex-end !important;
gap: 5px !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto;
}
.tkbpp-recommendation-card__actions .tbk-play-btn,
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart {
display: inline-flex !important;
position: relative !important;
float: none !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
text-decoration: none !important;
transform: none;
cursor: pointer;
}
.tkbpp-recommendation-card__actions .tbk-play-btn {
width: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
background: #fff !important;
border: 2px solid var(--tkb-orange, #ff9900) !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tkbpp-recommendation-card__actions .tbk-play-btn.playing {
background: var(--tkb-orange, #ff9900) !important;
border-color: var(--tkb-orange, #ff9900) !important;
color: #111 !important;
}
.tkbpp-recommendation-card__actions .tbk-play-btn svg {
width: 10px !important;
height: 10px !important;
}
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart {
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
background: var(--tkb-orange, #ff9900) !important;
border: 2px solid var(--tkb-orange, #ff9900) !important;
color: #111 !important;
}
.tkbpp-recommendation-card__actions .tbk-play-btn:hover,
.tkbpp-recommendation-card__actions .tbk-play-btn:focus-visible {
background: #fff7e8 !important;
border-color: #e88b00 !important;
color: #111 !important;
outline: none !important;
}
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart:hover,
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart:focus-visible,
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart.added {
background: var(--tkb-orange-soft, #ffad24) !important;
border-color: var(--tkb-orange-soft, #ffad24) !important;
color: #000 !important;
outline: none !important;
}
.tkbpp-recommendation-card__actions .tbk-play-btn:focus-visible,
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 153, 0, .24) !important;
}
.tkbpp-recommendation-cart .tkbpp-check-icon {
display: none;
}
.tkbpp-recommendation-cart.added .tkbpp-cart-icon {
display: none;
}
.tkbpp-recommendation-cart.added .tkbpp-check-icon {
display: block;
}
.tkbpp-recommendation-card .added_to_cart {
display: none !important;
} body.tkb-product-design-v7 .tkb-review-emojis--fallback {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 7px 0 10px;
}
body.tkb-product-design-v7 .tkb-review-emojis--fallback button {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid #e0e3e5;
border-radius: 8px;
background: #fff;
font-size: 19px;
line-height: 1;
cursor: pointer;
} body.tkb-product-design-v7 .comment-form-rating .stars ~ .stars {
display: none !important;
} body.tkbpp-recommendations-enabled,
body.tkbpp-recommendations-enabled #page-container,
body.tkbpp-recommendations-enabled #et-main-area,
body.tkbpp-recommendations-enabled #main-content {
max-width: 100%;
overflow-x: hidden;
overflow-x: clip;
}
@media (max-width: 980px) {
.tkbpp-recommendation-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.tkbpp-recommendations-root {
width: calc(100% - 24px);
max-width: calc(100% - 24px);
min-width: 0;
gap: 12px;
margin-top: 12px;
overflow: hidden;
}
.tkbpp-recommendations-root.tkbpp-recommendations-root--embedded {
width: 100%;
max-width: 100%;
}
.tkbpp-recommendation-section {
max-width: 100%;
min-width: 0;
padding: 18px 14px 14px;
overflow: hidden;
contain: inline-size;
}
.tkbpp-recommendation-header {
align-items: center;
margin-bottom: 13px;
padding-bottom: 10px;
}
.tkbpp-recommendation-header > div {
min-width: 0;
}
.tkbpp-recommendation-header p {
font-size: 12px;
}
.tkbpp-recommendation-carousel {
position: relative;
margin: 0;
}
.tkbpp-carousel-arrow {
position: absolute;
top: 42%;
z-index: 20;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
margin: 0;
padding: 0;
border: 2px solid #fff;
border-radius: 50%;
background: var(--tkb-orange, #ff9900);
box-shadow: 0 4px 14px rgba(0,0,0,.23);
color: #111;
opacity: 0;
pointer-events: none;
transform: translateY(-50%) scale(.92);
transition: opacity .16s ease, transform .16s ease, background .16s ease;
}
.tkbpp-carousel-arrow svg {
display: block;
width: 17px;
height: 17px;
}
.tkbpp-carousel-arrow--prev {
left: 5px;
}
.tkbpp-carousel-arrow--next {
right: 5px;
}
.tkbpp-carousel-arrow.is-visible {
opacity: .98;
pointer-events: auto;
transform: translateY(-50%) scale(1);
}
.tkbpp-carousel-arrow.is-visible:hover,
.tkbpp-carousel-arrow.is-visible:focus-visible {
background: var(--tkb-orange-hover, #e68800);
color: #fff;
outline: none;
}
.tkbpp-recommendation-grid {
display: flex;
width: 100%;
max-width: 100%;
min-width: 0;
gap: 11px;
overflow-x: auto;
overflow-y: hidden;
padding: 1px 1px 10px;
scroll-snap-type: x mandatory;
scroll-padding-inline: 1px;
overscroll-behavior-x: contain;
touch-action: pan-x pan-y;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.tkbpp-recommendation-grid::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.tkbpp-recommendation-card,
.tkbpp-recommendation-card:nth-child(n+6) {
display: flex;
flex: 0 0 min(72vw, 255px);
max-width: min(72vw, 255px);
scroll-snap-align: start;
scroll-snap-stop: always;
}
} .tkbpp-recommendations-root--inline {
width: 100%;
max-width: none;
margin-top: 18px;
}
.tkbpp-recommendations-root--fallback {
display: grid;
} .tkbpp-recommendation-card__entities .tkb-entity-label {
display: none !important;
}
.tkbpp-recommendation-card__title,
.tkbpp-recommendation-card__price,
.tkbpp-recommendation-card__price .woocommerce-Price-amount {
color: #17191b !important;
} .tkbpp-recommendation-card__price,
.tkbpp-recommendation-card__price *,
.tkbpp-recommendation-card__price .woocommerce-Price-amount,
.tkbpp-recommendation-card__price .woocommerce-Price-currencySymbol,
.tkbpp-recommendation-card__price ins,
.tkbpp-recommendation-card__price ins * {
color: #17191b !important;
}
.tkbpp-recommendation-card__actions {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
}
.tkbpp-recommendation-card__actions > .tbk-play-btn,
.tkbpp-recommendation-card__actions > button[class*="play"],
.tkbpp-recommendation-card__actions > [class*="audio"] {
display: inline-flex !important;
position: relative !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid var(--tkb-orange, #ff9900) !important;
border-radius: 50% !important;
background: #fff !important;
color: var(--tkb-orange, #ff9900) !important;
box-shadow: none !important;
float: none !important;
}
@media (max-width: 767px) {
.tkbpp-recommendation-carousel {
padding-bottom: 50px !important;
}
.tkbpp-carousel-arrow {
top: auto !important;
bottom: 2px !important;
width: 38px !important;
height: 38px !important;
transform: scale(.92) !important;
}
.tkbpp-carousel-arrow--prev {
left: calc(50% - 43px) !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
left: calc(50% + 5px) !important;
right: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: scale(1) !important;
}
.tkbpp-recommendation-grid {
padding-bottom: 4px !important;
}
} .tkbpp-recommendation-card .tkbpp-recommendation-card__price,
.tkbpp-recommendation-card .tkbpp-recommendation-card__price *,
.tkbpp-recommendation-card .tkbpp-recommendation-card__price .amount,
.tkbpp-recommendation-card .tkbpp-recommendation-card__price .woocommerce-Price-amount,
.tkbpp-recommendation-card .tkbpp-recommendation-card__price .woocommerce-Price-currencySymbol,
.tkbpp-recommendation-card .tkbpp-recommendation-card__price bdi,
.tkbpp-recommendation-card .tkbpp-recommendation-card__price ins,
.tkbpp-recommendation-card .tkbpp-recommendation-card__price del {
color: #17191b !important;
}
.tkbpp-recommendation-card__actions {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
}
.tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
}
.tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap .tbk-play-btn,
.tkbpp-recommendation-card__actions .tbk-play-btn,
.tkbpp-recommendation-card__actions button[class*="play"],
.tkbpp-recommendation-card__actions [class*="audio"] button,
.tkbpp-recommendation-card__actions [class*="play"] button {
display: inline-flex !important;
position: relative !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid var(--tkb-orange, #ff9900) !important;
border-radius: 50% !important;
background: #fff !important;
color: var(--tkb-orange, #ff9900) !important;
box-shadow: none !important;
float: none !important;
vertical-align: middle !important;
}
@media (min-width: 768px) {
.tkbpp-recommendation-carousel {
padding-inline: 18px !important;
}
.tkbpp-carousel-arrow {
position: absolute !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
top: 50% !important;
bottom: auto !important;
width: 42px !important;
height: 42px !important;
transform: translateY(-50%) scale(.94) !important;
z-index: 20 !important;
}
.tkbpp-carousel-arrow--prev {
left: 0 !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
right: 0 !important;
left: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: translateY(-50%) scale(1) !important;
}
} .tkbpp-recommendation-card__price,
.tkbpp-recommendation-card__price *,
.tkbpp-recommendation-card__price .woocommerce-Price-amount,
.tkbpp-recommendation-card__price .woocommerce-Price-currencySymbol,
.tkbpp-recommendation-card__price ins,
.tkbpp-recommendation-card__price del,
.tkbpp-recommendation-card__price bdi {
color: #17191b !important;
}
@media (min-width: 768px) {
.tkbpp-recommendation-grid {
display: flex !important;
gap: 14px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 1px 1px 10px !important;
scroll-snap-type: x mandatory;
scroll-padding-inline: 1px;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.tkbpp-recommendation-grid::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.tkbpp-recommendation-card,
.tkbpp-recommendation-card:nth-child(n+6) {
display: flex !important;
flex: 0 0 calc((100% - 56px) / 5) !important;
max-width: calc((100% - 56px) / 5) !important;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.tkbpp-recommendation-carousel {
padding-inline: 22px !important;
}
.tkbpp-carousel-arrow {
position: absolute !important;
top: 50% !important;
bottom: auto !important;
width: 44px !important;
height: 44px !important;
transform: translateY(-50%) scale(.94) !important;
z-index: 24 !important;
}
.tkbpp-carousel-arrow--prev {
left: 0 !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
right: 0 !important;
left: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: translateY(-50%) scale(1) !important;
}
}
@media (max-width: 767px) {
.tkbpp-recommendation-carousel {
padding-inline: 16px !important;
padding-bottom: 0 !important;
}
.tkbpp-carousel-arrow {
position: absolute !important;
top: 50% !important;
bottom: auto !important;
width: 38px !important;
height: 38px !important;
transform: translateY(-50%) scale(.92) !important;
z-index: 24 !important;
}
.tkbpp-carousel-arrow--prev {
left: 0 !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
right: 0 !important;
left: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: translateY(-50%) scale(1) !important;
}
} .tkbpp-recommendation-carousel {
overflow: visible !important;
}
.tkbpp-carousel-arrow {
border: 1px solid rgba(255, 152, 0, .78) !important;
background: linear-gradient(145deg, #242424, #101010) !important;
color: #ff9d00 !important;
box-shadow:
0 7px 18px rgba(0, 0, 0, .2),
0 0 0 3px rgba(255, 152, 0, .08) !important;
opacity: 0 !important;
pointer-events: none !important;
transition:
opacity .16s ease,
transform .16s ease,
background .16s ease,
color .16s ease,
box-shadow .16s ease !important;
}
.tkbpp-carousel-arrow::after {
content: "";
position: absolute;
inset: 3px;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: inherit;
pointer-events: none;
}
.tkbpp-carousel-arrow svg {
position: relative;
z-index: 2;
width: 18px !important;
height: 18px !important;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .35));
}
.tkbpp-carousel-arrow.is-visible {
opacity: .96 !important;
pointer-events: auto !important;
}
.tkbpp-carousel-arrow.is-visible:hover,
.tkbpp-carousel-arrow.is-visible:focus-visible {
background: linear-gradient(145deg, #ffad22, #f08b00) !important;
color: #111 !important;
border-color: #ffb12d !important;
box-shadow:
0 9px 22px rgba(0, 0, 0, .24),
0 0 0 4px rgba(255, 152, 0, .14) !important;
outline: none !important;
}
@media (min-width: 768px) {
.tkbpp-recommendation-section {
overflow: visible !important;
}
.tkbpp-recommendation-carousel {
padding-inline: 6px !important;
}
.tkbpp-recommendation-grid {
cursor: grab;
user-select: none;
-webkit-user-select: none;
}
.tkbpp-recommendation-grid.is-mouse-dragging {
cursor: grabbing;
scroll-snap-type: none !important;
}
.tkbpp-recommendation-grid.is-mouse-dragging a,
.tkbpp-recommendation-grid.is-mouse-dragging button {
pointer-events: none !important;
}
.tkbpp-carousel-arrow {
top: 50% !important;
bottom: auto !important;
width: 46px !important;
height: 46px !important;
transform: translateY(-50%) scale(.94) !important;
}
.tkbpp-carousel-arrow--prev {
left: -18px !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
right: -18px !important;
left: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: translateY(-50%) scale(1) !important;
}
}
@media (max-width: 767px) {
.tkbpp-recommendation-section {
overflow: visible !important;
}
.tkbpp-recommendation-carousel {
padding-inline: 8px !important;
padding-bottom: 0 !important;
}
.tkbpp-carousel-arrow {
top: 50% !important;
bottom: auto !important;
width: 40px !important;
height: 40px !important;
transform: translateY(-50%) scale(.94) !important;
}
.tkbpp-carousel-arrow--prev {
left: -10px !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
right: -10px !important;
left: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: translateY(-50%) scale(1) !important;
}
} .tkbpp-recommendations-root,
.tkbpp-recommendations-root.tkbpp-recommendations-root--embedded,
.tkbpp-recommendation-section,
.tkbpp-recommendation-carousel {
overflow: visible !important;
}
.tkbpp-recommendation-section {
isolation: isolate;
}
.tkbpp-carousel-arrow {
position: absolute !important;
z-index: 60 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid rgba(255, 152, 0, .88) !important;
background: linear-gradient(145deg, #292929 0%, #111 100%) !important;
color: #ff9d00 !important;
box-shadow: 0 7px 20px rgba(0,0,0,.24), 0 0 0 3px rgba(255,152,0,.09) !important;
border-radius: 50% !important;
}
.tkbpp-carousel-arrow.is-visible {
opacity: 1 !important;
pointer-events: auto !important;
}
.tkbpp-carousel-arrow.is-visible:hover,
.tkbpp-carousel-arrow.is-visible:focus-visible {
background: linear-gradient(145deg, #ffb52f 0%, #ee8700 100%) !important;
color: #111 !important;
border-color: #ffc15a !important;
box-shadow: 0 10px 24px rgba(0,0,0,.28), 0 0 0 4px rgba(255,152,0,.17) !important;
outline: none !important;
}
.tkbpp-carousel-arrow svg {
width: 19px !important;
height: 19px !important;
stroke-width: 2.4 !important;
}
@media (min-width: 768px) {
.tkbpp-recommendation-carousel {
padding-inline: 14px !important;
}
.tkbpp-carousel-arrow {
top: 50% !important;
bottom: auto !important;
width: 46px !important;
height: 46px !important;
transform: translateY(-50%) scale(.96) !important;
}
.tkbpp-carousel-arrow--prev {
left: -23px !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
right: -23px !important;
left: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: translateY(-50%) scale(1) !important;
}
.tkbpp-recommendation-grid {
cursor: grab !important;
user-select: none !important;
-webkit-user-select: none !important;
}
.tkbpp-recommendation-grid.is-mouse-dragging {
cursor: grabbing !important;
scroll-snap-type: none !important;
}
}
@media (max-width: 767px) {
.tkbpp-recommendation-carousel {
padding-inline: 10px !important;
}
.tkbpp-carousel-arrow {
top: 50% !important;
bottom: auto !important;
width: 40px !important;
height: 40px !important;
transform: translateY(-50%) scale(.96) !important;
}
.tkbpp-carousel-arrow--prev {
left: -11px !important;
right: auto !important;
}
.tkbpp-carousel-arrow--next {
right: -11px !important;
left: auto !important;
}
.tkbpp-carousel-arrow.is-visible {
transform: translateY(-50%) scale(1) !important;
}
} .tkbpp-recommendation-card,
.tkbpp-recommendation-card a,
.tkbpp-recommendation-card button {
pointer-events: auto !important;
}
.tkbpp-recommendation-card__image-link,
.tkbpp-recommendation-card__body-link {
position: relative !important;
z-index: 2 !important;
}
@media (min-width: 768px) {
.tkbpp-recommendation-grid {
cursor: grab !important;
user-select: auto !important;
-webkit-user-select: auto !important;
}
.tkbpp-recommendation-grid.is-mouse-dragging {
cursor: grabbing !important;
user-select: none !important;
-webkit-user-select: none !important;
scroll-snap-type: none !important;
}
.tkbpp-recommendation-grid:not(.is-mouse-dragging) .tkbpp-recommendation-card a,
.tkbpp-recommendation-grid:not(.is-mouse-dragging) .tkbpp-recommendation-card button {
pointer-events: auto !important;
}
} .tkbpp-recommendations-root,
.tkbpp-recommendation-section,
.tkbpp-recommendation-carousel {
max-width: 100% !important;
min-width: 0 !important;
}
.tkbpp-recommendation-grid {
min-width: 0 !important;
}
@media (min-width: 768px) {
.tkbpp-recommendation-grid {
display: flex !important;
gap: 14px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.tkbpp-recommendation-card,
.tkbpp-recommendation-card:nth-child(n+6) {
display: flex !important;
flex: 0 0 var(--tkbpp-card-width, calc((100% - 56px) / 5)) !important;
width: var(--tkbpp-card-width, calc((100% - 56px) / 5)) !important;
max-width: var(--tkbpp-card-width, calc((100% - 56px) / 5)) !important;
min-width: 0 !important;
}
}
@media (max-width: 767px) {
.tkbpp-recommendation-card,
.tkbpp-recommendation-card:nth-child(n+6) {
flex: 0 0 min(72vw, 255px) !important;
width: min(72vw, 255px) !important;
max-width: min(72vw, 255px) !important;
}
} body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price *,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price span,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price bdi,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price ins,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price del,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price .amount,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price .woocommerce-Price-amount,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price .woocommerce-Price-currencySymbol,
body.single-product .tkbpp-recommendations-root .tbk-price,
body.single-product .tkbpp-recommendations-root .tbk-price * {
color: #17191b !important;
-webkit-text-fill-color: #17191b !important;
text-shadow: none !important;
} body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price *,
body.single-product .tkbpp-recommendations-root .tbk-price,
body.single-product .tkbpp-recommendations-root .tbk-price * {
color: #626970 !important;
-webkit-text-fill-color: #626970 !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
@media (max-width: 980px) {
.tkbpp-product-reassurance + .tkbpp-recommendations-root,
.tkbpp-recommendations-root.tkbpp-recommendations-root--embedded {
margin-top: 8px !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, 10px) !important;
} body.tkb-product-design-v7 .tkbpp-recommendations-root {
gap: 18px !important;
}
body.tkb-product-design-v7 .tkbpp-recommendations-root + .tkb-reviews-bottom {
margin-top: 18px !important;
} .tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap .tbk-play-btn,
.tkbpp-recommendation-card__actions > .tbk-play-btn,
.tkbpp-recommendation-card__actions button[class*="play"],
.tkbpp-recommendation-card__actions [class*="audio"] button,
.tkbpp-recommendation-card__actions [class*="play"] button {
background: #fff !important;
border-color: var(--tkb-orange, #ff9900) !important;
color: #111 !important;
}
.tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap .tbk-play-btn:hover,
.tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap .tbk-play-btn:focus-visible,
.tkbpp-recommendation-card__actions > .tbk-play-btn:hover,
.tkbpp-recommendation-card__actions > .tbk-play-btn:focus-visible,
.tkbpp-recommendation-card__actions button[class*="play"]:hover,
.tkbpp-recommendation-card__actions button[class*="play"]:focus-visible,
.tkbpp-recommendation-card__actions [class*="audio"] button:hover,
.tkbpp-recommendation-card__actions [class*="audio"] button:focus-visible,
.tkbpp-recommendation-card__actions [class*="play"] button:hover,
.tkbpp-recommendation-card__actions [class*="play"] button:focus-visible,
.tkbpp-recommendation-card__actions .tbk-play-btn.playing {
background: var(--tkb-orange, #ff9900) !important;
border-color: var(--tkb-orange, #ff9900) !important;
color: #111 !important;
outline: none !important;
} body.tkb-product-design-v7 .tkbpp-recommendations-root {
margin-top: var(--tkbpp-product-block-gap, 12px) !important;
margin-bottom: 0 !important;
gap: var(--tkbpp-product-block-gap, 12px) !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 {
margin-top: var(--tkbpp-product-block-gap, 12px) !important;
margin-bottom: 0 !important;
} @media (max-width: 767px) {
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card {
overflow: hidden !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__bottom {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
column-gap: 8px !important;
padding-right: 2px !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions {
display: grid !important;
grid-auto-flow: column !important;
grid-auto-columns: 44px !important;
gap: 6px !important;
max-width: 94px !important;
min-width: 44px !important;
justify-content: end !important;
overflow: visible !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tbk-play-btn,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-recommendation-cart {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap .tbk-play-btn {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__price {
min-width: 0 !important;
font-size: 12px !important;
}
}
@media (max-width: 374px) {
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions {
grid-auto-columns: 40px !important;
gap: 5px !important;
max-width: 85px !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tbk-play-btn,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-recommendation-cart,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-rec-play-wrap .tbk-play-btn {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
} body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-carousel {
position: relative !important;
overflow: visible !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow,
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow.is-visible {
position: absolute !important;
top: 50% !important;
bottom: auto !important;
margin: 0 !important;
transform: translateY(-50%) !important;
z-index: 20 !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow--prev {
left: clamp(-14px, -2.2vw, -8px) !important;
right: auto !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow--next {
right: clamp(-14px, -2.2vw, -8px) !important;
left: auto !important;
}
@media (max-width: 767px) {
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow,
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow.is-visible {
top: 50% !important;
bottom: auto !important;
width: 44px !important;
height: 44px !important;
transform: translateY(-50%) !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow--prev {
left: -10px !important;
right: auto !important;
}
body.single-product .tkbpp-recommendations-root .tkbpp-carousel-arrow--next {
right: -10px !important;
left: auto !important;
}
} .tkbpp-recommendation-card__actions .tkbpp-recommendation-cart.added,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-recommendation-cart.added {
background: #f0f0f0 !important;
border-color: #f0f0f0 !important;
color: var(--tkb-orange, #ff9900) !important;
}
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart.added:hover,
.tkbpp-recommendation-card__actions .tkbpp-recommendation-cart.added:focus-visible,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-recommendation-cart.added:hover,
body.single-product .tkbpp-recommendations-root .tkbpp-recommendation-card__actions .tkbpp-recommendation-cart.added:focus-visible {
background: var(--tkb-orange, #ff9900) !important;
border-color: var(--tkb-orange, #ff9900) !important;
color: #000 !important;
}
.tkbpp-recommendation-cart .tkbpp-cart-icon,
.tkbpp-recommendation-cart .tbk-cart-icon {
display: block !important;
}
.tkbpp-recommendation-cart .tkbpp-check-icon,
.tkbpp-recommendation-cart .tbk-check-icon {
display: none !important;
width: 14px !important;
height: 14px !important;
}
.tkbpp-recommendation-cart.added .tkbpp-cart-icon,
.tkbpp-recommendation-cart.added .tbk-cart-icon {
display: none !important;
}
.tkbpp-recommendation-cart.added .tkbpp-check-icon,
.tkbpp-recommendation-cart.added .tbk-check-icon {
display: block !important;
} .tkbpp-recommendations-root--lazy[data-tkb-state="idle"],
.tkbpp-recommendations-root--lazy[data-tkb-state="loading"],
.tkbpp-recommendations-root--lazy[data-tkb-state="error"] {
min-height: 1px;
}
.tkbpp-recommendations-sentinel {
display: block;
width: 100%;
height: 1px;
overflow: hidden;
}.tkbhf-gtranslate-bootstrap,
.tkbhf-gtranslate-shortcode-source {
position: absolute !important;
top: 0 !important;
left: -10000px !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} body.et_boxed_layout #page-container #et-boc header #header-icons-section .et_pb_row,
body.et_boxed_layout #page-container #et-boc header #header-icons-section + .et_pb_section .et_pb_row {
width: 94% !important;
max-width: 1280px !important;
}
#header-icons-section {
position: relative !important;
z-index: 1001;
margin: 0 !important;
padding: 0 !important;
background: #000 !important;
overflow: visible !important;
}
#header-icons-section > .et_pb_row {
display: grid !important;
grid-template-columns: clamp(230px, 25vw, 300px) minmax(0, 1fr) max-content !important;
align-items: center !important;
gap: 20px !important;
margin: 0 auto !important;
padding: 10px 0 !important;
}
#header-icons-section .et_pb_column {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
min-width: 0;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
#header-icons-section .et_pb_module,
#header-icons-section .et_pb_code,
#header-icons-section .et_pb_code_inner {
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section .et_pb_column:nth-child(1),
#header-icons-section .et_pb_column:nth-child(3) {
display: flex !important;
align-items: center !important;
}
#header-icons-section .et_pb_column:nth-child(1) {
justify-content: flex-start !important;
width: 100% !important;
max-width: none !important;
flex-basis: auto !important;
}
#header-icons-section .et_pb_column:nth-child(2) {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex-basis: auto !important;
}
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code_inner,
#header-icons-section .et_pb_column:nth-child(2) .tkb-v2-search-wrap,
#header-icons-section .et_pb_column:nth-child(2) .tkb-v2-search {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
#header-icons-section .et_pb_column:nth-child(3) {
justify-content: flex-end !important;
width: max-content !important;
max-width: none !important;
min-width: max-content !important;
flex-basis: auto !important;
}
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100%;
margin: 0 !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
display: block !important;
width: 100% !important;
max-width: 320px !important;
height: auto !important;
margin: 0 !important;
} .tkb-v2-search-wrap {
width: 100%;
min-width: 0;
}
.tkb-v2-search {
display: flex;
align-items: center;
width: 100%;
height: 42px;
margin: 0;
overflow: hidden;
border: 1px solid #343434;
border-radius: 7px;
background: #191919;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.tkb-v2-search:focus-within {
border-color: var(--tkb-orange);
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.15);
}
.tkb-v2-search input[type="search"] {
flex: 1 1 auto;
min-width: 0;
width: 100%;
height: 100%;
margin: 0 !important;
padding: 0 14px !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #fff !important;
font-size: 14px !important;
line-height: normal !important;
appearance: none;
}
.tkb-v2-search input[type="search"]::placeholder {
color: #909090 !important;
opacity: 1;
}
.tkb-v2-search input[type="search"]::-webkit-search-cancel-button {
width: 14px;
height: 14px;
margin-right: 5px;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'/%3e%3cline x1='6' y1='6' x2='18' y2='18'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
opacity: 0.7;
}
.tkb-v2-search input[type="search"]::-webkit-search-cancel-button:hover {
opacity: 1;
}
.tkb-v2-search button {
display: flex !important;
flex: 0 0 48px;
align-items: center;
justify-content: center;
width: 48px;
height: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--tkb-orange) !important;
color: #000 !important;
cursor: pointer;
}
.tkb-v2-search button:hover {
background: var(--tkb-orange-hover) !important;
}
.tkb-v2-search button svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
} .tkb-v2-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 5px;
min-width: max-content;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap;
position: relative !important;
top: auto !important;
transform: none !important;
overflow: visible !important;
}
.tkb-v2-icon {
position: relative !important;
top: auto !important;
display: inline-flex !important;
flex: 0 0 40px;
align-items: center !important;
justify-content: center !important;
width: 40px;
height: 40px;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px;
background: transparent !important;
color: #fff !important;
text-decoration: none !important;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease;
overflow: visible !important;
}
.tkb-v2-icon:hover,
.tkb-v2-icon:focus-visible {
background: #191919 !important;
color: var(--tkb-orange) !important;
}
.tkb-v2-icon svg {
display: block;
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.tkb-v2-burger {
display: none !important;
}
.tkb-v2-cart .cart-count {
position: absolute !important;
top: -1px !important;
right: -2px !important;
display: flex !important;
align-items: center;
justify-content: center;
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50%;
background: var(--tkb-orange) !important;
color: #000 !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1 !important;
z-index: 2;
}
.cart-count.is-animated {
transform: scale(1.3);
transition: transform 0.25s ease;
} .tkb-v2-language {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.tkb-v2-language-desktop {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
}
.tkbhf-language-control {
position: relative !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
z-index: 10020 !important;
}
.tkbhf-language-control-desktop {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
}
.tkbhf-language-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: transparent !important;
color: #fff !important;
box-shadow: none !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
.tkbhf-language-toggle:hover,
.tkbhf-language-toggle:focus-visible,
.tkbhf-language-control.is-open .tkbhf-language-toggle {
background: #191919 !important;
color: var(--tkb-orange) !important;
}
.tkbhf-language-current-flag {
display: inline-flex !important;
flex: 0 0 19px !important;
align-items: center !important;
justify-content: center !important;
width: 19px !important;
height: 19px !important;
}
.tkbhf-language-current-flag img {
display: block !important;
width: 19px !important;
min-width: 19px !important;
max-width: 19px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.tkbhf-language-current-code {
display: none !important;
}
.tkbhf-language-chevron {
display: block !important;
flex: 0 0 7px !important;
width: 7px !important;
height: 7px !important;
margin: -4px 0 0 0 !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
transform: rotate(45deg) !important;
box-sizing: border-box !important;
}
.tkbhf-language-control.is-open .tkbhf-language-chevron {
margin-top: 4px !important;
transform: rotate(225deg) !important;
}
.tkbhf-language-menu[hidden] {
display: none !important;
}
.tkbhf-language-menu {
position: absolute !important;
top: calc(100% + 7px) !important;
right: 0 !important;
bottom: auto !important;
left: auto !important;
z-index: 10030 !important;
width: 224px !important;
min-width: 224px !important;
max-width: 224px !important;
max-height: 310px !important;
margin: 0 !important;
padding: 5px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border: 1px solid #3b3b3b !important;
border-radius: 9px !important;
background: #101010 !important;
box-shadow: 0 16px 38px rgba(0, 0, 0, 0.72) !important;
box-sizing: border-box !important;
scrollbar-width: thin;
scrollbar-color: #555 #101010;
}
.tkbhf-language-menu::-webkit-scrollbar {
width: 7px;
}
.tkbhf-language-menu::-webkit-scrollbar-track {
background: #101010;
}
.tkbhf-language-menu::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #555;
}
.tkbhf-language-option {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.tkbhf-language-option a[data-gt-lang] {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 40px !important;
margin: 0 !important;
padding: 8px 10px !important;
border: 0 !important;
border-radius: 6px !important;
background: #101010 !important;
color: #ededed !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-decoration: none !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
.tkbhf-language-option a[data-gt-lang]:hover,
.tkbhf-language-option a[data-gt-lang]:focus,
.tkbhf-language-option a[data-gt-lang].is-current {
background: var(--tkb-orange) !important;
color: #000 !important;
}
.tkbhf-language-option a[data-gt-lang] img {
display: block !important;
flex: 0 0 22px !important;
width: 22px !important;
max-width: 22px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.tkbhf-language-control.is-unavailable {
display: none !important;
} .tkb-v2-drawer-language {
display: none;
}
.tkb-v2-drawer-language-label {
color: #fff;
font-size: 14px;
font-weight: 700;
}
@media only screen and (max-width: 980px) {
.tkb-v2-language-desktop {
display: none !important;
}
.tkb-v2-drawer-language {
position: relative !important;
display: flex !important;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 62px;
padding: 10px 16px;
overflow: visible !important;
border-top: 1px solid #333;
background: var(--tkb-panel);
z-index: 10010 !important;
}
.tkb-v2-language-mobile {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 82px !important;
min-width: 82px !important;
overflow: visible !important;
z-index: 10020 !important;
}
.tkbhf-language-control-mobile,
.tkbhf-language-control-mobile .tkbhf-language-toggle {
width: 82px !important;
min-width: 82px !important;
max-width: 82px !important;
height: 40px !important;
}
.tkbhf-language-control-mobile .tkbhf-language-toggle {
gap: 6px !important;
padding: 0 8px !important;
border: 1px solid #363636 !important;
background: #171717 !important;
}
.tkbhf-language-control-mobile .tkbhf-language-current-code {
display: inline-block !important;
color: inherit !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
.tkbhf-language-control-mobile .tkbhf-language-menu {
top: auto !important;
right: 0 !important;
bottom: calc(100% + 7px) !important;
left: auto !important;
width: min(230px, calc(100vw - 40px)) !important;
min-width: 210px !important;
max-width: calc(100vw - 40px) !important;
max-height: min(310px, 55vh) !important;
}
} #header-icons-section + .et_pb_section {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
z-index: 1000;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-top: 1px solid #202020;
border-bottom: 1px solid #292929;
background: rgba(0, 0, 0, 0.94) !important;
transform: none !important;
}
#header-icons-section + .et_pb_section .et_pb_row {
margin: 0 auto !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section .et_pb_menu,
#header-icons-section + .et_pb_section .et_pb_menu_inner_container {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section .et_pb_menu__wrap,
#header-icons-section + .et_pb_section .et_pb_menu__menu {
width: 100%;
justify-content: stretch !important;
}
#header-icons-section + .et_pb_section .et-menu {
display: flex !important;
align-items: center;
justify-content: space-between !important;
gap: 16px;
width: 100%;
margin: 0 !important;
}
#header-icons-section + .et_pb_section .et-menu > li {
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a {
padding: 13px 4px !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
opacity: 1 !important;
} #header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px;
padding-right: 4px !important;
}
#header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child::after {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
display: inline-block !important;
width: 7px;
height: 7px;
margin: -3px 0 0 1px !important;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
content: "" !important;
font-family: inherit !important;
font-size: 0 !important;
line-height: 0 !important;
transform: rotate(45deg) !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:hover,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-item > a,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-ancestor > a {
color: var(--tkb-orange) !important;
} #header-icons-section + .et_pb_section .et-menu > li > ul.sub-menu {
padding: 14px !important;
border-top: 3px solid var(--tkb-orange) !important;
border-radius: 0 0 8px 8px;
background: #111 !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li {
margin: 0 !important;
padding: 0 !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a {
width: 100% !important;
padding: 10px 12px !important;
border-radius: 5px;
color: #e5e5e5 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
} #header-icons-section + .et_pb_section .et-menu > li:nth-child(2) > ul.sub-menu {
display: grid !important;
grid-template-columns: repeat(3, minmax(190px, 1fr));
gap: 4px 12px;
width: min(780px, 88vw) !important;
} .tkb-v2-overlay {
position: fixed;
inset: 0;
z-index: 99998;
background: rgba(0, 0, 0, 0.72);
opacity: 0;
transition: opacity 0.25s ease;
}
.tkb-v2-overlay.is-visible {
opacity: 1;
}
.tkb-v2-drawer {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
display: flex;
flex-direction: column;
width: min(88vw, 400px);
height: 100vh;
height: 100dvh;
overflow: hidden;
background: var(--tkb-panel);
color: #fff;
box-shadow: 20px 0 50px rgba(0, 0, 0, 0.55);
transform: translateX(-105%);
transition: transform 0.28s ease;
}
.tkb-v2-drawer.is-open {
transform: translateX(0);
}
.tkb-v2-drawer-head {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
min-height: 74px;
padding: 12px 16px;
border-bottom: 1px solid #333;
background: #000 !important;
}
.tkb-v2-drawer-logo {
display: block;
max-width: calc(100% - 60px);
background: #000 !important;
}
.tkb-v2-drawer-logo img {
display: block;
width: 190px;
max-width: 100%;
height: auto;
background: #000 !important;
}
.tkb-v2-close {
display: flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
border: 0;
border-radius: 7px;
background: transparent;
color: #fff;
cursor: pointer;
}
.tkb-v2-close:hover,
.tkb-v2-close:focus-visible {
background: #252525;
color: var(--tkb-orange);
}
.tkb-v2-close svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
}
.tkb-v2-drawer-nav {
flex: 1 1 auto;
padding: 8px 0 20px;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.tkb-v2-drawer-menu,
.tkb-v2-drawer-menu ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tkb-v2-drawer-menu li {
position: relative;
margin: 0 !important;
padding: 0 !important;
}
.tkb-v2-drawer-menu > li {
border-bottom: 1px solid #292929;
}
.tkb-v2-drawer-menu li a {
display: block;
padding: 15px 54px 15px 20px;
color: #eee !important;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
}
.tkb-v2-drawer-menu li a:hover,
.tkb-v2-drawer-menu li a:focus-visible {
background: #1d1d1d;
color: var(--tkb-orange) !important;
}
.tkb-v2-submenu-toggle {
position: absolute;
top: 5px;
right: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: #fff;
cursor: pointer;
}
.tkb-v2-submenu-toggle svg {
width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 2;
transition: transform 0.2s ease;
}
.tkb-v2-drawer-menu li.is-open > .tkb-v2-submenu-toggle svg {
transform: rotate(180deg);
} .tkb-v2-drawer-menu ul.sub-menu {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
display: none;
visibility: visible !important;
width: auto !important;
margin: 0 !important;
padding: 0 0 8px 14px !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--tkb-panel-dark) !important;
box-shadow: none !important;
opacity: 1 !important;
transform: none !important;
}
.tkb-v2-drawer-menu li.is-open > ul.sub-menu {
display: block !important;
}
.tkb-v2-drawer-menu ul.sub-menu li a {
padding: 12px 46px 12px 20px;
color: #cfcfcf !important;
font-size: 13px;
font-weight: 600;
}
.tkb-v2-drawer-footer {
display: grid;
flex: 0 0 auto;
grid-template-columns: 1fr 1fr;
border-top: 1px solid #333;
background: var(--tkb-panel);
}
.tkb-v2-drawer-footer a {
padding: 16px;
color: #fff !important;
font-size: 13px;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.tkb-v2-drawer-footer a + a {
border-left: 1px solid #333;
}
.tkb-v2-drawer-footer a:hover {
background: #1f1f1f;
color: var(--tkb-orange) !important;
}
body.tkb-v2-menu-open {
overflow: hidden !important;
} body.admin-bar .tkb-v2-drawer {
top: 32px;
height: calc(100dvh - 32px);
} @media only screen and (max-width: 980px) {
body.et_boxed_layout #page-container #et-boc header #header-icons-section .et_pb_row {
width: 100% !important;
max-width: none !important;
}
#header-icons-section {
overflow: visible !important;
}
#header-icons-section > .et_pb_row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-rows: minmax(60px, auto) auto !important;
align-items: center !important;
row-gap: 8px !important;
column-gap: clamp(10px, 3vw, 18px) !important;
width: 100% !important;
margin: 0 auto !important;
padding: 8px 12px 12px !important;
overflow: visible !important;
} #header-icons-section .et_pb_column:nth-child(1) {
grid-column: 1;
grid-row: 1;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
align-self: stretch !important;
min-width: 0;
min-height: 60px !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
display: block !important;
width: auto !important;
max-width: min(210px, calc(100vw - 175px)) !important;
max-height: 50px !important;
margin: 0 !important;
} #header-icons-section .et_pb_column:nth-child(2) {
grid-column: 1 / -1;
grid-row: 2;
width: 100% !important;
min-width: 0;
}
#header-icons-section .et_pb_column:nth-child(2),
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(2) .et_pb_code_inner {
margin: 0 !important;
padding: 0 !important;
} #header-icons-section .et_pb_column:nth-child(3) {
grid-column: 2;
grid-row: 1;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
align-self: stretch !important;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code_inner {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 100% !important;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
.tkb-v2-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 2px;
min-height: 60px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
overflow: visible !important;
}
.tkb-v2-icon {
flex: 0 0 40px !important;
width: 40px !important;
height: 42px !important;
margin: 0 !important;
top: auto !important;
}
.tkb-v2-icon svg {
width: 22px;
height: 22px;
}
.tkb-v2-burger {
display: inline-flex !important;
}
.tkb-v2-search {
height: 44px;
}
.tkb-v2-search input[type="search"] {
font-size: 14px !important;
} #header-icons-section + .et_pb_section {
display: none !important;
}
}
@media only screen and (max-width: 782px) {
body.admin-bar .tkb-v2-drawer {
top: 46px;
height: calc(100dvh - 46px);
}
}
@media only screen and (max-width: 430px) {
#header-icons-section > .et_pb_row {
row-gap: 7px !important;
column-gap: 12px !important;
padding: 7px 9px 11px !important;
} #header-icons-section .et_pb_column:nth-child(1) img {
max-width: min(162px, calc(100vw - 156px)) !important;
max-height: 44px !important;
}
.tkb-v2-actions {
gap: 0 !important;
}
.tkb-v2-icon {
flex: 0 0 36px !important;
width: 36px !important;
height: 40px !important;
}
.tkb-v2-icon svg {
width: 21px !important;
height: 21px !important;
}
.tkb-v2-cart .cart-count {
top: 0 !important;
right: -1px !important;
}
} .tkb-v2-icon:focus-visible,
.tkb-v2-search button:focus-visible,
.tkb-v2-close:focus-visible,
.tkb-v2-submenu-toggle:focus-visible,
.tkb-v2-drawer a:focus-visible {
outline: 2px solid var(--tkb-orange);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.tkb-v2-overlay,
.tkb-v2-drawer,
.tkb-v2-submenu-toggle svg,
.cart-count {
transition: none !important;
}
} @media only screen and (min-width: 981px) {
.tkbhf-active .tkb-v2-actions {
display: grid !important;
grid-template-columns: repeat(3, 44px) !important;
align-items: center !important;
justify-content: end !important;
column-gap: 8px !important;
width: max-content !important;
min-width: max-content !important;
}
.tkbhf-active .tkb-v2-account,
.tkbhf-active .tkb-v2-cart,
.tkbhf-active .tkb-v2-language-desktop {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 40px !important;
margin: 0 !important;
}
.tkbhf-active .tkb-v2-cart > svg {
transform: translateX(-2px) !important;
}
.tkbhf-active .tkb-v2-cart .cart-count {
top: -2px !important;
right: 1px !important;
}
} @media only screen and (min-width: 981px) { #header-icons-section + .et_pb_section .et-menu > li > a,
#header-icons-section + .et_pb_section .et-menu > li > a::before,
#header-icons-section + .et_pb_section .et-menu > li > a::after {
transition: none !important;
transition-delay: 0s !important;
animation: none !important;
} #header-icons-section + .et_pb_section .et-menu ul.sub-menu,
#header-icons-section + .et_pb_section .et-menu ul.sub-menu *,
#header-icons-section + .et_pb_section .et-menu li.menu-item-has-children {
transition: none !important;
transition-delay: 0s !important;
animation: none !important;
} #header-icons-section + .et_pb_section
.et-menu ul.sub-menu li > a:hover,
#header-icons-section + .et_pb_section
.et-menu ul.sub-menu li > a:focus-visible {
background: #ff9900 !important;
background-color: #ff9900 !important;
color: #000000 !important;
opacity: 1 !important;
filter: none !important;
} #header-icons-section + .et_pb_section
.et-menu > li > a:hover,
#header-icons-section + .et_pb_section
.et-menu > li.current-menu-item > a,
#header-icons-section + .et_pb_section
.et-menu > li.current-menu-ancestor > a {
color: #ff9900 !important;
}
} .tkbhf-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
}
.tkb-v2-drawer[aria-hidden="true"] {
pointer-events: none !important;
visibility: hidden !important;
}
.tkb-v2-drawer.is-open {
pointer-events: auto !important;
visibility: visible !important;
}
@media only screen and (max-width: 980px) {
.tkb-v2-icon {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
}
.tkb-v2-close,
.tkb-v2-submenu-toggle {
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
}
.tkb-v2-drawer-footer a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 48px !important;
}
}
@media only screen and (max-width: 430px) {
#header-icons-section > .et_pb_row {
column-gap: 8px !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
max-width: min(158px, calc(100vw - 166px)) !important;
}
.tkb-v2-actions {
gap: 0 !important;
}
.tkb-v2-icon {
flex-basis: 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
}
} body.tkbhf-checkout-mode #header-icons-section + .et_pb_section {
display: none !important;
}
body.tkbhf-checkout-mode #header-icons-section {
min-height: 72px !important;
border-bottom: 1px solid rgba(255, 255, 255, .11) !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, .18) !important;
}
body.tkbhf-checkout-mode #header-icons-section > .et_pb_row {
display: grid !important;
grid-template-columns: minmax(180px, auto) minmax(180px, 1fr) auto !important;
grid-template-areas: "logo secure help" !important;
align-items: center !important;
gap: 28px !important;
min-height: 72px !important;
padding: 10px 0 !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column {
display: flex !important;
align-items: center !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(1) {
grid-area: logo !important;
justify-content: flex-start !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(2) {
grid-area: secure !important;
justify-content: center !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(3) {
grid-area: help !important;
justify-content: flex-end !important;
}
body.tkbhf-checkout-mode
#header-icons-section
.et_pb_column:nth-child(1) img {
width: auto !important;
max-width: 190px !important;
max-height: 48px !important;
object-fit: contain !important;
}
.tkbhf-checkout-header-trust,
.tkbhf-checkout-header-help {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
min-height: 44px !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
.tkbhf-checkout-header-lock {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
border-radius: 999px !important;
background: rgba(255, 153, 0, .13) !important;
color: #ff9900 !important;
}
.tkbhf-checkout-header-lock svg {
width: 16px !important;
height: 16px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.9 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.tkbhf-checkout-header-help {
min-width: 44px !important;
padding: 0 12px !important;
border: 1px solid rgba(255, 255, 255, .18) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .045) !important;
text-decoration: none !important;
transition: border-color .15s ease, background-color .15s ease, color .15s ease !important;
}
.tkbhf-checkout-header-help-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
border: 1.5px solid currentColor !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.tkbhf-checkout-header-help:hover,
.tkbhf-checkout-header-help:focus-visible {
border-color: #ff9900 !important;
background: rgba(255, 153, 0, .09) !important;
color: #ff9900 !important;
}
.tkbhf-checkout-header-help:focus-visible {
outline: 2px solid #ff9900 !important;
outline-offset: 3px !important;
}
@media (max-width: 980px) {
body.tkbhf-checkout-mode #header-icons-section {
min-height: 0 !important;
}
body.tkbhf-checkout-mode #header-icons-section > .et_pb_row {
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas:
"logo help"
"secure secure" !important;
gap: 6px 12px !important;
min-height: 0 !important;
padding: 9px 0 10px !important;
}
body.tkbhf-checkout-mode #header-icons-section .et_pb_column:nth-child(1) {
min-height: 44px !important;
}
body.tkbhf-checkout-mode
#header-icons-section
.et_pb_column:nth-child(1) img {
max-width: min(170px, calc(100vw - 170px)) !important;
max-height: 42px !important;
}
.tkbhf-checkout-header-trust {
width: 100% !important;
min-height: 30px !important;
padding-top: 5px !important;
border-top: 1px solid rgba(255, 255, 255, .08) !important;
font-size: 12.5px !important;
}
.tkbhf-checkout-header-lock {
width: 24px !important;
height: 24px !important;
}
.tkbhf-checkout-header-lock svg {
width: 14px !important;
height: 14px !important;
}
.tkbhf-checkout-header-help {
min-height: 42px !important;
padding: 0 10px !important;
font-size: 12.5px !important;
}
}
@media (max-width: 360px) {
.tkbhf-checkout-header-help > span:last-child {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.tkbhf-checkout-header-help {
width: 44px !important;
padding: 0 !important;
}
} .tkbhf-trust-bar,
.tkbhf-trust-bar * {
box-sizing: border-box !important;
}
.tkbhf-trust-bar {
position: relative !important;
z-index: 8 !important;
display: none !important;
width: 100% !important;
min-height: 30px !important;
border-top: 1px solid rgba(255, 255, 255, .06) !important;
border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
background: #101010 !important;
color: #e7e7e7 !important;
}
.tkbhf-trust-inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 90% !important;
max-width: 1240px !important;
min-height: 30px !important;
margin: 0 auto !important;
}
.tkbhf-trust-desktop {
display: none !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 30px !important;
font-size: 11.5px !important;
font-weight: 650 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
.tkbhf-trust-desktop-item {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
color: #dddddd !important;
}
.tkbhf-trust-separator {
display: block !important;
flex: 0 0 1px !important;
width: 1px !important;
height: 13px !important;
margin: 0 18px !important;
background: rgba(255, 255, 255, .17) !important;
}
.tkbhf-trust-icon {
display: inline-flex !important;
flex: 0 0 16px !important;
align-items: center !important;
justify-content: center !important;
width: 16px !important;
height: 16px !important;
color: #ff9900 !important;
}
.tkbhf-trust-icon svg {
display: block !important;
width: 15px !important;
height: 15px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.9 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
.tkbhf-trust-mobile {
display: none !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 32px !important;
padding: 4px 0 !important;
color: #f2f2f2 !important;
font-size: 11.5px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
}
.tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.tkbhf-checkout-mode .tkbhf-trust-bar {
display: none !important;
}
@media (min-width: 981px) {
.tkbhf-trust-bar.has-desktop {
display: block !important;
}
.tkbhf-trust-bar.has-desktop .tkbhf-trust-desktop {
display: flex !important;
}
}
@media (max-width: 980px) {
.tkbhf-trust-bar.has-mobile {
display: block !important;
min-height: 32px !important;
}
.tkbhf-trust-bar.has-mobile .tkbhf-trust-mobile {
display: flex !important;
}
.tkbhf-trust-inner {
width: calc(100% - 24px) !important;
max-width: 620px !important;
min-height: 32px !important;
}
}
@media (max-width: 360px) {
.tkbhf-trust-inner {
width: calc(100% - 16px) !important;
}
.tkbhf-trust-mobile {
font-size: 11px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.tkbhf-trust-bar,
.tkbhf-trust-bar * {
animation: none !important;
transition: none !important;
}
} .tkbhf-trust-bar {
min-height: 28px !important;
border-top: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
background: #0d0d0d !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-desktop {
min-height: 28px !important;
}
.tkbhf-trust-desktop {
font-size: 11px !important;
}
.tkbhf-trust-separator {
height: 12px !important;
margin-right: 16px !important;
margin-left: 16px !important;
}
@media (max-width: 980px) {
.tkbhf-trust-bar.has-mobile {
min-height: 30px !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-mobile {
min-height: 30px !important;
}
.tkbhf-trust-mobile {
padding-top: 3px !important;
padding-bottom: 3px !important;
}
} .tkb-v2-cart.is-empty .cart-count,
.tkb-v2-cart .cart-count[hidden],
.tkb-v2-cart .cart-count:empty {
display: none !important;
}
.tkbhf-trust-bar {
min-height: 30px !important;
border: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
background: linear-gradient(180deg, #121212 0%, #0e0e0e 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-desktop {
min-height: 30px !important;
}
.tkbhf-trust-desktop {
justify-content: space-between !important;
max-width: 960px !important;
margin: 0 auto !important;
font-size: 11.5px !important;
font-weight: 600 !important;
letter-spacing: .005em !important;
}
.tkbhf-trust-desktop-item {
flex: 1 1 0 !important;
min-width: 0 !important;
gap: 7px !important;
}
.tkbhf-trust-copy {
display: inline-flex !important;
align-items: baseline !important;
justify-content: center !important;
gap: .28em !important;
min-width: 0 !important;
color: #f2f2f2 !important;
line-height: 1.2 !important;
}
.tkbhf-trust-prefix,
.tkbhf-trust-suffix {
color: #ededed !important;
font-weight: 600 !important;
}
.tkbhf-trust-accent {
color: #ff9900 !important;
font-weight: 850 !important;
white-space: nowrap !important;
}
.tkbhf-trust-separator {
flex: 0 0 1px !important;
height: 12px !important;
margin: 0 13px !important;
background: rgba(255, 255, 255, .13) !important;
}
.tkbhf-trust-icon {
flex: 0 0 15px !important;
width: 15px !important;
height: 15px !important;
}
.tkbhf-trust-icon svg {
width: 14px !important;
height: 14px !important;
stroke-width: 2 !important;
}
@media (min-width: 981px) {
.tkb-v2-language {
margin-left: 3px !important;
}
}
@media (max-width: 980px) {
.tkbhf-trust-bar.has-mobile,
.tkbhf-trust-inner,
.tkbhf-trust-mobile {
min-height: 31px !important;
}
.tkbhf-trust-mobile {
gap: 7px !important;
padding: 4px 0 !important;
color: #f5f5f5 !important;
font-size: 11.75px !important;
font-weight: 650 !important;
letter-spacing: .005em !important;
}
.tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tkbhf-trust-mobile .tkbhf-trust-copy {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
}
@media (max-width: 360px) {
.tkbhf-trust-mobile {
font-size: 11.2px !important;
}
.tkbhf-trust-mobile .tkbhf-trust-copy {
gap: .2em !important;
}
} .tkbhf-trust-bar {
background: #000000 !important;
background-image: none !important;
box-shadow: none !important;
border-top: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
}
.tkbhf-trust-inner,
.tkbhf-trust-desktop,
.tkbhf-trust-mobile {
background: transparent !important;
} .tkbhf-trust-prefix,
.tkbhf-trust-suffix,
.tkbhf-trust-copy {
color: #f2f2f2 !important;
}
.tkbhf-trust-separator {
background: rgba(255, 255, 255, .10) !important;
}
@media (max-width: 980px) {
.tkbhf-trust-bar {
border-bottom-color: rgba(255, 255, 255, .045) !important;
}
} :root {
--tkbhf-header-separator: rgba(255, 255, 255, .065);
--tkbhf-menu-surface: #050505;
--tkbhf-submenu-surface: #0c0c0c;
} .tkbhf-trust-bar {
border-top: 0 !important;
border-bottom: 1px solid var(--tkbhf-header-separator) !important;
}
#header-icons-section {
border-top: 0 !important;
border-bottom: 0 !important;
}
#header-icons-section + .et_pb_section {
border-top: 1px solid var(--tkbhf-header-separator) !important;
border-bottom: 1px solid var(--tkbhf-header-separator) !important;
background: var(--tkbhf-menu-surface) !important;
} @media only screen and (min-width: 981px) {
#header-icons-section + .et_pb_section .et_pb_row {
width: 94% !important;
max-width: 1240px !important;
}
#header-icons-section + .et_pb_section .et-menu {
align-items: stretch !important;
justify-content: center !important;
gap: clamp(16px, 2.15vw, 34px) !important;
min-height: 46px !important;
}
#header-icons-section + .et_pb_section .et-menu > li {
display: flex !important;
align-items: stretch !important;
min-height: 46px !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 3px !important;
color: #f4f4f4 !important;
font-size: 14.5px !important;
font-weight: 750 !important;
letter-spacing: .008em !important;
line-height: 1.15 !important;
text-decoration: none !important;
transition: color .11s ease !important;
} #header-icons-section + .et_pb_section .et-menu > li > a::before {
position: absolute !important;
right: 0 !important;
bottom: -1px !important;
left: 0 !important;
display: block !important;
width: auto !important;
height: 2px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 2px 2px 0 0 !important;
background: #ff9900 !important;
content: "" !important;
opacity: 0 !important;
transform: scaleX(.35) !important;
transform-origin: center !important;
transition:
transform .11s ease,
opacity .11s ease !important;
pointer-events: none !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:hover,
#header-icons-section + .et_pb_section .et-menu > li > a:focus-visible,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-item > a,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-ancestor > a {
color: #ff9900 !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:hover::before,
#header-icons-section + .et_pb_section .et-menu > li > a:focus-visible::before,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-item > a::before,
#header-icons-section + .et_pb_section .et-menu > li.current-menu-ancestor > a::before {
opacity: 1 !important;
transform: scaleX(1) !important;
}
#header-icons-section + .et_pb_section .et-menu > li > a:focus-visible {
outline: 2px solid #ff9900 !important;
outline-offset: 4px !important;
border-radius: 4px !important;
} #header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child {
gap: 7px !important;
}
#header-icons-section + .et_pb_section
.et-menu > li.menu-item-has-children > a:first-child::after {
width: 6px !important;
height: 6px !important;
margin: -3px 0 0 1px !important;
border-right-width: 1.5px !important;
border-bottom-width: 1.5px !important;
opacity: .82 !important;
} #header-icons-section + .et_pb_section .et-menu > li > ul.sub-menu {
margin-top: 0 !important;
padding: 10px !important;
overflow: hidden !important;
border: 1px solid var(--tkbhf-header-separator) !important;
border-top: 2px solid #ff9900 !important;
border-radius: 0 0 10px 10px !important;
background: var(--tkbhf-submenu-surface) !important;
box-shadow:
0 18px 46px rgba(0, 0, 0, .58),
0 1px 0 rgba(255, 255, 255, .035) inset !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a {
display: flex !important;
align-items: center !important;
min-height: 40px !important;
padding: 9px 11px !important;
border: 0 !important;
border-radius: 6px !important;
background: transparent !important;
color: #dedede !important;
font-size: 13px !important;
font-weight: 650 !important;
letter-spacing: .003em !important;
line-height: 1.25 !important;
transition:
background-color .10s ease,
color .10s ease,
transform .10s ease !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a:hover,
#header-icons-section + .et_pb_section ul.sub-menu li a:focus-visible {
background: #ff9900 !important;
color: #000000 !important;
transform: translateX(2px) !important;
}
#header-icons-section + .et_pb_section ul.sub-menu li a:focus-visible {
outline: 2px solid #ffffff !important;
outline-offset: -3px !important;
} #header-icons-section + .et_pb_section
.et-menu > li:nth-child(2) > ul.sub-menu {
grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
gap: 3px 10px !important;
width: min(800px, 90vw) !important;
padding: 12px !important;
}
}
@media (prefers-reduced-motion: reduce) {
#header-icons-section + .et_pb_section .et-menu > li > a,
#header-icons-section + .et_pb_section .et-menu > li > a::before,
#header-icons-section + .et_pb_section ul.sub-menu li a {
transition: none !important;
transform: none !important;
}
} @media (max-width: 980px) {
.tkbhf-trust-mobile {
position: relative !important;
display: none !important;
height: 31px !important;
min-height: 31px !important;
padding: 0 !important;
overflow: hidden !important;
}
.tkbhf-trust-bar.has-mobile .tkbhf-trust-mobile {
display: block !important;
}
.tkbhf-trust-mobile-track {
position: relative !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
overflow: hidden !important;
}
.tkbhf-trust-mobile-slide {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
min-width: 0 !important;
height: 31px !important;
padding: 4px 0 !important;
opacity: 0 !important;
transform: translateY(7px) !important;
transition:
opacity .22s ease,
transform .22s ease !important;
pointer-events: none !important;
will-change: opacity, transform !important;
}
.tkbhf-trust-mobile-slide.is-active {
z-index: 2 !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
.tkbhf-trust-mobile-slide.is-leaving {
z-index: 1 !important;
opacity: 0 !important;
transform: translateY(-7px) !important;
}
.tkbhf-trust-mobile-slide .tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
max-width: calc(100% - 28px) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tkbhf-trust-mobile-slide .tkbhf-trust-copy {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
}
@media (prefers-reduced-motion: reduce) and (max-width: 980px) {
.tkbhf-trust-mobile-slide {
display: none !important;
transition: none !important;
transform: none !important;
will-change: auto !important;
}
.tkbhf-trust-mobile-slide:first-child {
display: flex !important;
opacity: 1 !important;
}
} @media (max-width: 980px) {
.tkbhf-trust-mobile {
position: relative !important;
display: none !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
padding: 0 !important;
overflow: hidden !important;
contain: layout paint !important;
}
.tkbhf-trust-bar.has-mobile .tkbhf-trust-mobile {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.tkbhf-trust-mobile-track,
.tkbhf-trust-mobile-slide {
display: none !important;
}
.tkbhf-trust-mobile-current {
position: relative !important;
inset: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
max-width: 100% !important;
height: 31px !important;
min-height: 31px !important;
margin: 0 !important;
padding: 4px 0 !important;
overflow: hidden !important;
opacity: 1 !important;
transform: none !important;
transition: opacity .13s ease !important;
pointer-events: none !important;
}
.tkbhf-trust-mobile-current.is-changing {
opacity: 0 !important;
}
.tkbhf-trust-mobile-current .tkbhf-trust-mobile-message {
display: block !important;
min-width: 0 !important;
max-width: calc(100% - 32px) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.tkbhf-trust-mobile-current .tkbhf-trust-copy {
display: inline-flex !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
}
@media (prefers-reduced-motion: reduce) and (max-width: 980px) {
.tkbhf-trust-mobile-current {
transition: none !important;
}
} @media only screen and (max-width: 600px) { #header-icons-section > .et_pb_row {
grid-template-columns: minmax(0, 1fr) auto !important;
column-gap: 8px !important;
row-gap: 8px !important;
padding: 8px 10px 11px !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap,
#header-icons-section .et_pb_column:nth-child(1) .et_pb_image_wrap > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
} #header-icons-section .et_pb_column:nth-child(1) img {
display: block !important;
width: 100% !important;
max-width: 205px !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
object-fit: contain !important;
object-position: left center !important;
clip-path: none !important;
}
#header-icons-section .et_pb_column:nth-child(3),
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code_inner {
width: auto !important;
min-width: 132px !important;
max-width: none !important;
overflow: visible !important;
}
.tkb-v2-actions {
display: grid !important;
grid-template-columns: repeat(3, 44px) !important;
align-items: center !important;
justify-content: end !important;
gap: 0 !important;
width: 132px !important;
min-width: 132px !important;
max-width: 132px !important;
overflow: visible !important;
}
.tkb-v2-account,
.tkb-v2-cart,
.tkb-v2-burger {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
transform: none !important;
}
.tkb-v2-language-desktop {
display: none !important;
}
.tkb-v2-search input[type="search"] {
min-width: 0 !important;
padding-right: 58px !important;
font-size: 14px !important;
}
.tkb-v2-search button {
flex: 0 0 54px !important;
width: 54px !important;
min-width: 54px !important;
}
}
@media only screen and (max-width: 430px) {
#header-icons-section .et_pb_column:nth-child(1) img {
max-width: 180px !important;
}
} @media only screen and (max-width: 360px) {
#header-icons-section > .et_pb_row {
column-gap: 6px !important;
padding-right: 7px !important;
padding-left: 7px !important;
}
#header-icons-section .et_pb_column:nth-child(1) img {
max-width: 150px !important;
}
#header-icons-section .et_pb_column:nth-child(3),
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code,
#header-icons-section .et_pb_column:nth-child(3) .et_pb_code_inner {
min-width: 126px !important;
}
.tkb-v2-actions {
grid-template-columns: repeat(3, 42px) !important;
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
}
.tkb-v2-account,
.tkb-v2-cart,
.tkb-v2-burger {
flex-basis: 42px !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
}
} @media only screen and (max-width: 980px) {
.tkbhf-trust-bar.has-mobile {
display: block !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
overflow: hidden !important;
}
.tkbhf-trust-bar .tkbhf-trust-inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 20px) !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
margin: 0 auto !important;
overflow: hidden !important;
}
.tkbhf-trust-bar .tkbhf-trust-mobile {
position: static !important;
inset: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
margin: 0 !important;
padding: 4px 0 !important;
overflow: hidden !important;
opacity: 1 !important;
transform: none !important;
contain: layout paint !important;
}
.tkbhf-trust-mobile-track,
.tkbhf-trust-mobile-slide,
.tkbhf-trust-mobile-current,
.tkbhf-trust-mobile-summary {
display: none !important;
}
.tkbhf-trust-mobile > .tkbhf-trust-icon {
position: static !important;
flex: 0 0 15px !important;
width: 15px !important;
height: 15px !important;
margin: 0 !important;
transform: none !important;
}
.tkbhf-trust-mobile > .tkbhf-trust-mobile-message {
position: static !important;
display: block !important;
min-width: 0 !important;
max-width: calc(100% - 24px) !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: #f5f5f5 !important;
font-size: 11.75px !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-align: center !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
opacity: 1 !important;
transform: none !important;
}
.tkbhf-trust-mobile > .tkbhf-trust-mobile-message
.tkbhf-trust-copy {
position: static !important;
display: inline-flex !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
opacity: 1 !important;
transform: none !important;
}
} @media only screen and (max-width: 980px) {
.tkbhf-trust-mobile {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
height: 31px !important;
min-height: 31px !important;
max-height: 31px !important;
overflow: hidden !important;
opacity: 1 !important;
transform: none !important;
}
.tkbhf-trust-mobile-track,
.tkbhf-trust-mobile-slide,
.tkbhf-trust-mobile-current,
.tkbhf-trust-mobile-summary {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) and (max-width: 980px) {
.tkbhf-trust-mobile {
transition: none !important;
}
} @media only screen and (max-width: 980px) {
.tkb-v2-actions,
.tkb-v2-burger {
position: relative !important;
pointer-events: auto !important;
}
.tkb-v2-actions {
z-index: 20 !important;
}
.tkb-v2-burger {
z-index: 22 !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
cursor: pointer !important;
}
.tkb-v2-burger svg,
.tkb-v2-burger svg * {
pointer-events: none !important;
}
.tkb-v2-overlay {
z-index: 999998 !important;
}
.tkb-v2-drawer {
z-index: 999999 !important;
}
}.tbkec-js .woocommerce-message:has(.tbk-express-cart-native-success) {
display: none !important;
}
.woocommerce-message .tbk-express-cart-native-success {
font-weight: 700;
}
.tbk-express-cart {
--tbkec-orange: var(--tkb-orange, #ff9900);
--tbkec-orange-hover: #e88900;
--tbkec-black: #151515;
--tbkec-text: #242424;
--tbkec-muted: #6b6b6b;
--tbkec-border: #e7e7e7;
--tbkec-soft: #f7f7f7;
--tbkec-radius: 12px;
--tbkec-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
--tbkec-space: 18px;
position: relative;
z-index: 100100;
pointer-events: none;
font-family: inherit;
color: var(--tbkec-text);
}
body.tbk-express-cart-scroll-lock {
position: fixed !important;
top: var(--tbkec-scroll-offset, 0) !important;
left: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
.tbk-express-cart__overlay {
position: fixed;
inset: 0;
z-index: 100100;
background: rgba(0, 0, 0, 0.42);
opacity: 0;
transition: opacity 180ms ease;
pointer-events: none;
}
.tbk-express-cart__overlay[hidden],
.tbk-express-cart-toast[hidden] {
display: none !important;
}
.tbk-express-cart__drawer {
position: fixed;
top: 0;
right: 0;
z-index: 100110;
display: flex;
flex-direction: column;
width: min(450px, calc(100vw - 24px));
height: 100vh;
height: 100dvh;
max-width: 100%;
overflow: hidden;
background: #fff;
box-shadow: var(--tbkec-shadow);
transform: translate3d(102%, 0, 0);
visibility: hidden;
transition: transform 210ms ease, visibility 0s linear 210ms;
outline: none;
pointer-events: none;
}
.tbk-express-cart.is-open {
pointer-events: auto;
}
.tbk-express-cart.is-open .tbk-express-cart__overlay {
opacity: 1;
pointer-events: auto;
}
.tbk-express-cart.is-open .tbk-express-cart__drawer {
transform: translate3d(0, 0, 0);
visibility: visible;
transition: transform 210ms ease, visibility 0s linear 0s;
pointer-events: auto;
}
.tbk-express-cart__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 82px;
padding: 18px 20px;
border-bottom: 1px solid var(--tbkec-border);
background: #fff;
}
.tbk-express-cart__title,
.tbk-express-cart__count,
.tbk-express-cart__item-title,
.tbk-express-cart__empty h3,
.tbk-express-cart__empty p {
margin: 0;
padding: 0;
}
.tbk-express-cart__title {
color: var(--tbkec-black);
font-size: 22px;
font-weight: 800;
line-height: 1.15;
}
.tbk-express-cart__count {
margin-top: 4px;
color: var(--tbkec-muted);
font-size: 13px;
line-height: 1.3;
}
.tbk-express-cart__close,
.tbk-express-cart__remove,
.tbk-express-cart-toast__close {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
border: 0;
padding: 0;
background: transparent;
color: var(--tbkec-black);
cursor: pointer;
appearance: none;
}
.tbk-express-cart__close {
width: 44px;
min-width: 44px;
height: 44px;
border-radius: 50%;
background: var(--tbkec-soft);
}
.tbk-express-cart__close:hover,
.tbk-express-cart__close:focus-visible {
background: #ececec;
}
.tbk-express-cart__close svg,
.tbk-express-cart__remove svg,
.tbk-express-cart-toast__close svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
}
.tbk-express-cart__main {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
background: #fff;
}
.tbk-express-cart__content {
min-height: 100%;
}
.tbk-express-cart__loading {
display: none;
position: absolute;
inset: 0;
z-index: 2;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 180px;
background: rgba(255, 255, 255, 0.88);
color: var(--tbkec-muted);
font-size: 14px;
}
.tbk-express-cart.is-loading .tbk-express-cart__loading {
display: flex;
}
.tbk-express-cart__spinner {
width: 20px;
height: 20px;
border: 2px solid #dedede;
border-top-color: var(--tbkec-orange);
border-radius: 50%;
animation: tbkec-spin 650ms linear infinite;
}
@keyframes tbkec-spin {
to { transform: rotate(360deg); }
}
.tbk-express-cart__items {
padding: 4px 20px 10px;
}
.tbk-express-cart__item {
position: relative;
display: grid;
grid-template-columns: 78px minmax(0, 1fr) 34px;
gap: 14px;
align-items: start;
padding: 16px 0;
border-bottom: 1px solid var(--tbkec-border);
transition: opacity 160ms ease, transform 160ms ease;
}
.tbk-express-cart__item:last-child {
border-bottom: 0;
}
.tbk-express-cart__item.is-removing {
opacity: 0.4;
transform: translateX(8px);
pointer-events: none;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a {
display: block;
width: 78px;
height: 78px;
}
.tbk-express-cart__thumb img {
display: block;
width: 78px;
height: 78px;
max-width: none;
margin: 0;
border-radius: 9px;
object-fit: cover;
background: var(--tbkec-soft);
}
.tbk-express-cart__item-info {
min-width: 0;
}
.tbk-express-cart__item-title {
color: var(--tbkec-black);
font-size: 14px;
font-weight: 750;
line-height: 1.35;
}
.tbk-express-cart__item-title a {
color: inherit;
text-decoration: none;
}
.tbk-express-cart__item-title a:hover,
.tbk-express-cart__item-title a:focus-visible {
color: var(--tbkec-orange-hover);
}
.tbk-express-cart__variation {
margin-top: 5px;
color: var(--tbkec-muted);
font-size: 11px;
line-height: 1.35;
}
.tbk-express-cart__variation dl,
.tbk-express-cart__variation dt,
.tbk-express-cart__variation dd,
.tbk-express-cart__variation p {
display: inline;
margin: 0;
padding: 0;
}
.tbk-express-cart__variation dt::after {
content: ": ";
}
.tbk-express-cart__variation dd::after {
content: " · ";
}
.tbk-express-cart__variation dd:last-child::after {
content: "";
}
.tbk-express-cart__item-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 10px;
}
.tbk-express-cart__quantity {
display: inline-flex;
align-items: center;
min-height: 27px;
padding: 3px 9px;
border-radius: 999px;
background: var(--tbkec-soft);
color: var(--tbkec-muted);
font-size: 11px;
font-weight: 700;
}
.tbk-express-cart__line-price {
color: var(--tbkec-black);
font-size: 14px;
font-weight: 800;
white-space: nowrap;
}
.tbk-express-cart__line-price del {
margin-right: 4px;
color: #999;
font-size: 11px;
font-weight: 500;
}
.tbk-express-cart__line-price ins {
color: inherit;
text-decoration: none;
}
.tbk-express-cart__remove {
width: 34px;
height: 34px;
border-radius: 50%;
color: #737373;
}
.tbk-express-cart__remove:hover,
.tbk-express-cart__remove:focus-visible {
background: #fff1f1;
color: #b52323;
}
.tbk-express-cart__remove svg {
width: 18px;
height: 18px;
}
.tbk-express-cart__footer {
flex: 0 0 auto;
padding: 16px 20px calc(18px + env(safe-area-inset-bottom));
border-top: 1px solid var(--tbkec-border);
background: #fff;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.045);
}
.tbk-express-cart[data-empty="1"] .tbk-express-cart__footer {
display: none;
}
.tbk-express-cart__subtotal-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 14px 0;
color: var(--tbkec-black);
font-size: 16px;
}
.tbk-express-cart__subtotal-row strong {
font-size: 19px;
font-weight: 850;
}
.tbk-express-cart__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.tbk-express-cart__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
margin: 0;
padding: 11px 14px;
border: 1px solid transparent;
border-radius: 10px;
font: inherit;
font-size: 14px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}
.tbk-express-cart__button:hover {
transform: translateY(-1px);
}
.tbk-express-cart__button--secondary {
border-color: var(--tbkec-black);
background: #fff;
color: var(--tbkec-black);
}
.tbk-express-cart__button--secondary:hover,
.tbk-express-cart__button--secondary:focus-visible {
background: var(--tbkec-black);
color: #fff;
}
.tbk-express-cart__button--primary {
border-color: var(--tbkec-orange);
background: var(--tbkec-orange);
color: #111;
}
.tbk-express-cart__button--primary:hover,
.tbk-express-cart__button--primary:focus-visible {
border-color: var(--tbkec-orange-hover);
background: var(--tbkec-orange-hover);
color: #111;
}
.tbk-express-cart__continue,
.tbk-express-cart__empty-continue {
display: block;
width: 100%;
margin: 11px 0 0;
padding: 4px;
border: 0;
background: transparent;
color: var(--tbkec-muted);
font: inherit;
font-size: 12px;
font-weight: 650;
text-align: center;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.tbk-express-cart__shipping-progress {
margin: 0;
}
.tbk-express-cart__progress-card {
padding: 11px 12px;
border: 1px solid #f1d9a8;
border-radius: 10px;
background: #fff9ec;
}
.tbk-express-cart__progress-card.is-complete {
border-color: #bde3c6;
background: #effaf2;
}
.tbk-express-cart__progress-card.is-unknown {
border-color: var(--tbkec-border);
background: var(--tbkec-soft);
}
.tbk-express-cart__progress-message {
display: flex;
align-items: flex-start;
gap: 7px;
color: #66470a;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
}
.tbk-express-cart__progress-card.is-complete .tbk-express-cart__progress-message {
color: #17652b;
}
.tbk-express-cart__progress-card.is-unknown .tbk-express-cart__progress-message {
color: var(--tbkec-muted);
}
.tbk-express-cart__progress-track {
height: 6px;
margin-top: 9px;
overflow: hidden;
border-radius: 999px;
background: #f1e4c9;
}
.tbk-express-cart__progress-track span {
display: block;
height: 100%;
border-radius: inherit;
background: var(--tbkec-orange);
transition: width 220ms ease;
}
.tbk-express-cart__empty,
.tbk-express-cart__error {
display: flex;
min-height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 42px 28px;
text-align: center;
}
.tbk-express-cart__empty-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
margin-bottom: 18px;
border-radius: 50%;
background: #fff5e6;
color: var(--tbkec-orange-hover);
}
.tbk-express-cart__empty-icon svg {
width: 34px;
height: 34px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-express-cart__empty h3,
.tbk-express-cart__error strong {
color: var(--tbkec-black);
font-size: 20px;
font-weight: 850;
line-height: 1.2;
}
.tbk-express-cart__empty p,
.tbk-express-cart__error span {
max-width: 300px;
margin: 9px 0 20px;
color: var(--tbkec-muted);
font-size: 14px;
line-height: 1.5;
}
.tbk-express-cart__empty .tbk-express-cart__button {
width: 100%;
max-width: 280px;
}
.tbk-express-cart__error button {
min-height: 42px;
padding: 9px 18px;
border: 1px solid var(--tbkec-black);
border-radius: 9px;
background: #fff;
color: var(--tbkec-black);
font: inherit;
font-weight: 750;
cursor: pointer;
}
.tbk-express-cart__error-link {
width: 100%;
max-width: 280px;
min-height: 44px;
margin-top: 10px;
}
.tbk-express-cart-toast {
position: fixed;
top: 18px;
right: 18px;
z-index: 100120;
display: grid;
grid-template-columns: 34px minmax(0, 1fr) 32px;
gap: 11px;
align-items: start;
width: min(390px, calc(100vw - 36px));
padding: 14px;
border: 1px solid #e8e8e8;
border-radius: 12px;
background: #fff;
box-shadow: 0 14px 42px rgba(0, 0, 0, 0.18);
opacity: 0;
transform: translate3d(0, -12px, 0);
transition: opacity 180ms ease, transform 180ms ease;
pointer-events: none;
}
.tbk-express-cart-toast.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
pointer-events: auto;
}
.tbk-express-cart-toast__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #edf9f0;
color: #19823a;
}
.tbk-express-cart-toast.is-error .tbk-express-cart-toast__icon {
background: #fff0f0;
color: #b52323;
}
.tbk-express-cart-toast__icon svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 2.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-express-cart-toast__copy {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
}
.tbk-express-cart-toast__copy strong {
color: var(--tbkec-black);
font-size: 14px;
font-weight: 850;
line-height: 1.3;
}
.tbk-express-cart-toast__copy span {
max-width: 100%;
margin-top: 3px;
overflow: hidden;
color: var(--tbkec-muted);
font-size: 12px;
line-height: 1.35;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-express-cart-toast__copy button {
margin: 7px 0 0;
padding: 0;
border: 0;
background: transparent;
color: #b36b00;
font: inherit;
font-size: 12px;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.tbk-express-cart-toast__close {
width: 32px;
height: 32px;
border-radius: 50%;
color: #777;
}
.tbk-express-cart-toast__close:hover,
.tbk-express-cart-toast__close:focus-visible {
background: var(--tbkec-soft);
color: var(--tbkec-black);
}
.tbk-express-cart-toast__close svg {
width: 17px;
height: 17px;
}
body.admin-bar .tbk-express-cart__drawer {
top: 32px;
height: calc(100dvh - 32px);
}
body.admin-bar .tbk-express-cart-toast {
top: 50px;
}
.tbk-express-cart :focus-visible {
outline: 3px solid rgba(255, 153, 0, 0.48);
outline-offset: 2px;
}
@media (max-width: 782px) {
body.admin-bar .tbk-express-cart__drawer {
top: 46px;
height: calc(100dvh - 46px);
}
body.admin-bar .tbk-express-cart-toast {
top: 60px;
}
}
@media (max-width: 600px) {
.tbk-express-cart__drawer {
width: 100%;
max-width: 100%;
}
.tbk-express-cart__header {
min-height: 74px;
padding: 14px 16px;
}
.tbk-express-cart__title {
font-size: 20px;
}
.tbk-express-cart__items {
padding-right: 16px;
padding-left: 16px;
}
.tbk-express-cart__item {
grid-template-columns: 70px minmax(0, 1fr) 38px;
gap: 11px;
padding: 14px 0;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a,
.tbk-express-cart__thumb img {
width: 70px;
height: 70px;
}
.tbk-express-cart__item-title {
font-size: 13px;
}
.tbk-express-cart__footer {
padding: 13px 16px calc(14px + env(safe-area-inset-bottom));
}
.tbk-express-cart__actions {
grid-template-columns: 1fr;
gap: 8px;
}
.tbk-express-cart__button {
min-height: 48px;
}
.tbk-express-cart-toast {
top: max(12px, env(safe-area-inset-top));
right: 12px;
width: calc(100vw - 24px);
}
body.admin-bar .tbk-express-cart-toast {
top: 58px;
}
}
@media (max-width: 375px) {
.tbk-express-cart__item {
grid-template-columns: 64px minmax(0, 1fr) 36px;
gap: 9px;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a,
.tbk-express-cart__thumb img {
width: 64px;
height: 64px;
}
.tbk-express-cart__item-meta {
align-items: flex-start;
flex-direction: column;
gap: 6px;
}
}
@media (prefers-reduced-motion: reduce) {
.tbk-express-cart__overlay,
.tbk-express-cart__drawer,
.tbk-express-cart__item,
.tbk-express-cart__button,
.tbk-express-cart-toast,
.tbk-express-cart__progress-track span {
transition: none !important;
}
.tbk-express-cart__spinner {
animation-duration: 1.4s;
}
} .tbk-express-cart__button--primary,
.tbk-express-cart__button--primary:link,
.tbk-express-cart__button--primary:visited,
.tbk-express-cart__button--primary:hover,
.tbk-express-cart__button--primary:focus,
.tbk-express-cart__button--primary:focus-visible,
.tbk-express-cart__button--primary:active {
color: #111 !important;
}
.tbk-express-cart__button--primary *,
.tbk-express-cart__button--primary:hover *,
.tbk-express-cart__button--primary:focus-visible * {
color: inherit !important;
fill: currentColor;
stroke: currentColor;
} @media (max-width: 375px) {
.tbk-express-cart__header {
min-height: 64px;
padding: 10px 14px;
gap: 10px;
}
.tbk-express-cart__title {
font-size: 18px;
line-height: 1.1;
}
.tbk-express-cart__count {
margin-top: 3px;
font-size: 12px;
}
.tbk-express-cart__close {
width: 40px;
min-width: 40px;
height: 40px;
}
.tbk-express-cart__close svg {
width: 20px;
height: 20px;
}
.tbk-express-cart__items {
padding: 0 14px 4px;
}
.tbk-express-cart__item {
grid-template-columns: 58px minmax(0, 1fr) 30px;
gap: 9px;
padding: 10px 0;
}
.tbk-express-cart__thumb,
.tbk-express-cart__thumb a,
.tbk-express-cart__thumb img {
width: 58px;
height: 58px;
}
.tbk-express-cart__thumb img {
border-radius: 8px;
}
.tbk-express-cart__item-title {
font-size: 12.5px;
line-height: 1.25;
}
.tbk-express-cart__variation {
margin-top: 3px;
font-size: 10px;
}
.tbk-express-cart__item-meta {
flex-direction: row;
align-items: center;
gap: 6px;
margin-top: 7px;
}
.tbk-express-cart__quantity {
min-height: 24px;
padding: 2px 8px;
font-size: 10.5px;
}
.tbk-express-cart__line-price {
font-size: 12.5px;
}
.tbk-express-cart__remove {
width: 30px;
height: 30px;
}
.tbk-express-cart__remove svg {
width: 16px;
height: 16px;
}
.tbk-express-cart__footer {
padding: 9px 14px calc(10px + env(safe-area-inset-bottom));
}
.tbk-express-cart__progress-card {
padding: 8px 9px;
border-radius: 9px;
}
.tbk-express-cart__progress-message {
gap: 6px;
font-size: 10.5px;
line-height: 1.28;
}
.tbk-express-cart__progress-track {
height: 5px;
margin-top: 7px;
}
.tbk-express-cart__subtotal-row {
gap: 10px;
margin: 9px 0;
font-size: 14px;
}
.tbk-express-cart__subtotal-row strong {
font-size: 18px;
}
.tbk-express-cart__actions {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
}
.tbk-express-cart__button {
min-height: 44px;
padding: 9px 8px;
border-radius: 9px;
font-size: 12.5px;
line-height: 1.15;
}
.tbk-express-cart__continue {
margin-top: 6px;
padding: 3px;
font-size: 11px;
}
} @media (max-width: 375px) and (max-height: 700px) {
.tbk-express-cart__header {
min-height: 60px;
padding-top: 8px;
padding-bottom: 8px;
}
.tbk-express-cart__footer {
padding-top: 8px;
}
.tbk-express-cart__progress-card {
padding-top: 7px;
padding-bottom: 7px;
}
.tbk-express-cart__subtotal-row {
margin: 8px 0;
}
.tbk-express-cart__button {
min-height: 42px;
}
}.tbk-account-panel {
--tbk-account-panel-orange: var(--tkb-orange, #ff9900);
--tbk-account-panel-orange-hover: #e88900;
--tbk-account-panel-bg: #101010;
--tbk-account-panel-surface: #191919;
--tbk-account-panel-surface-strong: #202020;
--tbk-account-panel-text: #f7f7f7;
--tbk-account-panel-muted: #aaa39b;
--tbk-account-panel-border: rgba(255, 255, 255, 0.1);
--tbk-account-panel-radius: 15px;
--tbk-account-panel-shadow: -22px 0 64px rgba(0, 0, 0, 0.42);
position: relative;
z-index: 100200;
color: var(--tbk-account-panel-text);
font-family: inherit;
pointer-events: none;
}
body.tbk-account-panel-scroll-lock {
position: fixed !important;
top: var(--tbk-account-panel-scroll-offset, 0) !important;
left: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
.tbk-account-panel__overlay {
position: fixed;
inset: 0;
z-index: 100200;
background: rgba(0, 0, 0, 0.58);
opacity: 0;
pointer-events: none;
transition: opacity 190ms ease;
backdrop-filter: blur(1.5px);
}
.tbk-account-panel__overlay[hidden] {
display: none !important;
}
.tbk-account-panel__drawer {
position: fixed;
top: 0;
right: 0;
z-index: 100210;
display: flex;
flex-direction: column;
width: min(450px, calc(100vw - 24px));
max-width: 100%;
height: 100vh;
height: 100dvh;
overflow: hidden;
color: var(--tbk-account-panel-text);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.12), transparent 30%),
var(--tbk-account-panel-bg);
box-shadow: var(--tbk-account-panel-shadow);
transform: translate3d(102%, 0, 0);
visibility: hidden;
outline: none;
pointer-events: none;
transition: transform 220ms ease, visibility 0s linear 220ms;
}
.tbk-account-panel.is-open {
pointer-events: auto;
}
.tbk-account-panel.is-open .tbk-account-panel__overlay {
opacity: 1;
pointer-events: auto;
}
.tbk-account-panel.is-open .tbk-account-panel__drawer {
transform: translate3d(0, 0, 0);
visibility: visible;
pointer-events: auto;
transition: transform 220ms ease, visibility 0s linear 0s;
}
.tbk-account-panel__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 86px;
padding: calc(18px + env(safe-area-inset-top, 0px)) 22px 18px;
border-bottom: 1px solid var(--tbk-account-panel-border);
background: rgba(16, 16, 16, 0.94);
}
.tbk-account-panel__eyebrow {
display: block;
margin-bottom: 5px;
color: var(--tbk-account-panel-orange);
font-size: 10px;
font-weight: 900;
line-height: 1.2;
letter-spacing: 1.65px;
}
.tbk-account-panel__title {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 24px !important;
font-weight: 850 !important;
line-height: 1.1 !important;
letter-spacing: -0.35px;
}
.tbk-account-panel__close {
display: inline-grid;
flex: 0 0 46px;
width: 46px;
height: 46px;
padding: 0;
place-items: center;
color: #fff;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 50%;
background: rgba(255, 255, 255, 0.045);
cursor: pointer;
transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.tbk-account-panel__close:hover {
border-color: rgba(255, 153, 0, 0.6);
background: rgba(255, 153, 0, 0.12);
}
.tbk-account-panel__close:active {
transform: scale(0.96);
}
.tbk-account-panel__close svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
}
.tbk-account-panel__main {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding: 24px 22px calc(28px + env(safe-area-inset-bottom, 0px));
scrollbar-width: thin;
scrollbar-color: rgba(255, 153, 0, 0.45) transparent;
}
.tbk-account-panel__loading {
display: flex;
min-height: 280px;
align-items: center;
justify-content: center;
gap: 12px;
color: var(--tbk-account-panel-muted);
font-size: 14px;
font-weight: 700;
}
.tbk-account-panel__spinner {
display: inline-block;
width: 24px;
height: 24px;
border: 2px solid rgba(255, 255, 255, 0.16);
border-top-color: var(--tbk-account-panel-orange);
border-radius: 50%;
animation: tbk-account-panel-spin 0.72s linear infinite;
}
.tbk-account-panel:not(.is-loading) .tbk-account-panel__loading {
display: none;
}
.tbk-account-panel__content:empty {
display: none;
}
.tbk-account-panel__view {
display: grid;
gap: 20px;
}
.tbk-account-panel__intro-icon {
display: inline-grid;
width: 74px;
height: 74px;
place-items: center;
color: #111;
border: 4px solid rgba(255, 255, 255, 0.08);
border-radius: 50%;
background: var(--tbk-account-panel-orange);
box-shadow: 0 16px 38px rgba(255, 153, 0, 0.17);
}
.tbk-account-panel__intro-icon svg {
width: 34px;
height: 34px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__intro-copy h3,
.tbk-account-panel__identity-copy h3 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 25px !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -0.4px;
}
.tbk-account-panel__intro-copy p {
margin: 9px 0 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 14px;
line-height: 1.65;
}
.tbk-account-panel__button {
display: flex;
min-height: 51px;
align-items: center;
justify-content: center;
padding: 12px 18px;
color: #151515 !important;
font-size: 14px;
font-weight: 900;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
border: 1px solid transparent;
border-radius: 12px;
box-sizing: border-box;
transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.tbk-account-panel__button--primary {
background: var(--tbk-account-panel-orange);
box-shadow: 0 10px 28px rgba(255, 153, 0, 0.15);
}
.tbk-account-panel__button--primary:hover {
color: #151515 !important;
background: var(--tbk-account-panel-orange-hover);
transform: translateY(-1px);
}
.tbk-account-panel__text-link,
.tbk-account-panel__logout {
justify-self: center;
color: #d7d2cd !important;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
text-underline-offset: 4px;
}
.tbk-account-panel__text-link:hover,
.tbk-account-panel__logout:hover {
color: var(--tbk-account-panel-orange) !important;
}
.tbk-account-panel__benefits {
display: grid;
gap: 10px;
padding: 18px;
border: 1px solid var(--tbk-account-panel-border);
border-radius: var(--tbk-account-panel-radius);
background: rgba(255, 255, 255, 0.035);
}
.tbk-account-panel__benefits span {
display: flex;
align-items: center;
gap: 10px;
color: #e4e0dc;
font-size: 13px;
font-weight: 700;
}
.tbk-account-panel__benefits span::before {
content: "✓";
display: inline-grid;
flex: 0 0 22px;
width: 22px;
height: 22px;
place-items: center;
color: #151515;
font-size: 12px;
font-weight: 950;
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__identity {
display: flex;
align-items: center;
gap: 16px;
padding: 18px;
border: 1px solid rgba(255, 153, 0, 0.22);
border-radius: var(--tbk-account-panel-radius);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.13), transparent 45%),
var(--tbk-account-panel-surface);
}
.tbk-account-panel__avatar {
display: inline-grid;
flex: 0 0 58px;
width: 58px;
height: 58px;
place-items: center;
color: #151515;
font-size: 24px;
font-weight: 950;
border: 3px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__identity-copy {
min-width: 0;
}
.tbk-account-panel__identity-copy > span {
display: block;
margin-bottom: 2px;
color: var(--tbk-account-panel-muted);
font-size: 12px;
font-weight: 700;
}
.tbk-account-panel__identity-copy h3 {
overflow: hidden;
font-size: 22px !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-account-panel__identity-copy p {
margin: 5px 0 0 !important;
padding: 0 !important;
overflow: hidden;
color: var(--tbk-account-panel-muted) !important;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbk-account-panel__notice {
display: grid;
gap: 5px;
padding: 15px 16px;
border-left: 3px solid var(--tbk-account-panel-orange);
border-radius: 0 11px 11px 0;
background: rgba(255, 153, 0, 0.07);
}
.tbk-account-panel__notice strong {
color: #fff;
font-size: 14px;
}
.tbk-account-panel__notice span {
color: var(--tbk-account-panel-muted);
font-size: 12px;
line-height: 1.5;
}
.tbk-account-panel__quick-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 11px;
}
.tbk-account-panel__quick-links a {
display: flex;
min-height: 104px;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 15px;
color: #f3f1ef !important;
text-decoration: none !important;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 13px;
background: var(--tbk-account-panel-surface);
transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.tbk-account-panel__quick-links a:hover {
color: #fff !important;
border-color: rgba(255, 153, 0, 0.42);
background: var(--tbk-account-panel-surface-strong);
transform: translateY(-1px);
}
.tbk-account-panel__quick-links svg {
width: 25px;
height: 25px;
color: var(--tbk-account-panel-orange);
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__quick-links span {
font-size: 13px;
font-weight: 800;
line-height: 1.25;
}
.tbk-account-panel__error {
display: grid;
gap: 14px;
padding: 20px;
border: 1px solid rgba(255, 153, 0, 0.28);
border-radius: var(--tbk-account-panel-radius);
background: var(--tbk-account-panel-surface);
}
.tbk-account-panel__error strong {
color: #fff;
font-size: 18px;
}
.tbk-account-panel__error span {
color: var(--tbk-account-panel-muted);
font-size: 13px;
line-height: 1.55;
}
.tbk-account-panel__error-actions {
display: grid;
gap: 9px;
}
.tbk-account-panel__error button {
min-height: 46px;
color: #151515;
font-weight: 900;
border: 0;
border-radius: 10px;
background: var(--tbk-account-panel-orange);
cursor: pointer;
}
.tbk-account-panel :where(a, button):focus-visible {
outline: 3px solid #fff;
outline-offset: 3px;
box-shadow: 0 0 0 6px rgba(255, 153, 0, 0.85);
}
@keyframes tbk-account-panel-spin {
to { transform: rotate(360deg); }
}
@media (max-width: 600px) {
.tbk-account-panel__drawer {
width: 100vw;
}
.tbk-account-panel__header {
min-height: 72px;
padding-right: 16px;
padding-left: 18px;
}
.tbk-account-panel__main {
padding-right: 18px;
padding-left: 18px;
}
}
@media (max-width: 360px) {
.tbk-account-panel__quick-links {
grid-template-columns: 1fr;
}
.tbk-account-panel__quick-links a {
min-height: 78px;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.tbk-account-panel__overlay,
.tbk-account-panel__drawer,
.tbk-account-panel__close,
.tbk-account-panel__button,
.tbk-account-panel__quick-links a {
transition-duration: 1ms !important;
}
.tbk-account-panel__spinner {
animation-duration: 1.5s;
}
} .tbk-account-panel [hidden] {
display: none !important;
}
.tbk-account-panel__intro {
display: flex;
align-items: center;
gap: 16px;
}
.tbk-account-panel__intro--compact .tbk-account-panel__intro-icon {
flex: 0 0 62px;
width: 62px;
height: 62px;
}
.tbk-account-panel__intro--compact .tbk-account-panel__intro-icon svg {
width: 29px;
height: 29px;
}
.tbk-account-panel__screen {
display: grid;
gap: 18px;
}
.tbk-account-panel__screen-heading {
display: grid;
gap: 7px;
}
.tbk-account-panel__screen-heading h3 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 25px !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -0.4px;
}
.tbk-account-panel__screen-heading p {
margin: 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 14px;
line-height: 1.6;
}
.tbk-account-panel__back,
.tbk-account-panel__inline-link,
.tbk-account-panel__logout {
appearance: none;
padding: 0;
color: #d7d2cd;
font: inherit;
border: 0;
background: transparent;
cursor: pointer;
}
.tbk-account-panel__back {
display: inline-flex;
width: max-content;
align-items: center;
gap: 6px;
color: #dedad6;
font-size: 13px;
font-weight: 750;
}
.tbk-account-panel__back:hover,
.tbk-account-panel__inline-link:hover {
color: var(--tbk-account-panel-orange);
}
.tbk-account-panel__back svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__form {
display: grid;
gap: 15px;
}
.tbk-account-panel__form-message {
display: none;
padding: 11px 12px;
color: #ffd5d5;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
border: 1px solid rgba(235, 87, 87, 0.38);
border-radius: 10px;
background: rgba(235, 87, 87, 0.09);
}
.tbk-account-panel__form-message.is-visible {
display: block;
}
.tbk-account-panel__field {
display: grid;
gap: 7px;
}
.tbk-account-panel__field label {
color: #efedea;
font-size: 12px;
font-weight: 800;
line-height: 1.35;
}
.tbk-account-panel__field input[type="text"],
.tbk-account-panel__field input[type="email"],
.tbk-account-panel__field input[type="password"] {
display: block;
width: 100%;
min-height: 50px;
margin: 0;
padding: 11px 13px;
color: #fff;
font-family: inherit;
font-size: 16px;
line-height: 1.25;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 11px;
outline: none;
background: #181818;
box-shadow: none;
box-sizing: border-box;
transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}
.tbk-account-panel__field input:hover {
border-color: rgba(255, 255, 255, 0.28);
}
.tbk-account-panel__field input:focus {
border-color: var(--tbk-account-panel-orange);
background: #1d1d1d;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.14);
}
.tbk-account-panel__field.has-error input {
border-color: #eb5757;
box-shadow: 0 0 0 3px rgba(235, 87, 87, 0.1);
}
.tbk-account-panel__field small {
color: #8f8983;
font-size: 11px;
line-height: 1.45;
}
.tbk-account-panel__field-error {
min-height: 0;
color: #ffb1b1;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.tbk-account-panel__field-error:empty {
display: none;
}
.tbk-account-panel__password-field {
position: relative;
}
.tbk-account-panel__password-field input {
padding-right: 52px !important;
}
.tbk-account-panel__password-field button {
position: absolute;
top: 50%;
right: 4px;
display: inline-grid;
width: 42px;
height: 42px;
padding: 0;
place-items: center;
color: #a9a39d;
border: 0;
border-radius: 9px;
background: transparent;
cursor: pointer;
transform: translateY(-50%);
}
.tbk-account-panel__password-field button:hover {
color: var(--tbk-account-panel-orange);
background: rgba(255, 153, 0, 0.08);
}
.tbk-account-panel__password-field svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__form-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
color: #c8c3be;
font-size: 12px;
font-weight: 650;
cursor: pointer;
}
.tbk-account-panel__checkbox input {
width: 17px;
height: 17px;
margin: 0;
accent-color: var(--tbk-account-panel-orange);
}
.tbk-account-panel__inline-link {
color: #dedad6;
font-size: 12px;
font-weight: 750;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
text-underline-offset: 3px;
}
.tbk-account-panel__button {
appearance: none;
width: 100%;
cursor: pointer;
}
.tbk-account-panel__button--secondary {
color: #f5f2ef !important;
border-color: rgba(255, 255, 255, 0.16);
background: #1a1a1a;
box-shadow: none;
}
.tbk-account-panel__button--secondary:hover {
color: #fff !important;
border-color: rgba(255, 153, 0, 0.5);
background: #202020;
transform: translateY(-1px);
}
.tbk-account-panel__button-spinner {
display: none;
width: 18px;
height: 18px;
margin-left: 9px;
border: 2px solid rgba(20, 20, 20, 0.28);
border-top-color: #151515;
border-radius: 50%;
animation: tbk-account-panel-spin 0.72s linear infinite;
}
.tbk-account-panel__form.is-busy .tbk-account-panel__button-spinner,
.tbk-account-panel__logout-form.is-busy .tbk-account-panel__button-spinner {
display: inline-block;
}
.tbk-account-panel__form.is-busy,
.tbk-account-panel__logout-form.is-busy {
opacity: 0.76;
}
.tbk-account-panel__separator {
display: flex;
align-items: center;
gap: 12px;
color: #817b75;
font-size: 10px;
font-weight: 850;
letter-spacing: 1.05px;
text-transform: uppercase;
}
.tbk-account-panel__separator::before,
.tbk-account-panel__separator::after {
content: "";
flex: 1;
height: 1px;
background: var(--tbk-account-panel-border);
}
.tbk-account-panel__legal {
margin: 0 !important;
padding: 0 !important;
color: #8f8983 !important;
font-size: 11px;
line-height: 1.55;
}
.tbk-account-panel__legal a {
color: #d8d2cc !important;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.55);
}
.tbk-account-panel__flash {
padding: 12px 13px;
color: #dff7e8;
font-size: 12px;
font-weight: 750;
line-height: 1.45;
border: 1px solid rgba(65, 190, 116, 0.35);
border-radius: 10px;
background: rgba(65, 190, 116, 0.09);
}
.tbk-account-panel__flash--error {
color: #ffd5d5;
border-color: rgba(235, 87, 87, 0.38);
background: rgba(235, 87, 87, 0.09);
}
.tbk-account-panel__confirmation-icon {
display: inline-grid;
width: 68px;
height: 68px;
place-items: center;
color: #151515;
font-size: 29px;
font-weight: 950;
border-radius: 50%;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__section {
display: grid;
gap: 11px;
}
.tbk-account-panel__section-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__section-head h4 {
margin: 0 !important;
padding: 0 !important;
color: #bbb5af !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
letter-spacing: 1.3px;
text-transform: uppercase;
}
.tbk-account-panel__section-head a {
color: var(--tbk-account-panel-orange) !important;
font-size: 11px;
font-weight: 800;
text-decoration: none !important;
}
.tbk-account-panel__order-card {
display: grid;
gap: 14px;
padding: 16px;
border: 1px solid var(--tbk-account-panel-border);
border-radius: 14px;
background: var(--tbk-account-panel-surface);
}
.tbk-account-panel__order-card--progress,
.tbk-account-panel__order-card--warning {
border-color: rgba(255, 153, 0, 0.27);
background:
radial-gradient(circle at 100% 0, rgba(255, 153, 0, 0.08), transparent 42%),
var(--tbk-account-panel-surface);
}
.tbk-account-panel__order-card--danger {
border-color: rgba(235, 87, 87, 0.32);
}
.tbk-account-panel__order-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.tbk-account-panel__order-head > div {
display: grid;
min-width: 0;
gap: 3px;
}
.tbk-account-panel__order-number {
color: #fff;
font-size: 14px;
font-weight: 850;
line-height: 1.25;
}
.tbk-account-panel__order-date {
color: #8f8983;
font-size: 11px;
}
.tbk-account-panel__status-badge {
flex: 0 0 auto;
max-width: 155px;
padding: 6px 8px;
color: #151515;
font-size: 10px;
font-weight: 900;
line-height: 1.2;
text-align: center;
border-radius: 999px;
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__order-card--muted .tbk-account-panel__status-badge,
.tbk-account-panel__order-card--neutral .tbk-account-panel__status-badge {
color: #e7e2dd;
background: #343434;
}
.tbk-account-panel__order-card--danger .tbk-account-panel__status-badge {
color: #fff;
background: #b84545;
}
.tbk-account-panel__order-card--success .tbk-account-panel__status-badge {
color: #0f2518;
background: #74d496;
}
.tbk-account-panel__order-description {
margin: 0 !important;
padding: 0 !important;
color: var(--tbk-account-panel-muted) !important;
font-size: 12px;
line-height: 1.52;
}
.tbk-account-panel__order-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.tbk-account-panel__order-images {
display: flex;
min-width: 0;
padding-left: 7px;
}
.tbk-account-panel__order-images img {
width: 47px;
height: 47px;
margin-left: -7px;
object-fit: cover;
border: 2px solid #191919;
border-radius: 7px;
background: #262626;
}
.tbk-account-panel__order-meta {
display: grid;
flex: 0 0 auto;
gap: 2px;
text-align: right;
}
.tbk-account-panel__order-meta span {
color: #96908a;
font-size: 11px;
}
.tbk-account-panel__order-meta strong {
color: #fff;
font-size: 13px;
font-weight: 850;
}
.tbk-account-panel__tracking-meta {
display: flex;
flex-wrap: wrap;
gap: 6px 10px;
padding: 9px 10px;
color: #aaa39b;
font-size: 10px;
font-weight: 700;
border-radius: 8px;
background: rgba(255, 255, 255, 0.035);
}
.tbk-account-panel__order-action {
display: flex;
min-height: 43px;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
color: #f5f2ef !important;
font-size: 12px;
font-weight: 850;
text-decoration: none !important;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 10px;
background: #202020;
}
.tbk-account-panel__order-action:hover {
color: #151515 !important;
border-color: var(--tbk-account-panel-orange);
background: var(--tbk-account-panel-orange);
}
.tbk-account-panel__order-action svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-account-panel__empty-state {
display: grid;
gap: 7px;
padding: 17px;
border: 1px solid rgba(255, 153, 0, 0.24);
border-radius: 13px;
background: rgba(255, 153, 0, 0.06);
}
.tbk-account-panel__empty-state strong {
color: #fff;
font-size: 14px;
}
.tbk-account-panel__empty-state span {
color: var(--tbk-account-panel-muted);
font-size: 12px;
}
.tbk-account-panel__empty-state a {
width: max-content;
margin-top: 3px;
color: var(--tbk-account-panel-orange) !important;
font-size: 12px;
font-weight: 850;
text-decoration: none !important;
}
.tbk-account-panel__logout-form {
display: grid;
justify-items: center;
}
.tbk-account-panel__logout {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
color: #aaa39b;
font-size: 12px;
font-weight: 750;
text-decoration: underline;
text-decoration-color: rgba(255, 153, 0, 0.45);
text-underline-offset: 4px;
}
.tbk-account-panel__logout:hover {
color: var(--tbk-account-panel-orange);
}
@media (max-width: 420px) {
.tbk-account-panel__intro {
align-items: flex-start;
}
.tbk-account-panel__intro-copy h3 {
font-size: 22px !important;
}
.tbk-account-panel__form-row {
align-items: flex-start;
flex-direction: column;
}
.tbk-account-panel__order-head {
align-items: flex-start;
flex-direction: column;
}
.tbk-account-panel__status-badge {
max-width: 100%;
}
}
.tbk-account-panel__generated-password-note {
margin: 0;
padding: 13px 14px;
border: 1px solid rgba(255, 153, 0, 0.28);
border-radius: 12px;
background: rgba(255, 153, 0, 0.07);
color: #dedede;
font-size: 14px;
line-height: 1.55;
}.tkb-bundle-box {
--tkb-bundle-orange: var(--tkb-orange, #ff9900);
--tkb-bundle-bg: #191919;
--tkb-bundle-row: #202020;
--tkb-bundle-border: #343434;
position: relative;
width: 100%;
margin: 14px 0 16px;
padding: 0;
color: #fff;
background: var(--tkb-bundle-bg);
border: 1px solid #282828;
border-left: 3px solid var(--tkb-bundle-orange);
border-radius: 7px;
overflow: hidden;
}
.tkb-bundle-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 48px;
padding: 12px 15px;
border-bottom: 1px solid var(--tkb-bundle-border);
}
.tkb-bundle-heading {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
color: var(--tkb-bundle-orange);
font-size: 12px;
font-weight: 900;
line-height: 1.2;
letter-spacing: .04em;
text-transform: uppercase;
}
.tkb-bundle-heading::before {
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid var(--tkb-bundle-orange);
}
.tkb-bundle-count {
color: #aeb2b7;
font-size: 10px;
font-weight: 650;
white-space: nowrap;
}
.tkb-bundle-viewport {
position: relative;
max-height: var(--tkb-bundle-collapsed-height, 520px);
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: var(--tkb-bundle-orange) #303030;
scrollbar-width: thin;
overscroll-behavior: contain;
transition: max-height .25s ease;
}
.tkb-bundle-viewport::-webkit-scrollbar {
width: 9px;
}
.tkb-bundle-viewport::-webkit-scrollbar-track {
background: #303030;
}
.tkb-bundle-viewport::-webkit-scrollbar-thumb {
background: var(--tkb-bundle-orange);
border: 2px solid #303030;
border-radius: 999px;
}
.tkb-bundle-box.is-expanded .tkb-bundle-viewport {
max-height: none !important;
overflow: visible;
}
.tkb-bundle-products,
.tkb-bundle-products.woosb-products {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 12px !important;
background: transparent !important;
border: 0 !important;
}
.tkb-bundle-item {
display: grid !important;
grid-template-columns: 54px minmax(0, 1fr) auto;
align-items: center !important;
gap: 12px !important;
min-height: 76px;
margin: 0 !important;
padding: 10px 2px !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid var(--tkb-bundle-border) !important;
box-shadow: none !important;
}
.tkb-bundle-item:last-child {
border-bottom: 0 !important;
}
.tkb-bundle-item:hover {
background: var(--tkb-bundle-row) !important;
}
.tkb-bundle-item .woosb-thumb,
.tkb-bundle-item [class*="thumb"] {
grid-column: 1;
width: 54px !important;
min-width: 54px !important;
margin: 0 !important;
}
.tkb-bundle-item img {
display: block;
width: 54px !important;
height: 54px !important;
max-width: 54px !important;
object-fit: cover;
border-radius: 50%;
}
.tkb-bundle-item .woosb-title,
.tkb-bundle-item .woosb-name,
.tkb-bundle-item .woosb-product-title,
.tkb-bundle-item .tkb-bundle-copy {
grid-column: 2;
display: flex !important;
flex-direction: column;
justify-content: center;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
line-height: 1.3 !important;
}
.tkb-bundle-title-line {
display: flex;
align-items: baseline;
gap: 7px;
min-width: 0;
}
.tkb-bundle-qty-label {
flex: 0 0 auto;
color: var(--tkb-bundle-orange);
font-size: 10px;
font-weight: 900;
line-height: 1;
}
.tkb-bundle-short-title {
min-width: 0;
color: #fff !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
text-decoration: none !important;
overflow-wrap: anywhere;
}
.tkb-bundle-short-title:hover {
color: var(--tkb-bundle-orange) !important;
}
.tkb-bundle-artists {
display: block;
margin-top: 3px;
color: #aeb2b7;
font-size: 11px;
font-weight: 550;
line-height: 1.3;
overflow-wrap: anywhere;
}
.tkb-bundle-item > a,
.tkb-bundle-item .woosb-thumb a {
text-decoration: none !important;
}
.tkb-bundle-item .woosb-qty,
.tkb-bundle-item .woosb-quantity,
.tkb-bundle-item [class*="quantity"] {
display: none !important;
}
.tkb-bundle-item .woosb-price,
.tkb-bundle-item .woosb-product-price {
grid-column: 3;
min-width: 54px;
margin: 0 !important;
padding: 0 2px 0 8px !important;
text-align: right;
} .tkb-bundle-unit-price {
display: inline-block;
min-width: 0;
padding: 0;
color: var(--tkb-bundle-orange) !important;
background: transparent;
border: 0;
border-radius: 0;
font-size: 9px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: 0;
white-space: nowrap;
}
.tkb-bundle-unit-price .woocommerce-Price-amount,
.tkb-bundle-unit-price .woocommerce-Price-currencySymbol {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
}
.tkb-bundle-item .woosb-price del,
.tkb-bundle-item .stock,
.tkb-bundle-item .woosb-availability,
.tkb-bundle-item [class*="availability"] {
display: none !important;
}
.tkb-bundle-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 42px;
margin: 0;
padding: 10px 14px;
color: var(--tkb-bundle-orange);
background: #202020;
border: 0;
border-top: 1px solid var(--tkb-bundle-border);
font-size: 10px;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
cursor: pointer;
}
.tkb-bundle-toggle:hover,
.tkb-bundle-toggle:focus-visible {
color: #fff;
background: #292929;
}
.tkb-bundle-toggle[hidden] {
display: none !important;
}
.tkb-bundle-original-wrap > .woosb-total,
.tkb-bundle-original-wrap > .woosb-alert {
margin-top: 10px;
} body.tkb-family-pack .tkb-price-stock-row {
align-items: center !important;
margin-bottom: 10px !important;
}
body.tkb-family-pack .tkb-price-stock-row .price {
display: flex !important;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
font-size: 31px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.tkb-family-pack .tkb-price-stock-row .price ins,
body.tkb-family-pack .tkb-price-stock-row .price > .woocommerce-Price-amount {
order: 1;
color: var(--tkb-orange, #ff9900) !important;
font-size: 31px !important;
font-weight: 700 !important;
letter-spacing: -.01em;
text-decoration: none !important;
}
body.tkb-family-pack .tkb-price-stock-row .price del {
order: 2;
color: #969ba1 !important;
font-size: 15px !important;
font-weight: 500 !important;
opacity: .82;
text-decoration-thickness: 1.3px;
}
body.tkb-family-pack .tkb-price-stock-row .tkb-stock-display {
padding: 6px 10px !important;
font-size: 10px !important;
}
body.tkb-family-pack .tkb-price-stock-row .woocommerce-Price-amount {
white-space: nowrap;
}
body.tkb-family-pack .tkb-price-stock-row .tkb-stock-display.out-of-stock {
color: #a63c36 !important;
background: #fff0ef;
border-color: #efc2bf;
}
body.tkb-family-pack .tkb-price-stock-row .tkb-stock-display.out-of-stock::before {
background: #c44943;
}
@media (max-width: 600px) {
.tkb-bundle-header {
align-items: flex-start;
padding: 11px 12px;
}
.tkb-bundle-count {
max-width: 45%;
white-space: normal;
text-align: right;
}
.tkb-bundle-products,
.tkb-bundle-products.woosb-products {
padding: 0 9px !important;
}
.tkb-bundle-item {
grid-template-columns: 46px minmax(0, 1fr) auto;
gap: 9px !important;
min-height: 68px;
}
.tkb-bundle-item .woosb-thumb,
.tkb-bundle-item [class*="thumb"],
.tkb-bundle-item img {
width: 46px !important;
height: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
}
.tkb-bundle-short-title {
font-size: 12px !important;
}
.tkb-bundle-artists {
font-size: 10px;
}
.tkb-bundle-item .woosb-price,
.tkb-bundle-item .woosb-product-price {
min-width: 58px;
}
.tkb-bundle-unit-price {
min-width: 52px;
padding: 0;
font-size: 9px !important;
font-weight: 500 !important;
}
body.tkb-family-pack .tkb-price-stock-row {
align-items: center !important;
}
body.tkb-family-pack .tkb-price-stock-row .price del {
font-size: 14px !important;
}
body.tkb-family-pack .tkb-price-stock-row .price,
body.tkb-family-pack .tkb-price-stock-row .price ins,
body.tkb-family-pack .tkb-price-stock-row .price > .woocommerce-Price-amount {
font-size: 28px !important;
}
} .tkb-bundle-form-ready {
display: block !important;
width: 100% !important;
margin: 0 !important;
}
.tkb-bundle-purchase-bar,
.tkb-bundle-purchase-bar--flat {
display: grid !important;
grid-template-columns: max-content max-content 108px minmax(180px, 1fr) !important;
align-items: center !important;
column-gap: 10px !important;
row-gap: 0 !important;
width: 100% !important;
margin: 14px 0 12px !important;
}
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
grid-column: 1 / 3 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: max-content max-content !important;
align-items: center !important;
justify-content: start !important;
gap: 10px !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
.tkb-bundle-purchase-bar .et_pb_wc_price {
min-width: 0 !important;
margin: 0 !important;
}
.tkb-bundle-purchase-bar .tkb-stock-display {
min-height: 38px !important;
margin: 0 !important;
padding: 6px 9px !important;
font-size: 10px !important;
line-height: 1.15 !important;
} .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
grid-column: 3 / 5 !important;
grid-row: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
.tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity {
display: grid !important;
width: 108px !important;
min-width: 108px !important;
margin: 0 !important;
grid-template-columns: 32px minmax(36px, 1fr) 32px !important;
}
.tkb-bundle-purchase-bar .tkb-bundle-purchase-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 46px !important;
margin: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.tkb-bundle-purchase-bar + .woosb-wrap,
.tkb-bundle-purchase-bar + .tkb-bundle-box,
.tkb-bundle-form-ready .tkb-bundle-box {
margin-top: 0 !important;
}
.tkb-bundle-box.is-single-item .tkb-bundle-viewport {
max-height: none !important;
overflow: visible !important;
}
.tkb-bundle-box.is-single-item .tkb-bundle-toggle {
display: none !important;
}
.tkb-bundle-box.is-single-item .tkb-bundle-item {
min-height: 68px;
}
@media (max-width: 767px) {
.tkb-bundle-purchase-bar,
.tkb-bundle-purchase-bar--flat {
grid-template-columns: 100px minmax(0, 1fr) !important;
column-gap: 10px !important;
row-gap: 8px !important;
}
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
}
.tkb-bundle-purchase-bar .tkb-stock-display {
flex: 0 0 auto !important;
max-width: max-content !important;
min-height: 36px !important;
padding: 6px 9px !important;
font-size: 10px !important;
}
.tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
}
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
grid-template-columns: 100px minmax(0, 1fr) !important;
}
.tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity {
width: 100px !important;
min-width: 100px !important;
grid-template-columns: 30px minmax(34px, 1fr) 30px !important;
}
}
@media (max-width: 360px) {
.tkb-bundle-purchase-bar,
.tkb-bundle-purchase-bar--flat {
grid-template-columns: 94px minmax(0, 1fr) !important;
}
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
grid-template-columns: 94px minmax(0, 1fr) !important;
}
.tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity {
width: 94px !important;
min-width: 94px !important;
}
.tkb-bundle-purchase-bar .tkb-price-stock-row .price,
.tkb-bundle-purchase-bar .tkb-price-stock-row .price ins,
.tkb-bundle-purchase-bar .tkb-price-stock-row .price > .woocommerce-Price-amount {
font-size: 25px !important;
}
.tkb-bundle-purchase-bar .tkb-stock-display {
padding: 5px 7px !important;
font-size: 9px !important;
}
} @media (min-width: 768px) {
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: contents !important;
}
.tkb-bundle-purchase-bar > .tkb-price-stock-row .et_pb_wc_price,
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center !important;
margin: 0 !important;
}
.tkb-bundle-purchase-bar > .tkb-price-stock-row .tkb-stock-display,
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: start !important;
margin: 0 !important;
transform: none !important;
}
} .tkb-pack-categories {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
margin: 10px 0 13px;
padding: 10px 12px;
background: #fafafa;
border: 1px solid var(--tkb-border, #dde1e4);
border-radius: 6px;
}
.tkb-pack-categories__label {
flex: 0 0 auto;
color: #747a82;
font-size: 9px;
font-weight: 850;
letter-spacing: .07em;
text-transform: uppercase;
}
.tkb-pack-categories__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
min-width: 0;
}
.tkb-pack-categories__list a {
display: inline-flex;
align-items: center;
min-height: 25px;
padding: 4px 8px;
color: #51575e !important;
background: #fff;
border: 1px solid #e0e2e4;
border-radius: 4px;
font-size: 10px;
font-weight: 720;
line-height: 1.2;
text-decoration: none !important;
}
.tkb-pack-categories__list a:hover,
.tkb-pack-categories__list a:focus-visible {
color: #fff !important;
background: var(--tkb-orange, #ff9900);
border-color: var(--tkb-orange, #ff9900);
outline: none;
}
body.tkb-family-pack .tkb-product-identity-row--categories,
body.tkb-family-pack .product_meta .tkb-pack-categories-source-hidden {
display: none !important;
}
.tkb-bundle-header-actions {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-end;
gap: 10px;
min-width: 0;
}
.tkb-bundle-listen {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 30px;
margin: 0;
padding: 6px 10px;
color: #111;
background: var(--tkb-bundle-orange);
border: 1px solid var(--tkb-bundle-orange);
border-radius: 5px;
font-size: 9px;
font-weight: 900;
letter-spacing: .035em;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
}
.tkb-bundle-listen::before {
content: "";
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid currentColor;
}
.tkb-bundle-listen:hover,
.tkb-bundle-listen:focus-visible {
color: #fff;
background: var(--tkb-orange-hover, #e68800);
border-color: var(--tkb-orange-hover, #e68800);
outline: none;
}
.tkb-bundle-tracks-toggle {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 43px;
margin: 0;
padding: 10px 14px;
color: #d6d8da;
background: #171717;
border: 0;
border-top: 1px solid var(--tkb-bundle-border);
font-size: 10px;
font-weight: 850;
letter-spacing: .025em;
line-height: 1.25;
cursor: pointer;
}
.tkb-bundle-tracks-toggle::before {
content: "";
width: 8px;
height: 8px;
border-right: 2px solid var(--tkb-bundle-orange);
border-bottom: 2px solid var(--tkb-bundle-orange);
transform: rotate(45deg) translateY(-2px);
transition: transform .18s ease;
}
.tkb-bundle-box.is-audio-expanded .tkb-bundle-tracks-toggle::before {
transform: rotate(225deg) translate(-1px, -1px);
}
.tkb-bundle-tracks-toggle:hover,
.tkb-bundle-tracks-toggle:focus-visible {
color: #fff;
background: #242424;
outline: none;
}
.tkb-bundle-audio-panel {
position: relative;
width: 100%;
max-height: 560px;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
background: #151515;
border-top: 1px solid var(--tkb-bundle-border);
scrollbar-color: var(--tkb-bundle-orange) #303030;
scrollbar-width: thin;
overscroll-behavior: contain;
}
.tkb-bundle-audio-panel[hidden] {
display: none !important;
}
.tkb-bundle-audio-panel::-webkit-scrollbar {
width: 9px;
}
.tkb-bundle-audio-panel::-webkit-scrollbar-track {
background: #303030;
}
.tkb-bundle-audio-panel::-webkit-scrollbar-thumb {
background: var(--tkb-bundle-orange);
border: 2px solid #303030;
border-radius: 999px;
}
.tkb-bundle-audio-panel > .tkb-bundle-audio-module,
.tkb-bundle-audio-panel > .et_pb_module,
.tkb-bundle-audio-panel .tkbpp-audio-module,
.tkb-bundle-audio-panel .iron-audioplayer,
.tkb-bundle-audio-panel .srp_player_boxed,
.tkb-bundle-audio-panel .srp_tracklist {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box;
}
.tkb-bundle-empty-audio-origin {
display: none !important;
} @media (min-width: 768px) {
.tkb-bundle-purchase-bar,
.tkb-bundle-purchase-bar--flat {
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;
min-height: 50px;
margin: 14px 0 12px !important;
}
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: contents !important;
}
.tkb-bundle-purchase-bar .et_pb_wc_price {
display: flex !important;
align-items: center !important;
align-self: center !important;
min-height: 50px;
margin: 0 !important;
}
.tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-height: 50px;
margin: 0 !important;
line-height: 1 !important;
}
.tkb-bundle-purchase-bar .et_pb_wc_price .price ins,
.tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount {
font-size: 30px !important;
font-weight: 760 !important;
line-height: 1 !important;
}
.tkb-bundle-purchase-bar .et_pb_wc_price .price del {
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1 !important;
}
.tkb-bundle-purchase-bar .tkb-stock-display {
align-self: center !important;
justify-self: start !important;
min-height: 38px !important;
margin: 0 !important;
transform: none !important;
}
.tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
display: flex !important;
align-items: center !important;
align-self: center !important;
min-height: 50px;
}
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
min-height: 50px;
}
.tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity,
.tkb-bundle-purchase-bar .tkb-bundle-purchase-button {
min-height: 50px !important;
height: 50px !important;
margin: 0 !important;
}
.tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity .qty,
.tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity .tkb-qty-button {
min-height: 48px !important;
height: 48px !important;
}
}
@media (max-width: 767px) {
.tkb-pack-categories {
align-items: flex-start;
flex-direction: column;
gap: 7px;
}
.tkb-bundle-header {
flex-wrap: wrap;
}
.tkb-bundle-header-actions {
width: 100%;
justify-content: space-between;
}
.tkb-bundle-listen {
min-height: 31px;
}
.tkb-bundle-audio-panel {
max-height: 480px;
}
.tkb-bundle-purchase-bar .et_pb_wc_price,
.tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
.tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
gap: 10px !important;
}
.tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity,
.tkb-bundle-purchase-bar .tkb-bundle-purchase-button {
min-height: 50px !important;
height: 50px !important;
margin: 0 !important;
}
}  body.tkb-family-pack .tkb-pack-categories,
body.tkb-family-pack .tkb-product-identity-row--categories,
body.tkb-family-pack .product_meta .posted_in,
body.tkb-family-pack .tkb-pack-category-hidden,
body.tkb-family-pack .et_pb_wc_meta.tkb-pack-meta-hidden {
display: none !important;
} .tkb-bundle-audio-source-host {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.tkb-bundle-audio-source {
position: absolute !important;
left: -100000px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.tkb-bundle-item {
grid-template-rows: auto auto;
}
.tkb-bundle-title-line {
align-items: center;
} .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 26px 54px minmax(0, 1fr) auto !important;
}
.tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: center;
justify-self: center;
}
.tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
.tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 2 !important;
grid-row: 1 !important;
}
.tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
.tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
.tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
.tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 3 !important;
grid-row: 1 !important;
}
.tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
.tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 4 !important;
grid-row: 1 !important;
}
.tkb-bundle-reference-play {
display: inline-flex;
flex: 0 0 24px;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
color: #111;
background: var(--tkb-bundle-orange);
border: 1px solid var(--tkb-bundle-orange);
border-radius: 50%;
cursor: pointer;
transition: color .16s ease, background .16s ease, transform .16s ease;
}
.tkb-bundle-reference-play span {
display: block;
width: 0;
height: 0;
margin-left: 2px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid currentColor;
}
.tkb-bundle-reference-play:hover,
.tkb-bundle-reference-play:focus-visible {
color: #fff;
background: var(--tkb-orange-hover, #e68800);
border-color: var(--tkb-orange-hover, #e68800);
outline: none;
transform: scale(1.05);
}
.tkb-bundle-reference-toggle {
display: inline-flex;
align-self: flex-start;
align-items: center;
gap: 6px;
min-height: 20px;
margin: 4px 0 0;
padding: 0;
color: #8f9499;
background: transparent;
border: 0;
font-size: 9px;
font-weight: 750;
line-height: 1.2;
cursor: pointer;
}
.tkb-bundle-reference-toggle i {
display: block;
width: 7px;
height: 7px;
border-right: 2px solid var(--tkb-bundle-orange);
border-bottom: 2px solid var(--tkb-bundle-orange);
transform: rotate(45deg) translateY(-2px);
transition: transform .18s ease;
}
.tkb-bundle-item.is-reference-expanded .tkb-bundle-reference-toggle i {
transform: rotate(225deg) translate(-1px, -1px);
}
.tkb-bundle-reference-toggle:hover,
.tkb-bundle-reference-toggle:focus-visible {
color: #fff;
outline: none;
}
.tkb-bundle-reference-panel {
grid-column: 1 / -1;
width: 100%;
min-width: 0;
margin: 5px 0 0;
padding: 5px 7px 7px;
background: #141414;
border-top: 1px solid rgba(255, 255, 255, .08);
border-radius: 0 0 5px 5px;
}
.tkb-bundle-reference-panel[hidden] {
display: none !important;
}
.tkb-bundle-reference-panel .tkb-bundle-group {
margin: 0;
padding: 0;
border: 0;
}
.tkb-bundle-reference-panel .tkb-bundle-group-head {
display: none !important;
}
.tkb-bundle-reference-panel .tkb-bundle-group-body {
display: flex !important;
flex-direction: column;
gap: 2px;
margin: 0;
padding: 0;
}
.tkb-bundle-reference-panel .tkb-track-item {
min-height: 44px;
margin: 0;
padding: 5px 7px;
background: #181818;
border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.tkb-bundle-reference-panel .tkb-track-item:last-child {
border-bottom: 0;
} .tkb-bundle-tracks-toggle,
.tkb-bundle-audio-panel {
display: none !important;
}
@media (min-width: 768px) {
body.tkb-family-pack .tkb-bundle-purchase-bar,
body.tkb-family-pack .tkb-bundle-purchase-bar--flat {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 10px !important;
width: 100% !important;
min-height: 50px !important;
margin: 14px 0 12px !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-family-pack .tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: flex !important;
flex: 0 1 auto !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
width: auto !important;
min-width: 0 !important;
min-height: 50px !important;
margin: 0 !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price,
body.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price > .et_pb_module_inner,
body.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 8px !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price ins,
body.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-purchase-bar .et_pb_wc_price .price del {
display: inline-flex !important;
align-items: center !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar .tkb-stock-display {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 6px 9px !important;
line-height: 1 !important;
transform: none !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar > form.tkb-bundle-purchase-form {
display: flex !important;
flex: 1 1 300px !important;
align-items: center !important;
width: auto !important;
min-width: 280px !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form > .tkb-buy-row,
body.tkb-family-pack .tkb-bundle-purchase-bar form.tkb-bundle-purchase-form .tkb-bundle-buy-row {
display: grid !important;
grid-template-columns: 108px minmax(180px, 1fr) !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity,
body.tkb-family-pack .tkb-bundle-purchase-bar .tkb-bundle-purchase-button {
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
}
body.tkb-family-pack .tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity .qty,
body.tkb-family-pack .tkb-bundle-purchase-bar .tkb-bundle-purchase-quantity .tkb-qty-button {
height: 48px !important;
min-height: 48px !important;
}
}
@media (max-width: 767px) {
.tkb-bundle-reference-play {
flex-basis: 22px;
width: 22px;
height: 22px;
}
.tkb-bundle-reference-panel {
padding: 5px;
}
.tkb-bundle-reference-panel .tkb-track-item {
min-height: 42px;
padding: 5px;
}
} body.tkb-family-pack
.tkb-bundle-purchase-bar
form.tkb-bundle-purchase-form
.tkb-bundle-buy-row {
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
align-items: stretch !important;
column-gap: 0 !important;
width: 100% !important;
min-width: 0 !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-family-pack
.tkb-bundle-purchase-bar
.tkb-bundle-purchase-quantity {
grid-column: 1 !important;
width: 108px !important;
min-width: 108px !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
}
body.tkb-family-pack
.tkb-bundle-purchase-bar
.tkb-bundle-button-cell {
grid-column: 2 !important;
display: flex !important;
align-items: stretch !important;
min-width: 0 !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 0 0 0 10px !important;
}
body.tkb-family-pack
.tkb-bundle-purchase-bar
.tkb-bundle-button-cell
.tkb-bundle-purchase-button {
display: flex !important;
flex: 1 1 auto !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 50px !important;
min-height: 50px !important;
margin: 0 !important;
padding: 12px 18px !important;
box-sizing: border-box !important;
}
@media (max-width: 767px) {
body.tkb-family-pack
.tkb-bundle-purchase-bar
form.tkb-bundle-purchase-form
.tkb-bundle-buy-row {
grid-template-columns: 100px minmax(0, 1fr) !important;
}
body.tkb-family-pack
.tkb-bundle-purchase-bar
.tkb-bundle-purchase-quantity {
width: 100px !important;
min-width: 100px !important;
}
}
@media (max-width: 600px) {
.tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 22px 46px minmax(0, 1fr) auto !important;
gap: 8px !important;
}
}
@media (max-width: 360px) {
body.tkb-family-pack
.tkb-bundle-purchase-bar
form.tkb-bundle-purchase-form
.tkb-bundle-buy-row {
grid-template-columns: 94px minmax(0, 1fr) !important;
}
body.tkb-family-pack
.tkb-bundle-purchase-bar
.tkb-bundle-purchase-quantity {
width: 94px !important;
min-width: 94px !important;
}
}  body.tkb-family-pack .tkb-pack-categories {
display: flex !important;
margin: 12px 0 14px !important;
}
body.tkb-family-pack .tkb-product-identity-row--categories,
body.tkb-family-pack .product_meta .posted_in,
body.tkb-family-pack .product_meta .tkb-pack-categories-source-hidden,
body.tkb-family-pack .tkb-pack-category-hidden,
body.tkb-family-pack .et_pb_wc_meta.tkb-pack-meta-hidden {
display: none !important;
} body.tkb-family-pack .tkb-bundle-header-actions {
margin-left: auto;
}
body.tkb-family-pack .tkb-bundle-header-actions .tkb-bundle-count {
order: 1;
}
body.tkb-family-pack .tkb-bundle-header-actions .tkb-bundle-listen {
order: 2;
} body.tkb-family-pack .tkb-bundle-toggle {
gap: 9px !important;
}
body.tkb-family-pack .tkb-bundle-toggle::after {
display: block;
flex: 0 0 8px;
width: 8px;
height: 8px;
margin-top: -4px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
content: "";
transform: rotate(45deg);
transition: transform .18s ease, margin .18s ease;
}
body.tkb-family-pack .tkb-bundle-box.is-expanded .tkb-bundle-toggle::after {
margin-top: 4px;
transform: rotate(225deg);
} @media (max-width: 767px) {
.tkb-bundle-viewport {
overflow-x: hidden !important;
overflow-y: hidden !important;
overscroll-behavior: auto !important;
-webkit-overflow-scrolling: auto !important;
touch-action: pan-y pinch-zoom !important;
scrollbar-width: none !important;
}
.tkb-bundle-viewport::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.tkb-bundle-box.is-expanded .tkb-bundle-viewport,
.tkb-bundle-box.is-single-item .tkb-bundle-viewport {
max-height: none !important;
overflow: visible !important;
}
.tkb-bundle-reference-panel,
.tkb-bundle-reference-panel .tkb-bundle-group,
.tkb-bundle-reference-panel .tkb-bundle-group-body,
.tkb-bundle-reference-panel .tkb-track-item {
touch-action: pan-y pinch-zoom !important;
overscroll-behavior: auto !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-products,
body.tkb-family-pack .tkb-bundle-products.woosb-products {
padding: 0 10px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 34px 58px minmax(0, 1fr) 78px !important;
grid-template-rows: auto auto !important;
column-gap: 10px !important;
row-gap: 0 !important;
align-items: center !important;
min-height: 92px !important;
padding: 11px 2px !important;
contain: layout paint;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 1 !important;
grid-row: 1 !important;
position: relative !important;
z-index: 20 !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 2 !important;
grid-row: 1 !important;
position: relative !important;
z-index: 1 !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
width: 58px !important;
height: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 3 !important;
grid-row: 1 !important;
position: relative !important;
z-index: 5 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.tkb-family-pack .tkb-bundle-short-title {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
font-size: 13px !important;
line-height: 1.25 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
body.tkb-family-pack .tkb-bundle-artists {
font-size: 11px !important;
line-height: 1.25 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 4 !important;
grid-row: 1 !important;
align-self: center !important;
width: 78px !important;
min-width: 78px !important;
max-width: 78px !important;
padding: 0 !important;
text-align: right !important;
}
body.tkb-family-pack .tkb-bundle-unit-price,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-currencySymbol,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-currencySymbol {
font-size: 13px !important;
font-weight: 650 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
position: relative !important;
z-index: 20 !important;
min-width: 72px !important;
min-height: 32px !important;
margin: 3px 0 -3px !important;
padding: 5px 0 !important;
font-size: 11px !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent;
}
body.tkb-family-pack .tkb-bundle-reference-panel {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
position: relative !important;
z-index: 30 !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
pointer-events: auto !important;
}
body.tkb-family-pack .tkb-bundle-reference-panel button,
body.tkb-family-pack .tkb-bundle-reference-panel a,
body.tkb-family-pack .tkb-bundle-reference-panel [role="button"] {
position: relative !important;
z-index: 31 !important;
pointer-events: auto !important;
touch-action: manipulation !important;
} body.tkb-family-pack .tkb-bundle-item > a:not(.tkb-bundle-short-title),
body.tkb-family-pack .tkb-bundle-item .woosb-thumb a {
position: relative !important;
z-index: 1 !important;
}
}
@media (max-width: 430px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 32px 54px minmax(0, 1fr) 68px !important;
column-gap: 8px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"],
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
width: 54px !important;
height: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
width: 68px !important;
min-width: 68px !important;
max-width: 68px !important;
}
body.tkb-family-pack .tkb-bundle-unit-price,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-currencySymbol,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-currencySymbol {
font-size: 12px !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
display: grid !important;
grid-template-columns: 46px minmax(0, 1fr) max-content !important;
grid-template-rows: auto auto auto !important;
column-gap: 12px !important;
row-gap: 9px !important;
align-items: center !important;
min-height: 0 !important;
padding: 16px 6px !important;
contain: none !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: center !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
z-index: 50 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 3 !important;
grid-row: 1 !important;
align-self: center !important;
justify-self: end !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
text-align: right !important;
white-space: nowrap !important;
}
body.tkb-family-pack .tkb-bundle-unit-price,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-currencySymbol,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-currencySymbol {
font-size: 16px !important;
font-weight: 650 !important;
line-height: 1.1 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-rows: auto auto auto !important;
column-gap: 12px !important;
row-gap: 5px !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
display: flex !important;
align-items: baseline !important;
gap: 7px !important;
width: 100% !important;
}
body.tkb-family-pack .tkb-bundle-short-title {
font-size: 16px !important;
font-weight: 750 !important;
line-height: 1.25 !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
hyphens: none !important;
}
body.tkb-family-pack .tkb-bundle-artists {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
margin: 0 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
grid-column: 2 !important;
grid-row: 3 !important;
justify-self: end !important;
align-self: center !important;
min-width: 118px !important;
min-height: 44px !important;
margin: 1px 0 -3px !important;
padding: 8px 2px 8px 12px !important;
font-size: 13px !important;
line-height: 1.2 !important;
z-index: 50 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle i {
width: 9px !important;
height: 9px !important;
}
body.tkb-family-pack .tkb-bundle-reference-panel {
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin-top: 0 !important;
}
body.tkb-family-pack button.tkb-bundle-reference-play,
body.tkb-family-pack button.tkb-bundle-reference-toggle,
body.tkb-family-pack button.tkb-bundle-listen,
body.tkb-family-pack button.tkb-bundle-toggle,
body.tkb-family-pack .tkbpp-carousel-arrow {
-webkit-appearance: none !important;
appearance: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-user-select: none !important;
user-select: none !important;
-webkit-tap-highlight-color: rgba(255, 152, 0, .18) !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
row-gap: 8px !important;
padding-top: 15px !important;
padding-bottom: 13px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-rows: auto auto auto auto !important;
row-gap: 2px !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
display: contents !important;
}
body.tkb-family-pack .tkb-bundle-qty-label {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
display: block !important;
margin: 0 0 1px !important;
font-size: 11px !important;
line-height: 1.15 !important;
}
body.tkb-family-pack .tkb-bundle-short-title {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
display: block !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.34 !important;
letter-spacing: -.01em !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
body.tkb-family-pack .tkb-bundle-artists {
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin: 2px 0 0 !important;
font-size: 12px !important;
font-weight: 550 !important;
line-height: 1.35 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
grid-column: 2 !important;
grid-row: 4 !important;
justify-self: end !important;
min-width: 112px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 6px 2px 5px 10px !important;
}
body.tkb-family-pack .tkb-bundle-reference-panel {
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin-top: 2px !important;
}
body.tkb-family-pack button.tkb-bundle-reference-play,
body.tkb-family-pack button.tkb-bundle-reference-toggle,
body.tkb-family-pack button.tkb-bundle-listen,
body.tkb-family-pack button.tkb-bundle-toggle,
body.tkb-family-pack .tkbpp-carousel-arrow,
body.tkb-family-pack .tkbpp-card-play,
body.tkb-family-pack .tkbpp-card-cart {
position: relative !important;
z-index: 60 !important;
pointer-events: auto !important;
cursor: pointer !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-reference-play span {
margin-left: 2px !important;
border-top-width: 6px !important;
border-bottom-width: 6px !important;
border-left-width: 10px !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
grid-column: 2 !important;
grid-row: 4 !important;
justify-self: end !important;
align-self: start !important;
min-width: 0 !important;
min-height: 32px !important;
height: auto !important;
margin: -1px 0 0 auto !important;
padding: 2px 0 0 !important;
gap: 4px !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: #9aa0a8 !important;
justify-content: flex-end !important;
text-align: right !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle i {
width: 8px !important;
height: 8px !important;
margin-top: -1px !important;
flex: 0 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-artists {
margin: 1px 0 0 !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
justify-self: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
} body.tkb-family-pack .tkb-bundle-box,
body.tkb-family-pack .tkb-bundle-viewport,
body.tkb-family-pack .tkb-bundle-products {
isolation: auto !important;
transform: none !important;
will-change: auto !important;
}
} body.tkb-family-pack .tkb-pack-categories__label {
display: none !important;
}
body.tkb-family-pack .tkb-pack-categories {
padding: 10px 12px !important;
}
body.tkb-family-pack .tkb-pack-categories__list {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
width: 100% !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
color: var(--tkb-bundle-orange) !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
@media (min-width: 768px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 28px 30px 54px minmax(0, 1fr) auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 2 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 3 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 4 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 5 !important;
}
}
@media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 28px 46px minmax(76px, 1fr) max-content !important;
grid-template-rows: auto auto auto !important;
column-gap: 10px !important;
align-items: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 4 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
display: block !important;
}
body.tkb-family-pack .tkb-bundle-short-title {
display: block !important;
width: 100% !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
row-gap: 12px !important;
padding-top: 18px !important;
padding-bottom: 16px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 2px 0 0 !important;
padding: 0 !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
display: block !important;
margin: 0 0 6px !important;
}
body.tkb-family-pack .tkb-bundle-short-title {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.28 !important;
letter-spacing: -.01em !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
body.tkb-family-pack .tkb-bundle-artists {
display: block !important;
margin: 0 !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
margin-top: -2px !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-rows: 82px auto auto !important;
row-gap: 14px !important;
padding-top: 18px !important;
padding-bottom: 18px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"],
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 84px !important;
min-width: 84px !important;
max-width: 84px !important;
height: 84px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
width: 76px !important;
height: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
margin: 8px 0 0 !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
margin: 0 0 7px !important;
}
body.tkb-family-pack .tkb-bundle-artists {
margin: 0 !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-rows: 74px auto auto !important;
row-gap: 8px !important;
padding-top: 16px !important;
padding-bottom: 15px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"],
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-row: 1 !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 78px !important;
min-width: 78px !important;
max-width: 78px !important;
height: 78px !important;
margin: 2px auto 0 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
margin: 2px 0 0 !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
margin: 0 0 4px !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
margin-top: 0 !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 26px 68px minmax(88px, 1fr) 98px !important;
grid-template-rows: 72px auto auto !important;
column-gap: 8px !important;
row-gap: 8px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 3 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: center !important;
align-self: center !important;
width: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
height: 76px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
display: block !important;
width: 76px !important;
height: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 4 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
width: 98px !important;
min-width: 98px !important;
text-align: right !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
margin: 2px 0 0 !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
margin: 0 0 4px !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 24px 58px minmax(92px, 1fr) 86px !important;
grid-template-rows: auto auto auto !important;
column-gap: 6px !important;
row-gap: 7px !important;
align-items: center !important;
padding: 14px 8px 14px !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
font-size: 12px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 3 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: center !important;
align-self: center !important;
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
height: 72px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
display: block !important;
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 4 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
padding: 0 !important;
white-space: nowrap !important;
text-align: right !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-unit-price,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-currencySymbol,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-currencySymbol {
font-size: 15px !important;
line-height: 1.1 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
display: block !important;
width: 100% !important;
margin: 4px 0 0 !important;
padding: 0 !important;
}
body.tkb-family-pack .tkb-bundle-title-line {
display: block !important;
margin: 0 0 4px !important;
}
body.tkb-family-pack .tkb-bundle-short-title {
font-size: 14px !important;
line-height: 1.28 !important;
}
body.tkb-family-pack .tkb-bundle-artists {
display: block !important;
margin: 0 !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
grid-column: 1 / -1 !important;
grid-row: 3 !important;
justify-self: start !important;
align-self: center !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-columns: 24px 58px minmax(92px, 1fr) !important;
grid-template-rows: auto auto auto auto !important;
column-gap: 8px !important;
row-gap: 7px !important;
align-items: center !important;
padding: 14px 8px 14px !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-thumb,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > [class*="thumb"] {
grid-column: 3 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: center !important;
align-self: center !important;
width: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
height: 76px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio img {
width: 76px !important;
height: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
margin: 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-name,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-title,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .tkb-bundle-copy {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
display: block !important;
width: 100% !important;
margin: 2px 0 0 !important;
padding: 0 !important;
}
body.tkb-family-pack .tkb-bundle-artists {
display: block !important;
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin: 0 !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 1 / span 2 !important;
grid-row: 4 !important;
justify-self: start !important;
align-self: center !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
white-space: nowrap !important;
text-align: left !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-unit-price,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-currencySymbol,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-currencySymbol {
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
grid-column: 3 !important;
grid-row: 4 !important;
justify-self: end !important;
align-self: center !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: right !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-reference-toggle {
grid-column: 1 / span 2 !important;
grid-row: 4 !important;
justify-self: start !important;
align-self: center !important;
text-align: left !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 3 !important;
grid-row: 4 !important;
justify-self: end !important;
align-self: center !important;
text-align: right !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
white-space: nowrap !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-rows: auto auto auto auto auto !important;
}
body.tkb-family-pack .tkb-bundle-artists {
grid-row: 3 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
grid-column: 1 / span 2 !important;
grid-row: 4 !important;
justify-self: start !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
grid-column: 3 !important;
grid-row: 4 !important;
justify-self: end !important;
align-self: center !important;
}
body.tkb-family-pack .tkb-bundle-reference-panel {
grid-column: 1 / -1 !important;
grid-row: 5 !important;
margin-top: 6px !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-reference-toggle,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
display: inline-flex !important;
align-items: center !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle {
justify-content: flex-start !important;
align-self: center !important;
transform: translateY(0) !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio .woosb-product-price {
justify-content: flex-end !important;
align-self: center !important;
transform: translateY(0) !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle i {
margin-top: 0 !important;
}
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-item .woosb-price .woocommerce-Price-currencySymbol,
body.tkb-family-pack .tkb-bundle-unit-price,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-unit-price .woocommerce-Price-currencySymbol {
line-height: 1 !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-rows: auto auto auto 36px auto !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-toggle {
grid-column: 1 / span 2 !important;
grid-row: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
justify-self: start !important;
align-self: stretch !important;
height: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
text-align: left !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .woosb-price,
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .woosb-product-price {
grid-column: 3 !important;
grid-row: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
justify-self: end !important;
align-self: stretch !important;
height: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
text-align: right !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-panel {
grid-column: 1 / -1 !important;
grid-row: 5 !important;
margin-top: 6px !important;
}
} @media (min-width: 768px) {
body.tkb-family-pack .tkb-bundle-reference-toggle {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
overflow: visible !important;
padding-right: 4px !important;
line-height: 1.2 !important;
}
body.tkb-family-pack .tkb-bundle-reference-toggle i {
width: 8px !important;
height: 8px !important;
margin-top: 0 !important;
transform: rotate(45deg) translateY(-1px) !important;
flex: 0 0 auto !important;
}
body.tkb-family-pack .tkb-bundle-item.is-reference-expanded .tkb-bundle-reference-toggle i {
transform: rotate(225deg) translate(-1px, -1px) !important;
}
} .tkb-bundle-original-price {
display: inline-flex;
align-items: center;
color: #8d9297 !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: line-through !important;
text-decoration-thickness: 1px !important;
white-space: nowrap !important;
opacity: .9;
}
.tkb-bundle-original-price *,
.tkb-bundle-original-price .woocommerce-Price-amount,
.tkb-bundle-original-price .woocommerce-Price-currencySymbol,
.tkb-bundle-original-price bdi {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: inherit !important;
}
@media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
grid-template-rows: auto auto auto auto auto !important;
}
body.tkb-family-pack .tkb-bundle-mobile-footer {
grid-column: 1 / -1 !important;
grid-row: 4 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-family-pack .tkb-bundle-mobile-footer > .tkb-bundle-reference-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex: 0 1 auto !important;
height: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
text-align: left !important;
transform: none !important;
}
body.tkb-family-pack .tkb-bundle-mobile-footer > .woosb-price,
body.tkb-family-pack .tkb-bundle-mobile-footer > .woosb-product-price {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 0 0 auto !important;
gap: 6px !important;
height: 36px !important;
min-height: 36px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
text-align: right !important;
white-space: nowrap !important;
transform: none !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price,
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price *,
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-unit-price .woocommerce-Price-currencySymbol {
display: inline-flex !important;
align-items: center !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price,
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price * {
font-size: 10.5px !important;
line-height: 1 !important;
}
body.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-panel {
grid-column: 1 / -1 !important;
grid-row: 5 !important;
margin-top: 6px !important;
}
} body.tkb-family-pack .tkb-bundle-original-price,
body.tkb-family-pack .tkb-bundle-original-price *,
body.tkb-family-pack .tkb-bundle-original-price .amount,
body.tkb-family-pack .tkb-bundle-original-price .woocommerce-Price-amount,
body.tkb-family-pack .tkb-bundle-original-price .woocommerce-Price-currencySymbol,
body.tkb-family-pack .tkb-bundle-original-price bdi {
color: #8c9298 !important;
-webkit-text-fill-color: #8c9298 !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: line-through !important;
text-decoration-thickness: 1px !important;
text-shadow: none !important;
}
@media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price,
body.tkb-family-pack .tkb-bundle-mobile-footer .tkb-bundle-original-price * {
font-size: 9px !important;
}
} .tkb-bundle-item.tkb-bundle-item-metadata-pending .tkb-bundle-short-title,
.tkb-bundle-item.tkb-bundle-item-metadata-pending .tkb-bundle-artists {
opacity: .82;
}
.tkb-bundle-item .tkb-bundle-short-title,
.tkb-bundle-item .tkb-bundle-artists {
transition: opacity .16s ease;
} .tkb-bundle-legacy-title-hidden {
display: none !important;
}
@media (min-width: 768px) {
body.tkb-family-pack .tkb-bundle-products,
body.tkb-family-pack .tkb-bundle-products.woosb-products {
padding-right: 10px !important;
padding-left: 10px !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio {
display: grid !important;
grid-template-columns: 34px 42px minmax(0, 1fr) 150px !important;
grid-template-rows: auto auto !important;
align-items: center !important;
column-gap: 10px !important;
row-gap: 5px !important;
min-height: 90px !important;
margin: 0 !important;
padding: 10px 4px !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-qty-label {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-play {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
align-self: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
margin: 0 !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell {
grid-column: 3 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: 72px minmax(0, 1fr) !important;
align-items: center !important;
column-gap: 13px !important;
justify-self: stretch !important;
align-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 0 0 12px !important;
box-sizing: border-box !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .tkb-bundle-thumb-direct,
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .woosb-thumb {
grid-column: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: start !important;
align-self: center !important;
float: none !important;
position: static !important;
flex: none !important;
width: 68px !important;
min-width: 68px !important;
max-width: 68px !important;
height: 68px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .tkb-bundle-thumb-direct > a,
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .woosb-thumb > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 68px !important;
height: 68px !important;
margin: 0 !important;
padding: 0 !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .tkb-bundle-thumb-direct img,
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .woosb-thumb img {
display: block !important;
width: 68px !important;
height: 68px !important;
min-width: 68px !important;
max-width: 68px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .tkb-bundle-copy-direct {
grid-column: 2 !important;
display: flex !important;
flex: none !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
justify-self: stretch !important;
align-self: stretch !important;
float: none !important;
position: static !important;
left: auto !important;
right: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
transform: none !important;
overflow: visible !important;
}
body.tkb-family-pack .tkb-bundle-copy-direct .tkb-bundle-title-line,
body.tkb-family-pack .tkb-bundle-copy-direct .tkb-bundle-short-title,
body.tkb-family-pack .tkb-bundle-copy-direct .tkb-bundle-artists {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
text-align: left !important;
}
body.tkb-family-pack .tkb-bundle-copy-direct .tkb-bundle-title-line {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.tkb-family-pack .tkb-bundle-copy-direct .tkb-bundle-short-title {
font-size: 14px !important;
font-weight: 750 !important;
line-height: 1.18 !important;
letter-spacing: -.01em !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
hyphens: none !important;
}
body.tkb-family-pack .tkb-bundle-copy-direct .tkb-bundle-artists {
margin-top: 3px !important;
font-size: 11px !important;
line-height: 1.2 !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
body.tkb-family-pack .tkb-bundle-copy-direct .tkb-bundle-reference-toggle {
align-self: flex-start !important;
min-width: 0 !important;
min-height: 22px !important;
margin: 4px 0 0 !important;
padding: 1px 4px 1px 0 !important;
font-size: 10.5px !important;
line-height: 1.15 !important;
text-align: left !important;
transform: none !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-price-direct,
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .woosb-price {
grid-column: 4 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
justify-self: stretch !important;
align-self: center !important;
float: none !important;
position: static !important;
gap: 10px !important;
width: 150px !important;
min-width: 150px !important;
max-width: 150px !important;
margin: 0 !important;
padding: 0 !important;
text-align: right !important;
white-space: nowrap !important;
transform: none !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-reference-panel {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
margin-top: 4px !important;
}
} @media (max-width: 767px) {
body.tkb-family-pack .tkb-bundle-main-cell {
display: contents !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .tkb-bundle-thumb-direct,
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .woosb-thumb {
grid-column: 3 !important;
grid-row: 1 !important;
}
body.tkb-product-design-v7.tkb-family-pack .tkb-bundle-item.tkb-bundle-item-has-audio > .tkb-bundle-main-cell > .tkb-bundle-copy-direct {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 2px 0 0 !important;
padding: 0 !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar.tkb-pack-purchase-mobile-fixed > .tkb-price-stock-row,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar--flat.tkb-pack-purchase-mobile-fixed > .tkb-price-stock-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(108px, 43%) !important;
grid-template-rows: auto !important;
align-items: center !important;
column-gap: clamp(5px, 1.8vw, 9px) !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .et_pb_wc_price .price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 2px !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
} body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .et_pb_wc_price .price ins {
order: 1 !important;
display: block !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(27px, 8.4vw, 38px) !important;
font-weight: 800 !important;
line-height: .96 !important;
letter-spacing: -.025em !important;
white-space: nowrap !important;
text-decoration: none !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .et_pb_wc_price .price > .woocommerce-Price-amount:not(del .woocommerce-Price-amount) {
order: 1 !important;
display: block !important;
max-width: 100% !important;
font-size: clamp(27px, 8.4vw, 38px) !important;
font-weight: 800 !important;
line-height: .96 !important;
letter-spacing: -.025em !important;
white-space: nowrap !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .et_pb_wc_price .price del {
order: 2 !important;
display: block !important;
position: static !important;
float: none !important;
width: auto !important;
max-width: 100% !important;
margin: 1px 0 0 !important;
padding: 0 !important;
font-size: clamp(9.5px, 2.8vw, 12px) !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
transform: none !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: stretch !important;
align-self: center !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: clamp(34px, 9.8vw, 42px) !important;
margin: 0 !important;
padding: clamp(6px, 1.7vw, 8px) clamp(6px, 2vw, 10px) !important;
font-size: clamp(8px, 2.35vw, 10.5px) !important;
font-weight: 750 !important;
line-height: 1 !important;
letter-spacing: -.01em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transform: none !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .tkb-stock-display::before {
flex: 0 0 clamp(8px, 2.4vw, 10px) !important;
width: clamp(8px, 2.4vw, 10px) !important;
height: clamp(8px, 2.4vw, 10px) !important;
margin-right: clamp(4px, 1.2vw, 5px) !important;
}
}
@media (max-width: 360px) {
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar.tkb-pack-purchase-mobile-fixed > .tkb-price-stock-row,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar--flat.tkb-pack-purchase-mobile-fixed > .tkb-price-stock-row {
grid-template-columns: minmax(0, 1fr) minmax(102px, 42%) !important;
column-gap: 4px !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .et_pb_wc_price .price ins,
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .et_pb_wc_price .price > .woocommerce-Price-amount:not(del .woocommerce-Price-amount) {
font-size: clamp(25px, 8vw, 29px) !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-pack-purchase-mobile-fixed .tkb-stock-display {
padding-left: 5px !important;
padding-right: 5px !important;
font-size: clamp(7.5px, 2.2vw, 8.5px) !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-rows: auto !important;
align-items: center !important;
column-gap: clamp(6px, 2.4vw, 10px) !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar > .tkb-price-stock-row > .et_pb_wc_price,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row > .et_pb_wc_price {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
justify-items: start !important;
align-items: start !important;
row-gap: 2px !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
text-align: left !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price > ins,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount {
grid-column: 1 !important;
grid-row: 1 !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(27px, 8.5vw, 38px) !important;
font-weight: 800 !important;
line-height: .96 !important;
letter-spacing: -.025em !important;
white-space: nowrap !important;
text-decoration: none !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price > del {
grid-column: 1 !important;
grid-row: 2 !important;
display: block !important;
position: static !important;
float: none !important;
width: auto !important;
margin: 1px 0 0 !important;
padding: 0 !important;
font-size: clamp(9px, 2.7vw, 10.5px) !important;
font-weight: 600 !important;
line-height: 1 !important;
white-space: nowrap !important;
transform: none !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar > .tkb-price-stock-row > .tkb-stock-display,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar--flat > .tkb-price-stock-row > .tkb-stock-display {
grid-column: 2 !important;
grid-row: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: end !important;
align-self: center !important;
box-sizing: border-box !important;
width: auto !important;
min-width: 0 !important;
max-width: 49% !important;
min-height: clamp(32px, 9vw, 36px) !important;
margin: 0 !important;
padding: clamp(6px, 1.9vw, 9px) clamp(6px, 2.7vw, 11px) !important;
font-size: clamp(8.25px, 2.65vw, 11.25px) !important;
font-weight: 750 !important;
line-height: 1 !important;
letter-spacing: -.01em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: clip !important;
transform: none !important;
}
} @media (max-width: 767px) {
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar > .tkb-price-stock-row,
body.tkb-product-design-v7.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;
column-gap: clamp(5px, 2vw, 8px) !important;
overflow: visible !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .tkb-stock-display {
width: max-content !important;
min-width: 0 !important;
max-width: min(45%, 154px) !important;
padding: clamp(5px, 1.5vw, 7px) clamp(4px, 1.8vw, 8px) !important;
font-size: clamp(7px, 2.2vw, 10px) !important;
letter-spacing: -.015em !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price > ins,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount {
font-size: clamp(24px, 8vw, 38px) !important;
}
}
@media (max-width: 360px) {
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .tkb-stock-display {
max-width: 43% !important;
font-size: clamp(6.75px, 2.1vw, 8px) !important;
padding-left: 4px !important;
padding-right: 4px !important;
}
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price > ins,
body.tkb-product-design-v7.tkb-family-pack
.tkb-bundle-purchase-bar .et_pb_wc_price .price > .woocommerce-Price-amount {
font-size: clamp(22px, 7.5vw, 28px) !important;
}
}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;
}
}
}.woocommerce ul.products li.product {
position: relative;
} .tbk-badges-container {
position: absolute;
top: 0;
left: 0;
z-index: 20;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px;
gap: 5px;
pointer-events: none;
} .tbk-last-copy-container {
position: absolute;
right: 0;
bottom: 0;
z-index: 22;
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 8px;
pointer-events: none;
}
.tb-badge.is-last-copy {
display: inline-flex;
align-items: center;
gap: 5px;
max-width: calc(100% - 4px);
padding: 4px 7px;
border: 1px solid var(--tkb-orange);
border-radius: 4px;
background: rgba(17, 17, 17, 0.92);
color: #fff;
font-size: 9px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.35px;
text-transform: uppercase;
white-space: nowrap;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.38);
backdrop-filter: blur(2px);
}
.tb-badge.is-last-copy::before {
display: block;
flex: 0 0 5px;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--tkb-orange);
content: "";
box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.16);
}
@media (max-width: 767px) {
.tbk-last-copy-container {
padding: 6px;
}
.tb-badge.is-last-copy {
gap: 4px;
padding: 3px 6px;
font-size: 8px;
letter-spacing: 0.25px;
}
} .tb-badge {
display: inline-block;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
line-height: 1;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
} .is-red    { background-color: var(--tkb-danger); } .is-orange { background-color: var(--tkb-restock); } .is-green  { background-color: var(--tkb-success); } .is-yellow { background-color: var(--tkb-warning); } .is-blue   { background-color: var(--tkb-info); } .is-black  { background-color: #000; }  .tbk-archive-hero {
width: 100%;
margin: 0 0 22px !important;
padding: 20px 22px 22px !important;
border: 0 !important;
border-radius: 14px;
background: #fff;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.055);
box-sizing: border-box;
}
.tbk-archive-breadcrumb {
margin: 0 0 14px;
padding: 0;
color: #7a7a7a;
font-size: 12.5px;
font-weight: 500;
line-height: 1.35;
}
.tbk-archive-breadcrumb ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tbk-archive-breadcrumb li {
display: inline-flex;
align-items: center;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tbk-archive-breadcrumb li:not(:last-child)::after {
margin: 0 8px;
color: #bebebe;
content: "/";
}
.tbk-archive-breadcrumb a {
color: var(--tkb-orange, #ff9900) !important;
text-decoration: none !important;
}
.tbk-archive-breadcrumb a:hover,
.tbk-archive-breadcrumb a:focus-visible {
color: var(--tkb-orange-hover, #e68800) !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.tbk-archive-heading {
position: relative;
max-width: 920px;
padding-left: 16px;
}
.tbk-archive-heading::before {
position: absolute;
top: 3px;
bottom: 3px;
left: 0;
width: 4px;
border-radius: 999px;
background: var(--tkb-orange, #ff9900);
content: "";
}
.tbk-archive-hero h1 {
margin: 0 !important;
padding: 0 !important;
color: #111 !important;
font-size: clamp(24px, 2vw, 30px) !important;
font-weight: 800 !important;
line-height: 1.16 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase;
}
.tbk-archive-intro {
max-width: 840px;
margin: 8px 0 0 !important;
padding: 0 !important;
color: #565656 !important;
font-size: 14.5px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}
.tbk-untitled-hidden-row,
.tbk-untitled-hidden-module {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.et-l--body .et_pb_wc_breadcrumb,
.et-l--body .et_pb_woocommerce_breadcrumb,
.et-l--body .et_pb_module.woocommerce-breadcrumb {
display: none !important;
}
.tbk-archive-hero + .tbk-archive-hero {
display: none !important;
}
@media only screen and (max-width: 980px) {
.tbk-archive-hero {
margin-bottom: 18px !important;
padding: 17px 18px 18px !important;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.tbk-archive-breadcrumb {
margin-bottom: 11px;
font-size: 12px;
}
.tbk-archive-hero h1 {
font-size: clamp(20px, 5vw, 24px) !important;
letter-spacing: 0.055em !important;
}
.tbk-archive-intro {
margin-top: 7px !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
}
@media only screen and (max-width: 480px) {
.tbk-archive-hero {
margin-bottom: 16px !important;
padding: 14px 14px 15px !important;
border-radius: 10px;
}
.tbk-archive-heading {
padding-left: 12px;
}
.tbk-archive-heading::before {
width: 3px;
}
.tbk-archive-breadcrumb li:not(:last-child)::after {
margin: 0 6px;
}
.tbk-archive-hero h1 {
font-size: 19px !important;
line-height: 1.22 !important;
letter-spacing: 0.045em !important;
}
.tbk-archive-intro {
font-size: 13.5px !important;
}
}  .tbk-reassurance-row {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 34px !important;
box-sizing: border-box;
}
.tbk-reassurance {
width: 100%;
margin: 32px auto 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
.tbk-reassurance__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
overflow: hidden;
border: 0;
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
}
.tbk-reassurance__item {
display: flex !important;
align-items: center;
gap: 12px;
min-width: 0;
min-height: 82px;
margin: 0 !important;
padding: 15px 17px !important;
border-right: 1px solid #ededed;
background: #fff;
color: #111 !important;
text-decoration: none !important;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease;
}
.tbk-reassurance__item:last-child {
border-right: 0;
}
.tbk-reassurance__item:hover,
.tbk-reassurance__item:focus-visible {
background: #fafafa;
color: #111 !important;
}
.tbk-reassurance__item:focus-visible {
position: relative;
z-index: 2;
outline: 2px solid var(--tkb-orange, #ff9900);
outline-offset: -3px;
}
.tbk-reassurance__icon {
display: inline-flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(255, 153, 0, 0.12);
color: var(--tkb-orange, #ff9900);
}
.tbk-reassurance__icon svg {
display: block;
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-reassurance__text {
display: flex;
min-width: 0;
flex-direction: column;
gap: 3px;
line-height: 1.2;
}
.tbk-reassurance__text strong {
color: #111;
font-size: 13.5px;
font-weight: 800;
line-height: 1.2;
}
.tbk-reassurance__text small {
color: #686868;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
} .single-product .tbk-reassurance-row,
.single-product .tbk-reassurance {
display: none !important;
} .tbk-checkout-trust {
width: 100%;
margin: 14px 0 16px !important;
padding: 14px 15px 13px !important;
border: 0 !important;
border-radius: 11px;
background: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.075);
box-sizing: border-box;
}
.tbk-checkout-trust__title {
display: block;
margin: 0 0 10px;
color: #111;
font-size: 13.5px;
font-weight: 800;
line-height: 1.3;
}
.tbk-checkout-trust__items {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 12px;
width: 100%;
}
.tbk-checkout-trust__item {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 7px;
color: #333;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.tbk-checkout-trust__icon {
display: inline-flex;
flex: 0 0 28px;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(255, 153, 0, 0.12);
color: var(--tkb-orange, #ff9900);
}
.tbk-checkout-trust__icon svg {
display: block;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.tbk-checkout-trust__note {
display: block;
margin: 10px 0 0;
color: #737373;
font-size: 11px;
font-weight: 500;
line-height: 1.35;
}
.woocommerce-checkout .tbk-checkout-trust + #place_order,
.woocommerce-checkout .tbk-checkout-trust + .button,
.woocommerce-checkout .tbk-checkout-trust ~ #place_order {
width: 100%;
} @media only screen and (min-width: 981px) {
.tbk-checkout-trust {
padding: 15px 16px 13px !important;
}
.tbk-checkout-trust__items {
gap: 10px;
}
.tbk-checkout-trust__item {
min-height: 46px;
padding: 8px 11px 8px 8px;
border-radius: 9px;
background: #f7f7f7;
font-size: 12.5px;
line-height: 1.25;
box-sizing: border-box;
}
.tbk-checkout-trust__icon {
flex-basis: 30px;
width: 30px;
height: 30px;
}
.tbk-checkout-trust__icon svg {
width: 16px;
height: 16px;
}
.tbk-checkout-trust__note {
margin-top: 9px;
}
}
@media only screen and (max-width: 980px) {
.tbk-reassurance__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tbk-reassurance__item {
min-height: 76px;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.tbk-reassurance__item:nth-child(2n) {
border-right: 0;
}
.tbk-reassurance__item:nth-last-child(-n+2) {
border-bottom: 0;
}
}
@media only screen and (max-width: 520px) {
.tbk-checkout-trust {
margin: 12px 0 14px !important;
padding: 13px !important;
border-radius: 10px;
}
.tbk-checkout-trust__items {
grid-template-columns: 1fr;
gap: 8px;
}
.tbk-checkout-trust__title {
margin-bottom: 9px;
font-size: 13px;
}
.tbk-checkout-trust__item {
font-size: 11.5px;
}
.tbk-checkout-trust__note {
margin-top: 9px;
font-size: 10.5px;
}
.tbk-reassurance-row {
padding-bottom: 26px !important;
}
.tbk-reassurance {
margin: 24px auto 0 !important;
}
.tbk-reassurance__grid {
border-radius: 12px;
}
.tbk-reassurance__item {
gap: 10px;
min-height: 72px;
padding: 12px !important;
}
.tbk-reassurance__icon {
flex-basis: 36px;
width: 36px;
height: 36px;
}
.tbk-reassurance__icon svg {
width: 19px;
height: 19px;
}
.tbk-reassurance__text strong {
font-size: 12.5px;
}
.tbk-reassurance__text small {
font-size: 11px;
}
}
@media only screen and (max-width: 360px) {
.tbk-reassurance__grid {
grid-template-columns: 1fr;
}
.tbk-reassurance__item,
.tbk-reassurance__item:nth-child(2n),
.tbk-reassurance__item:nth-last-child(-n+2) {
border-right: 0;
border-bottom: 1px solid #ededed;
}
.tbk-reassurance__item:last-child {
border-bottom: 0;
}
}  .woocommerce ul.products li.product > *:not(.tbk-product-card) {
display: none !important;
}
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: transparent !important;
border: none !important;
padding-top: 0 !important;
margin-bottom: 30px !important;
display: flex !important;
flex-direction: column !important;
list-style: none !important;
}
.woocommerce ul.products li.product::marker,
.woocommerce-page ul.products li.product::marker {
content: "" !important;
} .tbk-product-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
padding: 15px;
width: 100%;
height: 100%;
min-height: 100%;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.tbk-link-wrapper {
display: block;
width: 100%;
text-decoration: none !important;
color: inherit !important;
} .tbk-img-wrap {
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 0 10px 0 !important;
padding: 0 !important;
border-radius: 6px;
overflow: hidden !important;
background: #f9f9f9;
position: relative !important;
line-height: 0 !important;
}
.tbk-img-wrap img,
.tbk-img-wrap .tbk-product-thumb {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: top !important;
transition: transform 0.5s ease;
} .tbk-badges-layer {
position: absolute !important;
inset: 0 !important;
z-index: 30 !important;
pointer-events: none !important;
line-height: normal !important;
}
.tbk-badges-layer .tbk-badges-container,
.tbk-badges-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 31 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
padding: 8px !important;
gap: 5px !important;
pointer-events: none !important;
margin: 0 !important;
}
.tbk-badges-layer .tbk-badges-container > *,
.tbk-badges-container > * {
margin: 0 !important;
}
.tb-badge {
display: inline-block;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
line-height: 1;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.is-red {
background-color: var(--tkb-danger);
}
.is-orange {
background-color: var(--tkb-restock);
}
.is-yellow {
background-color: var(--tkb-warning);
}
.is-blue {
background-color: var(--tkb-info);
}
.is-black {
background-color: #000;
} .tbk-title {
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.3em !important;
color: #000 !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
text-align: left;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tbk-cats {
font-size: 11px !important;
color: #888 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.2;
text-align: left;
white-space: normal !important;
}
.tbk-cats a {
color: #888 !important;
text-decoration: none !important;
}
.tbk-card-entities {
margin: 0 0 7px 0 !important;
padding: 0 !important;
min-height: 32px;
font-size: 10.5px !important;
line-height: 1.25 !important;
color: #555 !important;
text-align: left !important;
}
.tbk-entity-line {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 2px 0 !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.tbk-entity-label {
color: #111 !important;
font-weight: 900 !important;
}
.tbk-entity-link,
.tbk-entity-text {
font-weight: 700 !important;
text-decoration: none !important;
}
.tbk-entity-link {
color: var(--tkb-orange) !important;
}
.tbk-entity-link:hover {
color: var(--tkb-orange-hover) !important;
text-decoration: underline !important;
}
.tbk-entity-text {
color: #555 !important;
}
.tbk-meta-badges {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
margin: 0 0 8px 0 !important;
padding: 0 !important;
min-height: 22px;
}
.tbk-meta-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 18px;
padding: 3px 7px;
border-radius: 999px;
font-size: 9.5px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.25px;
text-transform: uppercase;
text-decoration: none !important;
white-space: nowrap;
}
.tbk-meta-badge.is-support {
background: #111;
color: #fff !important;
}
.tbk-meta-badge.is-format {
background: rgba(255, 153, 0, 0.16);
color: #000 !important;
}
.tbk-meta-badge.is-style {
background: #f1f1f1;
color: #666 !important;
}
.tbk-meta-badge.is-variant {
background: rgba(255, 153, 0, 0.16);
color: #000 !important;
}
a.tbk-meta-badge:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
} .tbk-bottom-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
width: 100%;
box-sizing: border-box;
padding-top: 12px;
border-top: 1px solid #f0f0f0;
margin-top: auto !important;
}
.tbk-price {
font-size: 13px !important;
font-weight: 700 !important;
color: #000 !important;
display: flex;
align-items: center;
gap: 5px;
line-height: 1 !important;
white-space: nowrap;
min-width: 0;
flex: 1 1 auto;
}
.tbk-price del {
display: none !important;
}
.tbk-price ins {
text-decoration: none;
color: #000 !important;
background: transparent !important;
}
.tbk-no-price {
font-size: 11px;
color: #aaa;
font-weight: 600;
text-transform: uppercase;
}
.tbk-cart-action {
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
} .tbk-cart-action .added_to_cart,
.tbk-product-card .added_to_cart,
.woocommerce ul.products li.product .added_to_cart {
display: none !important;
}
.tbk-play-btn,
.tbk-cart-btn {
display: flex;
align-items: center;
justify-content: center;
width: 35px !important;
height: 35px !important;
min-width: 35px !important;
background: #f0f0f0;
border: none;
border-radius: 50%;
color: var(--tkb-orange) !important;
cursor: pointer;
flex-shrink: 0;
text-decoration: none !important;
overflow: hidden !important;
padding: 0 !important;
transition: background 0.2s ease, color 0.2s ease;
}
.tbk-play-btn:hover,
.tbk-play-btn.playing,
.tbk-cart-btn:hover {
background: var(--tkb-orange);
color: #000 !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 16px !important;
line-height: 1 !important;
margin: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.tbk-check-icon {
display: none !important;
color: currentColor !important;
width: 14px !important;
height: 14px !important;
}
.tbk-cart-btn.added {
background: #f0f0f0 !important;
color: var(--tkb-orange) !important;
}
.tbk-cart-btn.added:hover {
background: var(--tkb-orange) !important;
color: #000 !important;
}
.tbk-cart-btn.added .tbk-cart-icon {
display: none !important;
}
.tbk-cart-btn.added .tbk-check-icon {
display: block !important;
}
.tbk-cart-btn.tbk-disabled {
background: #f0f0f0 !important;
color: #ccc !important;
}
.tbk-cart-btn.tbk-disabled:hover {
background: #e5e5e5 !important;
color: #aaa !important;
} .woocommerce nav.woocommerce-pagination {
margin: 35px 0 10px 0 !important;
text-align: center !important;
clear: both !important;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
border: none !important;
background: transparent !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
box-shadow: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
list-style: none !important;
background: transparent !important;
overflow: visible !important;
box-shadow: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 38px !important;
height: 38px !important;
padding: 0 12px !important;
border: none !important;
outline: none !important;
border-radius: 999px !important;
background: #fff !important;
color: #000 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
overflow: hidden !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--tkb-orange) !important;
color: #000 !important;
border-radius: 999px !important;
box-shadow: 0 6px 16px rgba(255, 153, 0, 0.25) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
background: var(--tkb-orange) !important;
color: #000 !important;
border-radius: 999px !important;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(255, 153, 0, 0.25) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.dots {
background: transparent !important;
box-shadow: none !important;
min-width: 20px !important;
padding: 0 4px !important;
color: #888 !important;
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a::before,
.woocommerce nav.woocommerce-pagination ul li a::after,
.woocommerce nav.woocommerce-pagination ul li span::before,
.woocommerce nav.woocommerce-pagination ul li span::after {
display: none !important;
content: none !important;
} @media (hover: hover) and (pointer: fine) {
.tbk-product-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
z-index: 5;
}
.tbk-product-card:hover .tbk-img-wrap img {
transform: scale(1.05);
}
} @media (min-width: 768px) {
.tbk-bottom-row {
gap: 4px !important;
overflow: visible !important;
}
.tbk-price {
flex: 0 1 auto !important;
min-width: max-content !important;
max-width: none !important;
overflow: visible !important;
white-space: nowrap !important;
font-size: 12.5px !important;
letter-spacing: -0.2px;
}
.tbk-cart-action {
gap: 4px !important;
flex: 0 0 auto !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
.tbk-check-icon {
width: 12px !important;
height: 12px !important;
}
.tbk-play-btn svg {
width: 9px !important;
height: 9px !important;
}
} @media (max-width: 767px) {
.tbk-product-card {
padding: 12px !important;
overflow: hidden;
transform: none !important;
}
.tbk-product-card:hover {
transform: none !important;
}
.tbk-product-card:hover .tbk-img-wrap img {
transform: none !important;
}
.tbk-img-wrap {
margin: 0 0 10px 0 !important;
}
.tbk-title {
min-height: calc(1.3em * 3);
margin-bottom: 7px !important;
}
.tbk-cats {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(1.2em * 2);
max-height: calc(1.2em * 4);
}
.tbk-card-entities {
min-height: 30px;
margin-bottom: 7px !important;
font-size: 9.5px !important;
}
.tbk-entity-line {
margin-bottom: 2px !important;
}
.tbk-meta-badges {
gap: 3px;
margin-bottom: 8px !important;
min-height: 20px;
}
.tbk-meta-badge {
font-size: 8.8px;
padding: 3px 6px;
}
.tbk-bottom-row {
gap: 6px;
overflow: hidden;
margin-top: auto !important;
}
.tbk-price {
font-size: clamp(12px, 3.5vw, 13px) !important;
line-height: 1 !important;
}
.tbk-bottom-row.tbk-has-audio .tbk-price {
max-width: calc(100% - 70px);
overflow: hidden;
}
.tbk-bottom-row.tbk-no-audio .tbk-price {
max-width: none !important;
overflow: visible !important;
letter-spacing: -0.2px;
}
.tbk-cart-action {
gap: 4px !important;
max-width: none !important;
}
.tbk-cart-no-audio {
gap: 0 !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: clamp(29px, 8.5vw, 34px) !important;
height: clamp(29px, 8.5vw, 34px) !important;
min-width: clamp(29px, 8.5vw, 34px) !important;
max-width: 34px !important;
max-height: 34px !important;
}
.tbk-play-btn svg {
width: 10px !important;
height: 10px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 15px !important;
}
.tbk-check-icon {
width: 13px !important;
height: 13px !important;
}
.woocommerce nav.woocommerce-pagination {
margin: 28px 0 8px 0 !important;
}
.woocommerce nav.woocommerce-pagination ul {
gap: 6px !important;
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li {
overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
min-width: 34px !important;
height: 34px !important;
padding: 0 10px !important;
font-size: 13px !important;
border-radius: 999px !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
transform: none !important;
border-radius: 999px !important;
}
}
@media (max-width: 380px) {
.tbk-product-card {
padding: 10px !important;
}
.tbk-title {
margin-bottom: 6px !important;
}
.tbk-bottom-row {
gap: 4px;
}
.tbk-price {
font-size: 12px !important;
}
.tbk-bottom-row.tbk-has-audio .tbk-price {
max-width: calc(100% - 62px);
overflow: hidden;
}
.tbk-bottom-row.tbk-no-audio .tbk-price {
max-width: none !important;
overflow: visible !important;
letter-spacing: -0.3px;
}
.tbk-cart-action {
gap: 3px !important;
}
.tbk-play-btn,
.tbk-cart-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
.tbk-check-icon {
width: 12px !important;
height: 12px !important;
}
} .tbk-product-card {
overflow: hidden !important;
}
.tbk-link-wrapper {
flex: 0 0 auto !important;
}
.tbk-title {
line-height: 1.28em !important;
min-height: 2.56em !important;
max-height: 2.56em !important;
margin: 0 0 8px 0 !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
}
.tbk-card-entities {
min-height: 31px !important;
max-height: 31px !important;
margin: 0 0 8px 0 !important;
overflow: hidden !important;
}
.tbk-card-entities-empty {
visibility: hidden !important;
}
.tbk-entity-line {
min-height: 14px !important;
max-height: 14px !important;
line-height: 14px !important;
margin: 0 0 2px 0 !important;
}
.tbk-meta-badges {
align-content: flex-start !important;
min-height: 40px !important;
max-height: 40px !important;
margin: 0 0 10px 0 !important;
overflow: hidden !important;
}
.tbk-meta-badge {
flex: 0 0 auto !important;
}
.tbk-bottom-row {
flex: 0 0 auto !important;
margin-top: auto !important;
}
@media (max-width: 767px) {
.tbk-title {
line-height: 1.25em !important;
min-height: 3.75em !important;
max-height: 3.75em !important;
-webkit-line-clamp: 3 !important;
}
.tbk-card-entities {
min-height: 29px !important;
max-height: 29px !important;
}
.tbk-entity-line {
min-height: 13px !important;
max-height: 13px !important;
line-height: 13px !important;
}
.tbk-meta-badges {
min-height: 38px !important;
max-height: 38px !important;
}
}
@media (max-width: 380px) {
.tbk-title {
line-height: 1.22em !important;
min-height: 3.66em !important;
max-height: 3.66em !important;
}
} .tbk-card-entities {
min-height: 44px !important;
max-height: 44px !important;
margin: 0 0 6px 0 !important;
overflow: hidden !important;
}
.tbk-artist-line {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
white-space: normal !important;
min-height: 26px !important;
max-height: 26px !important;
line-height: 13px !important;
margin: 0 0 3px 0 !important;
overflow: hidden !important;
text-overflow: clip !important;
color: #e98b00 !important;
}
.tbk-label-line {
display: block !important;
white-space: nowrap !important;
min-height: 14px !important;
max-height: 14px !important;
line-height: 14px !important;
margin: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: #6d6258 !important;
}
.tbk-artist-line .tbk-entity-link,
.tbk-artist-line .tbk-entity-text,
.tbk-entity-link.is-artist,
.tbk-entity-text.is-artist {
color: #e98b00 !important;
font-weight: 700 !important;
}
.tbk-label-line .tbk-entity-link,
.tbk-label-line .tbk-entity-text,
.tbk-entity-link.is-label,
.tbk-entity-text.is-label {
color: #6d6258 !important;
font-weight: 600 !important;
}
.tbk-artist-line .tbk-entity-link:hover,
.tbk-entity-link.is-artist:hover {
color: var(--tkb-orange-dark) !important;
}
.tbk-label-line .tbk-entity-link:hover,
.tbk-entity-link.is-label:hover {
color: #3f3934 !important;
}
@media (min-width: 768px) {
.tbk-title {
font-size: 13.2px !important;
line-height: 1.27em !important;
min-height: 2.54em !important;
max-height: 2.54em !important;
margin-bottom: 7px !important;
}
.tbk-meta-badges {
gap: 3px !important;
min-height: 36px !important;
max-height: 36px !important;
margin: 0 0 6px 0 !important;
}
.tbk-meta-badge {
min-height: 17px !important;
padding: 2px 6px !important;
font-size: 9px !important;
letter-spacing: 0.18px !important;
}
.tbk-bottom-row {
padding-top: 8px !important;
}
}
@media (max-width: 767px) {
.tbk-card-entities {
min-height: 41px !important;
max-height: 41px !important;
margin-bottom: 6px !important;
}
.tbk-artist-line {
min-height: 24px !important;
max-height: 24px !important;
line-height: 12px !important;
margin-bottom: 3px !important;
}
.tbk-label-line {
min-height: 13px !important;
max-height: 13px !important;
line-height: 13px !important;
}
} @media (min-width: 768px) {
.tbk-card-entities {
margin-bottom: 10px !important;
}
} .tbk-cart-action {
gap: 7px !important;
overflow: visible !important;
}
.tbk-play-btn,
.tbk-cart-btn {
position: relative !important;
border-radius: 50% !important;
overflow: hidden !important;
box-sizing: border-box !important;
-webkit-appearance: none !important;
appearance: none !important;
filter: none !important;
transition:
transform 0.18s ease,
background-color 0.18s ease,
border-color 0.18s ease,
color 0.18s ease,
box-shadow 0.18s ease !important;
} .tbk-play-btn {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
background: #fff !important;
border: 2px solid var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-play-btn svg {
width: 11px !important;
height: 11px !important;
}
.tbk-play-btn::before,
.tbk-play-btn::after,
.tbk-cart-btn::before,
.tbk-cart-btn::after {
content: none !important;
display: none !important;
} .tbk-cart-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
background: var(--tkb-orange) !important;
border: 2px solid var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 16px !important;
font-weight: 700 !important;
}
.tbk-check-icon {
width: 14px !important;
height: 14px !important;
stroke-width: 2.35 !important;
}
.tbk-play-btn.playing {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-cart-btn.added {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
box-shadow: none !important;
}
.tbk-play-btn:focus-visible,
.tbk-cart-btn:focus-visible {
outline: none !important;
box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.24) !important;
}
.tbk-cart-btn.tbk-disabled {
background: #ededed !important;
border-color: #dedede !important;
color: #aaa !important;
box-shadow: none !important;
cursor: not-allowed !important;
}
@media (hover: hover) and (pointer: fine) {
.tbk-play-btn:hover {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
transform: translateY(-2px) scale(1.03) !important;
box-shadow: none !important;
}
.tbk-play-btn.playing:hover {
background: var(--tkb-orange) !important;
border-color: var(--tkb-orange) !important;
color: #111 !important;
}
.tbk-cart-btn:hover,
.tbk-cart-btn.added:hover {
background: var(--tkb-orange-soft) !important;
border-color: var(--tkb-orange-soft) !important;
color: #000 !important;
transform: translateY(-2px) scale(1.04) !important;
box-shadow: none !important;
}
.tbk-cart-btn.tbk-disabled:hover {
background: #ededed !important;
border-color: #dedede !important;
color: #aaa !important;
transform: none !important;
box-shadow: none !important;
}
} @media (max-width: 767px) {
.tbk-cart-action {
gap: 5px !important;
}
.tbk-play-btn {
width: 33px !important;
height: 33px !important;
min-width: 33px !important;
max-width: 33px !important;
max-height: 33px !important;
}
.tbk-cart-btn {
width: 35px !important;
height: 35px !important;
min-width: 35px !important;
max-width: 35px !important;
max-height: 35px !important;
}
.tbk-play-btn svg {
width: 10px !important;
height: 10px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 15px !important;
}
}
@media (max-width: 380px) {
.tbk-play-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
max-width: 31px !important;
max-height: 31px !important;
}
.tbk-cart-btn {
width: 33px !important;
height: 33px !important;
min-width: 33px !important;
max-width: 33px !important;
max-height: 33px !important;
}
} @media (max-width: 480px) {
.tbk-bottom-row {
gap: 3px !important;
overflow: visible !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
white-space: nowrap !important;
font-size: clamp(10.5px, 3.05vw, 12px) !important;
letter-spacing: -0.35px !important;
line-height: 1 !important;
}
.tbk-price .woocommerce-Price-amount,
.tbk-price .woocommerce-Price-currencySymbol,
.tbk-price bdi {
white-space: nowrap !important;
}
.tbk-cart-action {
flex: 0 0 auto !important;
gap: 3px !important;
}
.tbk-play-btn {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
max-height: 28px !important;
border-width: 2px !important;
}
.tbk-cart-btn {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
border-width: 2px !important;
}
.tbk-play-btn svg {
width: 9px !important;
height: 9px !important;
}
.tbk-cart-btn .tbk-cart-icon,
.tbk-cart-btn .et-pb-icon {
font-size: 14px !important;
}
}
@media (max-width: 360px) {
.tbk-product-card {
padding-left: 9px !important;
padding-right: 9px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 10px !important;
letter-spacing: -0.45px !important;
}
.tbk-play-btn {
width: 27px !important;
height: 27px !important;
min-width: 27px !important;
max-width: 27px !important;
max-height: 27px !important;
}
.tbk-cart-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
max-height: 29px !important;
}
}  @media (min-width: 768px) {
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: -0.15px !important;
line-height: 1.05 !important;
}
} @media (max-width: 767px) {
.tbk-bottom-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
column-gap: 6px !important;
overflow: visible !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: clip !important;
font-size: clamp(12px, 3.45vw, 13.5px) !important;
font-weight: 800 !important;
letter-spacing: -0.25px !important;
line-height: 1.05 !important;
}
.tbk-cart-action {
display: flex !important;
flex: 0 0 auto !important;
min-width: max-content !important;
gap: 5px !important;
}
.tbk-play-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
}
.tbk-cart-btn {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
}
} @media (max-width: 390px) {
.tbk-bottom-row {
column-gap: 4px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 11.5px !important;
letter-spacing: -0.35px !important;
}
.tbk-cart-action {
gap: 4px !important;
}
.tbk-play-btn {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
}
.tbk-cart-btn {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
}
} @media (max-width: 350px) {
.tbk-product-card {
padding-left: 9px !important;
padding-right: 9px !important;
}
.tbk-price,
.tbk-bottom-row.tbk-has-audio .tbk-price,
.tbk-bottom-row.tbk-no-audio .tbk-price {
font-size: 11px !important;
letter-spacing: -0.45px !important;
}
.tbk-play-btn {
width: 29px !important;
height: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
max-height: 29px !important;
}
.tbk-cart-btn {
width: 31px !important;
height: 31px !important;
min-width: 31px !important;
max-width: 31px !important;
max-height: 31px !important;
}
}body.tkb-design-system,
body.tkb-design-system *,
body.tkb-design-system *::before,
body.tkb-design-system *::after {
box-sizing: border-box;
} body.tkb-design-system :where(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--tkb-orange) !important;
outline-offset: 2px !important;
box-shadow: var(--tkb-focus-ring);
}
body.tkb-design-system :where(a, button, input, select, textarea) {
transition:
color var(--tkb-transition),
background-color var(--tkb-transition),
border-color var(--tkb-transition),
box-shadow var(--tkb-transition),
opacity var(--tkb-transition),
transform var(--tkb-transition);
} body.tkb-design-system :where(
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"],
a.checkout-button.button.alt,
button.button.et_pb_button,
.et_pb_button
):not(.remove):not(.tkbpp-carousel-arrow):not(.tkb-v2-icon) {
min-height: var(--tkb-control-height);
border: 1px solid var(--tkb-orange) !important;
border-radius: var(--tkb-radius-md) !important;
background: var(--tkb-orange) !important;
color: var(--tkb-ink) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.tkb-design-system :where(
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"],
a.checkout-button.button.alt,
button.button.et_pb_button,
.et_pb_button
):not(.remove):not(.tkbpp-carousel-arrow):not(.tkb-v2-icon):hover {
border-color: var(--tkb-orange-hover) !important;
background: var(--tkb-orange-hover) !important;
color: var(--tkb-ink) !important;
}
body.tkb-design-system :where(button, .button, input[type="submit"]):disabled,
body.tkb-design-system :where(button, .button, input[type="submit"]).disabled {
cursor: not-allowed !important;
opacity: 0.55 !important;
} body.tkb-design-system :where(
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="number"]:not(.qty),
.woocommerce select,
.woocommerce textarea,
.et_pb_contact_form input:not([type="checkbox"]):not([type="radio"]),
.et_pb_contact_form select,
.et_pb_contact_form textarea
) {
min-height: var(--tkb-control-height);
border: 1px solid #cccccc !important;
border-radius: var(--tkb-radius-sm) !important;
background-color: var(--tkb-surface) !important;
color: var(--tkb-ink) !important;
font: inherit;
box-shadow: none !important;
}
body.tkb-design-system :where(
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="search"],
.woocommerce input[type="number"]:not(.qty),
.woocommerce select,
.woocommerce textarea,
.et_pb_contact_form input:not([type="checkbox"]):not([type="radio"]),
.et_pb_contact_form select,
.et_pb_contact_form textarea
):focus {
border-color: var(--tkb-orange) !important;
box-shadow: var(--tkb-focus-ring) !important;
outline: 0 !important;
} body.tkb-design-system :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
margin-bottom: 22px !important;
padding: 15px 18px 15px 48px !important;
border: 1px solid var(--tkb-line) !important;
border-top: 3px solid var(--tkb-orange) !important;
border-radius: var(--tkb-radius-md) !important;
background: var(--tkb-surface) !important;
color: var(--tkb-ink) !important;
box-shadow: var(--tkb-shadow-sm) !important;
}
body.tkb-design-system .woocommerce-error {
border-top-color: var(--tkb-danger) !important;
}
body.tkb-design-system .woocommerce-message::before,
body.tkb-design-system .woocommerce-info::before {
color: var(--tkb-orange) !important;
}
body.tkb-design-system .woocommerce-error::before {
color: var(--tkb-danger) !important;
} body.tkb-design-system :where(
.woocommerce-breadcrumb a,
.woocommerce .product_meta a,
.woocommerce .tagged_as a,
.woocommerce .posted_in a,
.woocommerce-info a.showcoupon,
.tkb-artist-link,
.tkb-label-link
) {
color: var(--tkb-orange) !important;
}
body.tkb-design-system :where(
.woocommerce-breadcrumb a,
.woocommerce .product_meta a,
.woocommerce .tagged_as a,
.woocommerce .posted_in a,
.woocommerce-info a.showcoupon,
.tkb-artist-link,
.tkb-label-link
):hover {
color: var(--tkb-orange-hover) !important;
} body.tkb-design-system .tb-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 22px;
padding: 4px 8px;
border-radius: var(--tkb-radius-xs);
color: #ffffff;
font-size: 10px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.45px;
text-transform: uppercase;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
}
body.tkb-design-system .tb-badge.is-red { background: var(--tkb-danger); }
body.tkb-design-system .tb-badge.is-orange { background: var(--tkb-restock); }
body.tkb-design-system .tb-badge.is-green { background: var(--tkb-success); }
body.tkb-design-system .tb-badge.is-yellow { background: var(--tkb-warning); }
body.tkb-design-system .tb-badge.is-blue { background: var(--tkb-info); }
body.tkb-design-system .tb-badge.is-black { background: var(--tkb-black); } body.tkb-design-system ::selection {
background: rgba(var(--tkb-orange-rgb), 0.32);
color: var(--tkb-ink);
}.woocommerce-page #main-content .et_pb_column.et_pb_sidebar {
display: none;
}
.woocommerce-page #main-content .et_pb_column.et_pb_column_main {
width: 100%;
}
.fas::before {
font-family: "FontAwesome" !important;
}
@media only screen and (max-width: 768px) {
body {
background-color: #000000 !important;
background-image: none !important;
}
}
.et_pb_tab_content a[href="https://constacloud.com/disconnect"],
.et_pb_tab_content a[href^="https://www.discogs.com/"] {
display: none !important;
}
.woocommerce ul.products li.product .divi-product-category {
font-size: 12px !important;
} body.tkb-design-system :where(
.woocommerce select,
select.orderby,
select.tek-tag-filter,
.tek-filter-wrapper select
) {
appearance: none;
padding: 6px 32px 6px 12px;
border: 1px solid #cccccc;
border-radius: var(--tkb-radius-sm);
background-color: #f8f8f8;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='10,40 70,100 130,40' fill='none' stroke='%23222' stroke-width='20' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
color: #222222 !important;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
body.tkb-design-system :where(
.woocommerce select,
select.orderby,
select.tek-tag-filter,
.tek-filter-wrapper select
):focus {
outline: 0;
border-color: var(--tkb-orange);
box-shadow: var(--tkb-focus-ring);
}
body.tkb-design-system select option {
color: #222222;
} .control > .previous.sricon-back,
.control > .next.sricon-forward {
display: none !important;
}
.player .player-row .control > .previous.sricon-back,
.player .player-row .control > .next.sricon-forward {
display: inline-flex !important;
}
.srp_meta.srp_meta_1.album-title {
display: none !important;
}
.player .srp_meta.srp_meta_1.album-title {
display: block !important;
}
.single-product i.sricon-info,
.single-product a.song-store.sr_store_force_pl_bt,
.single-product a.song-store.add_to_cart_button {
display: none !important;
}
.single-product .song-store {
margin: 0 !important;
padding: 0 !important;
}
.tbk-img-wrap img.tbk-product-thumb {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
margin-left: 0 !important;
padding-left: 0 !important;
list-style: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
list-style: none !important;
}
.woocommerce ul.products li.product::marker,
.woocommerce-page ul.products li.product::marker {
content: "" !important;
} body.tkb-design-system .woocommerce ul.products li.product :where(h2, h3, .woocommerce-loop-product__title) a,
body.tkb-design-system .woocommerce ul.products li.product a :where(h2, h3, .woocommerce-loop-product__title),
body.tkb-design-system .tbk-product-card :where(h2, h3, .tbk-product-title) a,
body.tkb-design-system .tbk-product-card a :where(h2, h3, .tbk-product-title) {
color: var(--tkb-ink) !important;
} body.tkb-design-system .tbk-archive-heading {
position:relative !important;
max-width:none !important;
margin:0 !important;
padding:0 0 10px 16px !important;
border-bottom:0 !important;
}
body.tkb-design-system .tbk-archive-heading::before {
position:absolute !important;
top:0 !important;
bottom:10px !important;
left:0 !important;
width:4px !important;
border-radius:999px !important;
background:var(--tkb-orange, #ff9900) !important;
content:"" !important;
}
body.tkb-design-system .tbk-archive-eyebrow {
display:block !important;
margin:0 0 5px !important;
padding:0 !important;
color:var(--tkb-orange, #ff9900) !important;
font-size:11px !important;
font-weight:900 !important;
line-height:1.15 !important;
letter-spacing:.15em !important;
text-transform:uppercase !important;
}
body.tkb-design-system .tbk-archive-hero .tbk-archive-heading h1 {
margin:0 !important;
padding:0 !important;
color:#050505 !important;
font-size:clamp(28px, 3vw, 38px) !important;
font-weight:900 !important;
line-height:1.04 !important;
letter-spacing:-.035em !important;
text-transform:none !important;
}
body.tkb-design-system .tbk-archive-intro {
max-width:840px !important;
margin:10px 0 0 !important;
padding:0 !important;
color:#565656 !important;
font-size:14.5px !important;
line-height:1.5 !important;
} body.tkb-design-system .tkbpp-recommendation-header {
position:relative !important;
margin-bottom:17px !important;
padding:0 0 10px 14px !important;
border-bottom:1px solid #dedede !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div {
position:relative !important;
padding:0 !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div::before {
position:absolute !important;
top:0 !important;
bottom:0 !important;
left:-14px !important;
width:4px !important;
border-radius:999px !important;
background:var(--tkb-orange, #ff9900) !important;
content:"" !important;
}
body.tkb-design-system .tkbpp-recommendation-header h2 {
margin:0 !important;
padding:0 !important;
color:#050505 !important;
font-size:clamp(24px, 2.4vw, 32px) !important;
font-weight:900 !important;
line-height:1.06 !important;
letter-spacing:-.03em !important;
text-transform:none !important;
}
@media (max-width:767px) {
body.tkb-design-system .tbk-archive-heading,
body.tkb-design-system .tkbpp-recommendation-header {
padding-left:12px !important;
padding-bottom:8px !important;
}
body.tkb-design-system .tbk-archive-heading::before {
bottom:8px !important;
width:3px !important;
}
body.tkb-design-system .tkbpp-recommendation-header > div::before {
left:-12px !important;
width:3px !important;
}
body.tkb-design-system .tbk-archive-hero .tbk-archive-heading h1 {
font-size:clamp(25px, 8vw, 31px) !important;
}
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #e09900; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #e09900; --cmplz_button_accept_border_color: #e09900; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}@media (max-width: 768px) { .cmplz-cookiebanner { width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (max-width: 1023px) { .cmplz-cookiebanner { max-width: 100%; }}@media (max-width: 1023px) { .cmplz-cookiebanner { transform: translateX(-50%); bottom: 0; top: initial; }}@media (min-width: 1024px) { .cmplz-cookiebanner { margin: 10px; width: calc(100% - 20px); grid-column-gap: 10px; display: grid; grid-template-columns: 1fr 1fr; bottom: 0; left: initial; top: initial; transform: initial; } .cmplz-cookiebanner.cmplz-categories-type-save-preferences .cmplz-body > div { width: 49%; } .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body > div { width: 49%; } .cmplz-cookiebanner .cmplz-body { grid-column: span 2; display: flex; gap: 10px; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-categories, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons { grid-column: inherit; } .cmplz-cookiebanner .cmplz-description { grid-column-start: 1; } .cmplz-cookiebanner.optin .cmplz-categories, .cmplz-cookiebanner.optout .cmplz-categories { width: 85vw; grid-column-start: 2; } .cmplz-cookiebanner .cmplz-buttons { grid-column-start: 3; grid-row-start: 3; display: flex; flex-direction: column; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-width: 250px; width: 100%; } .cmplz-cookiebanner .cmplz-links.cmplz-documents { grid-column-end: 3; } .cmplz-cookiebanner .cmplz-links.cmplz-information { grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; display: flex; justify-content: flex-end; } .cmplz-cookiebanner .cmplz-links.cmplz-documents { grid-column-start: 1; grid-row-start: 5; display: flex; justify-content: flex-start; } .cmplz-cookiebanner .cmplz-categories.cmplz-tcf { height: 160px; } .cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons, .cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons { flex-direction: initial; } .cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons, .cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons { flex-direction: column; }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}#cmplz-cookiebanner-container .cmplz-cookiebanner { bottom: -50vh; -webkit-animation: slideIn 0.5s forwards; -webkit-animation-delay: 1s; animation: slideIn 0.5s forwards; animation-delay: 1s;}@-webkit-keyframes slideIn { 100% { bottom: 0; }}@keyframes slideIn { 100% { bottom: 0; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}#cmplz-manage-consent .cmplz-manage-consent { display: none;}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}#cmplz-cookiebanner-container .cmplz-cookiebanner { position: fixed !important; top: auto !important; right: auto !important; bottom: 18px !important; left: 50% !important; transform: translateX(-50%) !important; width: 920px !important; max-width: calc(100vw - 32px) !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: calc(100vh - 36px) !important; margin: 0 !important; padding: 20px 24px !important; background: #111111 !important; color: #ffffff !important; border: 1px solid #f5a000 !important; border-radius: 16px !important; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45) !important; grid-template-columns: minmax(0, 1fr) 230px !important; grid-template-areas: "header buttons" "body buttons" "links buttons" !important; column-gap: 28px !important; row-gap: 10px !important; align-items: center !important; overflow-y: auto !important; box-sizing: border-box !important; z-index: 999999 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { grid-area: header !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { margin: 0 !important; padding: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: left !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { grid-area: body !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { margin: 0 !important; padding: 0 !important; color: #d8d8d8 !important; -webkit-text-fill-color: #d8d8d8 !important; opacity: 1 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { grid-area: buttons !important; flex-direction: column !important; justify-content: center !important; width: 230px !important; min-width: 0 !important; gap: 10px !important; margin: 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { width: 100% !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 9px 16px !important; border-radius: 10px !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept { background: #f5a000 !important; color: #090909 !important; -webkit-text-fill-color: #090909 !important; border: 1px solid #f5a000 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover { background: #ffad0a !important; border-color: #ffad0a !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny { background: #1a1a1a !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #555555 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny:hover { background: #242424 !important; border-color: #f5a000 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-view-preferences,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-save-preferences { background: #1a1a1a !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #555555 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { grid-area: links !important; flex-wrap: wrap !important; align-items: center !important; width: 100% !important; gap: 7px 15px !important; margin: 2px 0 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a { position: static !important; inset: auto !important; transform: none !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #f5a000 !important; -webkit-text-fill-color: #f5a000 !important; font-size: 13px !important; line-height: 1.35 !important; text-align: left !important; white-space: normal !important; text-decoration: underline !important; text-underline-offset: 3px !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-hidden,#cmplz-cookiebanner-container .cmplz-cookiebanner [hidden],#cmplz-cookiebanner-container .cmplz-cookiebanner [aria-hidden="true"],#cmplz-cookiebanner-container .cmplz-cookiebanner [style*="display: none"] { display: none !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-options,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-services,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-vendors,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-purposes,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-manage-purpose,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf-links,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-tcf-buttons { display: none !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories { margin: 12px 0 0 !important; padding: 0 !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category { margin: 0 0 8px !important; padding: 10px 12px !important; background: #181818 !important; color: #ffffff !important; border: 1px solid #333333 !important; border-radius: 9px !important; box-sizing: border-box !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;}#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-description { color: #cccccc !important; -webkit-text-fill-color: #cccccc !important;}@media only screen and (max-width: 767px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { bottom: 8px !important; left: 50% !important; transform: translateX(-50%) !important; width: calc(100vw - 16px) !important; max-width: none !important; max-height: calc(100vh - 16px) !important; padding: 17px !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "header" "body" "buttons" "links" !important; gap: 12px !important; align-items: stretch !important; border-radius: 14px !important; overflow-y: auto !important; overscroll-behavior: contain !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: 21px !important; line-height: 1.25 !important; text-align: center !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { font-size: 14px !important; line-height: 1.45 !important; text-align: left !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { width: 100% !important; gap: 9px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn { width: 100% !important; height: 47px !important; min-height: 47px !important; font-size: 15px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links { flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; gap: 7px !important; margin: 0 !important; text-align: center !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 2px 0 !important; font-size: 13px !important; line-height: 1.35 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; }}@media only screen and (max-width: 390px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { padding: 14px !important; gap: 10px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: 19px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body p { font-size: 13px !important; line-height: 1.4 !important; }}