.tooto-breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
font-size: 14px;
line-height: 1.5;
}
.tooto-breadcrumbs__separator {
opacity: 0.7;
}
.tooto-breadcrumbs__link {
text-decoration: none;
}
@media (max-width: 767px) {
.tooto-breadcrumbs {
font-size: 12px;
}
}
.tooto-breadcrumbs__link:hover {
text-decoration: underline;
} .tooto-solutions-tabs {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}
.tooto-solutions-tabs__tabs {
display: flex;
flex-wrap: nowrap;
gap: 24px;
border-bottom: 1px solid #e5e5e5;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none; scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.tooto-solutions-tabs__tabs::-webkit-scrollbar {
display: none; } .tooto-loop-grid__items {
display: grid;
gap: 24px;
}
.tooto-loop-grid__item {
min-width: 0;
}
.tooto-loop-grid__empty {
padding: 12px;
border: 1px dashed #ccc;
color: #666;
} .tooto-popover {
display: inline-block;
position: relative;
}
.tooto-popover__trigger {
display: inline-block;
}
.tooto-popover__trigger-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px;
border: none;
background: transparent;
color: inherit;
font: inherit;
cursor: pointer;
vertical-align: middle;
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.tooto-popover__trigger-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.tooto-popover__trigger-icon svg {
fill: currentColor;
}
.tooto-popover__trigger-text {
line-height: 1.2;
}
.tooto-popover__panel {
display: none;
position: fixed;
left: 0;
top: 0;
background: #fff;
color: inherit;
min-width: 120px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.tooto-popover__panel.is-open {
display: block;
animation: tootoPopoverIn 0.14s ease-out;
}
.tooto-popover__panel-inner {
padding: 0;
} .tooto-popover__menu {
margin: 0;
}
.tooto-popover__menu-list {
list-style: none;
margin: 0;
padding: 0;
}
.tooto-popover__menu-list li {
margin: 0;
}
.tooto-popover__menu-list a {
display: block;
padding: 10px 16px;
color: inherit;
text-decoration: none;
white-space: nowrap;
transition: color 0.2s, background-color 0.2s;
}
.tooto-popover__menu-list a:hover {
text-decoration: none;
}
.tooto-popover__arrow {
position: absolute;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
}
.tooto-popover__arrow::before {
content: '';
position: absolute;
inset: 0;
background: #fff;
}
.tooto-popover__panel[data-placement="top"] .tooto-popover__arrow {
left: var(--tooto-popover-arrow-left, 50%);
bottom: -5px;
}
.tooto-popover__panel[data-placement="bottom"] .tooto-popover__arrow {
left: var(--tooto-popover-arrow-left, 50%);
top: -5px;
}
.tooto-popover__panel[data-placement="left"] .tooto-popover__arrow {
top: var(--tooto-popover-arrow-top, 50%);
right: -5px;
transform: translateY(-50%) rotate(45deg);
}
.tooto-popover__panel[data-placement="right"] .tooto-popover__arrow {
top: var(--tooto-popover-arrow-top, 50%);
left: -5px;
transform: translateY(-50%) rotate(45deg);
}
.tooto-popover__empty {
color: #999;
font-size: 14px;
text-align: center;
padding: 20px;
}
@keyframes tootoPopoverIn {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 767px) {
.tooto-loop-grid__items {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; }
.tooto-loop-grid__items::-webkit-scrollbar {
display: none; }
.tooto-loop-grid__item {
flex: 0 0 auto;
scroll-snap-align: start;
scroll-snap-stop: always;
}
} @media (max-width: 767px) {
.elementor-loop-container:not(.elementor-posts-masonry){
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding-inline: 20px;
scroll-padding-inline: calc((100vw - var(--tooto-snap-item-width, 100%)) / 2);
}
.elementor-widget-tooto-loop-grid .elementor-loop-container {
display: flex !important;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; gap: var(--grid-column-gap, 30px);
}
.elementor-widget-tooto-loop-grid .elementor-loop-container::-webkit-scrollbar {
display: none; }
.elementor-widget-tooto-loop-grid .elementor-loop-container > .e-loop-item {
flex: 0 0 auto;
width: var(--tooto-snap-item-width, 100%);
scroll-snap-align: center;
scroll-snap-stop: always;
}
.elementor-widget-tooto-loop-grid .elementor-loop-container > .e-loop-item:first-child {
scroll-snap-align: start;
}
.elementor-widget-tooto-loop-grid .elementor-loop-container > .e-loop-item:last-child {
scroll-snap-align: end;
}
}
.tooto-solutions-tabs__tab {
position: relative;
padding: 12px 0;
background: none;
border: none;
font-size: 15px;
cursor: pointer;
color: #333;
white-space: nowrap;
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.tooto-solutions-tabs__tab::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 3px;
background: transparent;
transition: background-color 0.2s;
}
.tooto-solutions-tabs__tab.is-active {
color: #1a56db;
font-weight: 600;
}
.tooto-solutions-tabs__tab.is-active::after {
background: #1a56db;
}
.tooto-solutions-tabs__panels {
position: relative;
overflow: visible;
}
.tooto-solutions-tabs__swiper {
overflow: hidden;
width: 100%;
position: relative;
opacity: 0;
transition: opacity 0.3s;
}
.tooto-solutions-tabs__swiper.is-ready {
opacity: 1;
}
.tooto-solutions-tabs__swiper .swiper-wrapper {
display: flex;
align-items: stretch;
}
.tooto-solutions-tabs__swiper .swiper-slide {
height: auto;
width: 850px;
flex-shrink: 0;
box-sizing: border-box;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__swiper .swiper-slide {
width: 280px;
}
}
.tooto-solutions-tabs__panel {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
min-width: 320px;
flex: 0 0 auto;
height: 100%;
box-sizing: border-box;
}
.tooto-solutions-tabs__hero {
position: relative;
overflow: hidden;
background: #f5f5f5;
min-height: 320px;
width: 100%;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__hero {
min-height: 0;
}
}
.tooto-solutions-tabs__hero-media {
display: block;
width: auto;
height: 100%;
}
.tooto-solutions-tabs__hero-media img {
display: block;
width: auto;
height: 100%;
object-fit: cover;
}
.tooto-solutions-tabs__hero-content {
position: absolute;
inset: 0;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 24px 32px;
color: #fff;
max-width: none;
text-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
background: linear-gradient(180deg, rgba(25, 25, 25, 0) 61%, #191919 89%);
box-sizing: border-box;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__hero-content {
padding: 12px;
}
}
.tooto-solutions-tabs__hero-content-left {
display: grid;
grid-template-rows: 1fr 0fr;
transition: grid-template-rows 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.tooto-solutions-tabs__hero:hover .tooto-solutions-tabs__hero-content-left {
grid-template-rows: 1fr 1fr;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__hero:hover .tooto-solutions-tabs__hero-content-left {
grid-template-rows: auto 1fr;
}
}
.tooto-solutions-tabs__hero-title {
font-size: 40px;
line-height: 1.2;
font-weight: 600;
margin: 0;
color: #fff;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__hero-title {
font-size: 20px;
line-height: 1;
}
}
.tooto-solutions-tabs__hero-excerpt {
opacity: 0;
overflow: hidden;
margin: 0;
transform: translateY(-10px);
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),
margin-top 0.6s cubic-bezier(0.4, 0, 0.2, 1);
color: #fff;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__hero-excerpt {
font-size: 12px;
}
}
.tooto-solutions-tabs__hero:hover .tooto-solutions-tabs__hero-excerpt {
opacity: 1;
margin-top: 8px;
transform: translateY(0);
}
.tooto-solutions-tabs__hero-content-more {
flex-shrink: 0;
}
.tooto-solutions-tabs__hero-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
backdrop-filter: blur(4px);
transition: color 0.2s;
padding: 6px 16px;
background: blue;
text-shadow: none;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__hero-link {
font-size: 12px;
}
}
.tooto-solutions-tabs__hero-link:hover {
color: #ffffffcc;
}
.tooto-solutions-tabs__products {
margin-top: 16px;
}
.tooto-solutions-tabs__products-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
@media (max-width: 1024px) {
.tooto-solutions-tabs__products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.tooto-solutions-tabs__products-grid {
grid-template-columns: 1fr;
}
}
.tooto-solutions-tabs__product-card {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
background: #F9FAFB;
height: 100%;
position: relative;
}
.tooto-solutions-tabs__product-thumb {
width: 128px;
height: 128px;
flex-shrink: 0;
display: grid;
place-items: center;
background: #f7f7f7;
overflow: hidden;
}
.tooto-solutions-tabs__product-thumb img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__product-thumb {
width: 80px;
height: 80px;
}
}
.tooto-solutions-tabs__product-title {
font-size: 15px;
font-weight: 600;
color: #111;
margin-bottom: 6px;
}
@media (max-width: 767px) {
.tooto-solutions-tabs__product-title {
font-size: 14px;
}
}
.tooto-solutions-tabs__product-link {
position: absolute;
inset: 0;
z-index: 2; font-size: 0;
line-height: 0;
color: transparent;
text-decoration: none;
}
.tooto-solutions-tabs__product-link::after {
content: '';
position: absolute;
inset: 0;
}
.tooto-solutions-tabs__nav {
position: absolute;
top: 50%;
left: -52px;
right: -52px;
display: flex;
justify-content: space-between;
pointer-events: none;
z-index: 3;
transform: translateY(-50%);
}
.tooto-solutions-tabs__nav-btn {
pointer-events: auto;
border: none;
background: rgba(0, 0, 0, 0);
color: #fff;
cursor: pointer;
display: grid;
place-items: center;
}
.tooto-solutions-tabs__empty {
padding: 12px;
border: 1px dashed #ccc;
border-radius: 6px;
color: #666;
} .tooto-related-categories__empty {
padding: 24px;
text-align: center;
color: #666;
font-size: 14px;
}
.tooto-related-categories__notice {
padding: 24px;
text-align: center;
color: #d63638;
font-size: 14px;
background: #fff3cd;
border: 1px solid #ffc107;
border-radius: 4px;
} .tooto-related-posts__empty {
padding: 24px;
text-align: center;
color: #666;
font-size: 14px;
}
.tooto-related-posts__notice {
padding: 24px;
text-align: center;
color: #d63638;
font-size: 14px;
background: #fff3cd;
border: 1px solid #ffc107;
border-radius: 4px;
} .tooto-taxonomy-term {
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tooto-taxonomy-term:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.tooto-taxonomy-term__link {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
color: inherit;
}
.tooto-taxonomy-term__image {
position: relative;
width: 100%;
padding-top: 75%; overflow: hidden;
background: #f5f5f5;
}
.tooto-taxonomy-term__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.tooto-taxonomy-term:hover .tooto-taxonomy-term__image img {
transform: scale(1.05);
}
.tooto-taxonomy-term__content {
flex: 1;
display: flex;
flex-direction: column;
padding: 20px;
}
.tooto-taxonomy-term__title {
margin: 0 0 12px 0;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: #333;
}
.tooto-taxonomy-term__description {
flex: 1;
font-size: 14px;
line-height: 1.6;
color: #666;
}
.tooto-taxonomy-term__description p {
margin: 0 0 12px 0;
}
.tooto-taxonomy-term__description p:last-child {
margin-bottom: 0;
} @media (max-width: 767px) {
.tooto-taxonomy-term__content {
padding: 16px;
}
.tooto-taxonomy-term__title {
font-size: 16px;
}
.tooto-taxonomy-term__description {
font-size: 13px;
}
} .tooto-acf-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.tooto-acf-tags__tag {
display: inline-block;
background-color: #f0f0f0;
color: #333333;
padding: 8px 16px;
border-radius: 4px;
line-height: 1.4;
white-space: nowrap;
}
.tooto-acf-tags__empty {
padding: 12px;
color: #666;
font-size: 14px;
} .tooto-acf-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.tooto-acf-tags__tag {
display: inline-block;
background-color: #f0f0f0;
color: #333333;
padding: 8px 16px;
border-radius: 4px;
line-height: 1.4;
white-space: nowrap;
}
.tooto-acf-tags__empty {
padding: 12px;
color: #666;
font-size: 14px;
}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}[data-middle=search-input]{--middle-column-width: var(--search-box-max-width, 25%)}.ct-header .ct-search-box{width:100%;max-width:var(--max-width, 250px)}[data-row=middle][data-middle=search-input] [data-column=middle] .ct-search-box{--max-width: 100%}[data-dropdown*=simple]>ul>[class*=ct-mega-menu] .entry-content,[data-dropdown*=simple]>ul>[class*=ct-mega-menu] .sub-menu>li>.ct-menu-link{padding-inline:0}[data-dropdown*=solid]>ul>[class*=ct-mega-menu] .sub-menu{--menu-item-padding: var(--dropdown-items-spacing, 13px)}[data-dropdown*=padded]>ul>[class*=ct-mega-menu] .sub-menu>li>.ct-menu-link{margin-inline:0}.more-items-container [class*=ct-mega-menu] .entry-content{padding:var(--menu-item-padding, 0px)}[class*=ct-mega-menu] .entry-content{color:var(--theme-text-color);--theme-box-shadow: initial;--theme-border-radius: initial}.menu-item .ct-menu-link:is(.ct-disabled-link){pointer-events:none;--theme-link-hover-color: var(--theme-link-initial-color) !important;--theme-link-active-color: var(--theme-link-initial-color) !important;--menu-indicator-hover-color: transparent !important;--menu-indicator-active-color: transparent !important}.ct-menu-badge{flex-shrink:0;font-size:10px;font-weight:600;line-height:normal;word-break:break-word;color:var(--theme-text-color);border-radius:3px;padding:.2em .55em;margin-inline-start:.5em;margin-top:var(--margin-top);background:var(--background-color)}.menu>[class*=ct-mega-menu]>.sub-menu>.menu-item{border-top:none}.menu>[class*=ct-mega-menu]>.sub-menu>.menu-item:not(:last-child){border-inline-end:var(--dropdown-columns-divider)}.menu>[class*=ct-mega-menu] .sub-menu [class*=ct-toggle-dropdown-desktop]{display:none}nav>ul>[class*=ct-mega-menu]>.sub-menu{display:grid;grid-template-columns:var(--grid-template-columns, 1fr);width:var(--mega-menu-width, var(--theme-container-width-base));max-width:var(--mega-menu-max-width, var(--theme-normal-container-max-width))}nav>ul>[class*=ct-mega-menu]>.sub-menu .menu-item{flex-direction:column;align-items:initial}nav>ul>[class*=ct-mega-menu]>.sub-menu>li{min-width:0;padding:var(--columns-padding, 20px 30px)}nav>ul>[class*=ct-mega-menu]>.sub-menu>li [class*=children]:not(:first-child){padding-top:20px}nav>ul>.ct-mega-menu-content-width>.sub-menu>li,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li{overflow:hidden}nav>ul>.ct-mega-menu-content-width>.sub-menu>li:first-child,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}nav>ul>.ct-mega-menu-content-width>.sub-menu>li:last-child,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}nav>ul>.ct-mega-menu-content-width>.sub-menu,nav>ul>.ct-mega-menu-full-width>.sub-menu{inset-inline:0;margin-inline:auto}nav>ul>.ct-mega-menu-full-width>.sub-menu{box-shadow:none;background-color:rgba(0,0,0,0)}nav>ul>.ct-mega-menu-full-width>.sub-menu:after{position:absolute;content:"";z-index:0;width:100vw;inset-block:0;inset-inline-start:50%;inset-inline-end:0;margin-inline-start:-50vw;box-shadow:var(--theme-box-shadow);background-color:var(--dropdown-background-color, var(--theme-palette-color-4))}nav>ul>.ct-mega-menu-full-width>.sub-menu li{z-index:2}nav>ul>.ct-mega-menu-full-width>.sub-menu>li:first-child{padding-inline-start:0}nav>ul>.ct-mega-menu-full-width>.sub-menu>li:last-child{padding-inline-end:0}nav>ul>.ct-mega-menu-content-full{--mega-menu-width: calc(100vw - 60px);--mega-menu-max-width: 100%}nav>ul>.ct-mega-menu-custom-width:not([data-submenu]){justify-content:center}[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending{grid-template-columns:initial;align-items:center;justify-content:center;min-height:300px}[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending>*{display:none}[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending:after{content:"";width:16px;height:16px;filter:invert(1) saturate(0) contrast(1000);background-color:inherit;animation:spin .7s linear infinite;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' opacity='0.2' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='2.5'/%3E%3Cpath d='m12,2c5.52,0,10,4.48,10,10' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5'/%3E%3C/svg%3E") center no-repeat}