.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;
}
}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;
}