@media (max-width: 1024px) {
.sytec-builder-header__device--desktop {
display: none;
}
.sytec-builder-header__device--mobile {
display: block;
}
body:not(.sytec-header-overlay) .sytec-builder-header__device--desktop.sytec-builder-header__device--has-legacy-sticky {
display: none;
}
body:not(.sytec-header-overlay) .sytec-builder-header__device--mobile.sytec-builder-header__device--has-legacy-sticky {
display: contents;
}
.sytec-builder-header__device--mobile .sytec-header-element--visibility-desktop,
.sytec-header-row--hide-mobile {
display: none;
}
.sytec-builder-header__device--mobile .sytec-header-row__inner {
display: flex;
width: 100%;
min-height: max(56px, var(--sytec-row-height));
padding: var(--sytec-row-padding-tablet-top, 0)
var(--sytec-row-padding-tablet-right, var(--sytec-container-padding))
var(--sytec-row-padding-tablet-bottom, 0)
var(--sytec-row-padding-tablet-left, var(--sytec-container-padding));
align-items: center;
}
.sytec-builder-header__device--mobile
.sytec-header-row--dynamic-columns
.sytec-header-row__inner {
display: grid;
grid-template-columns: var(--sytec-row-columns);
}
.sytec-builder-header__device--mobile
.sytec-header-row--dynamic-columns
.sytec-header-zone {
min-width: 0;
overflow: visible;
}
.sytec-builder-header__device--mobile .sytec-header-row {
margin: var(--sytec-row-margin-tablet-top, 0)
var(--sytec-row-margin-tablet-right, 0)
var(--sytec-row-margin-tablet-bottom, 0)
var(--sytec-row-margin-tablet-left, 0);
}
.sytec-builder-header__device--mobile .sytec-header-zone {
gap: 0.35rem;
flex-wrap: nowrap;
}
.sytec-builder-header__device--mobile .sytec-header-zone--left {
flex: 1 1 auto;
overflow: hidden;
}
.sytec-builder-header__device--mobile .sytec-header-zone--center {
min-width: 0;
flex: 0 1 auto;
}
.sytec-builder-header__device--mobile .sytec-header-zone--right {
flex: 0 0 auto;
}
.sytec-builder-header__device--mobile .sytec-header-zone--right {
align-items: center;
}
.sytec-builder-header__device--mobile .sytec-header-zone--right > .sytec-header-element {
display: flex;
align-items: center;
}
.sytec-builder-header__device--mobile .sytec-header-element--logo {
width: var(--sytec-element-logo-width-tablet);
}
.sytec-builder-header__device--mobile .sytec-header-zone--right :is(
.sytec-search-toggle,
.sytec-account-link,
.sytec-menu-toggle
) {
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
margin: 0;
padding: 10px;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.sytec-builder-header__device--mobile .sytec-builder-logo {
width: 100%;
max-width: 100%;
}
.sytec-builder-header__device--mobile .sytec-builder-logo .custom-logo-link {
width: min(var(--sytec-element-logo-width-tablet), 100%);
max-width: 100%;
}
.sytec-builder-header__device--mobile .sytec-builder-logo .custom-logo {
width: min(100%, calc(var(--sytec-element-logo-height-tablet) * var(--sytec-element-logo-aspect-ratio, 1)));
max-width: 100%;
max-height: var(--sytec-element-logo-height-tablet);
height: auto;
}
.sytec-mobile-navigation {
overflow-x: hidden;
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile {
display: flex;
width: 100%;
margin: 0;
padding: 0.75rem 0 1rem;
align-items: stretch;
flex-direction: column;
justify-content: flex-start;
gap: var(--sytec-menu-gap, 0);
list-style: none;
text-align: left;
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile > li {
width: 100%;
margin: 0;
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile a {
width: 100%;
margin: 0;
justify-content: flex-start;
color: var(--sytec-menu-color, var(--sytec-color-primary));
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile > li > a {
padding: var(--sytec-menu-padding-block, 0.8rem) var(--sytec-menu-padding-inline, 0.25rem);
border: 0;
border-bottom: 1px solid var(--sytec-mobile-menu-divider, var(--sytec-color-border));
border-radius: var(--sytec-menu-radius, 0);
background: var(--sytec-menu-background, transparent);
box-shadow: var(--sytec-menu-shadow, none);
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile > li > a:hover {
background: var(--sytec-menu-hover-background, transparent);
color: var(--sytec-menu-hover-color, var(--sytec-menu-color, var(--sytec-color-accent)));
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile > li > a:focus-visible {
background: var(--sytec-menu-hover-background, transparent);
color: var(--sytec-menu-focus-color, var(--sytec-menu-hover-color, var(--sytec-menu-color, var(--sytec-color-accent))));
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile > :is(
.current-menu-item,
.current-menu-parent,
.current-menu-ancestor,
.current_page_item
) > a {
background: var(--sytec-menu-active-background, transparent);
color: var(--sytec-menu-active-color, var(--sytec-menu-color, var(--sytec-color-accent)));
}
[data-builder-element="mobile_menu"].sytec-mobile-navigation .sytec-menu--mobile .sub-menu {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0 0 0 1rem;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.sytec-primary-navigation {
display: none;
}
.sytec-header-actions {
margin-inline-start: auto;
}
.sytec-menu-toggle {
display: inline-flex;
}
.sytec-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.sytec-builder-header__device--mobile .sytec-header-element--visibility-mobile {
display: none;
}
}
@media (min-width: 1025px) {
body:not(.sytec-header-overlay) .sytec-builder-header__device--mobile.sytec-builder-header__device--has-legacy-sticky {
display: none;
}
.sytec-builder-header__device--desktop .sytec-header-element--visibility-mobile,
.sytec-builder-header__device--desktop .sytec-header-element--visibility-tablet,
.sytec-builder-header__device--desktop .sytec-header-element--visibility-tablet_mobile {
display: none;
}
.sytec-builder-header__device--desktop .sytec-header-zone--right {
align-items: center;
}
.sytec-builder-header__device--desktop .sytec-header-zone--right > .sytec-header-element {
display: flex;
align-items: center;
}
.sytec-builder-header__device--desktop .sytec-header-zone--right :is(
.sytec-search-toggle,
.sytec-account-link
) {
width: 42px;
min-width: 42px;
height: 42px;
min-height: 42px;
margin: 0;
padding: 0.55rem;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
}
@media (max-width: 768px) {
.sytec-builder-header__device--mobile .sytec-header-element--logo {
width: var(--sytec-element-logo-width-mobile);
}
.sytec-builder-header__device--mobile .sytec-builder-logo .custom-logo-link {
width: min(var(--sytec-element-logo-width-mobile), 100%);
}
.sytec-builder-header__device--mobile .sytec-builder-logo .custom-logo {
width: min(100%, calc(var(--sytec-element-logo-height-mobile) * var(--sytec-element-logo-aspect-ratio, 1)));
max-height: var(--sytec-element-logo-height-mobile);
}
.sytec-builder-header__device--mobile .sytec-header-row {
margin: var(--sytec-row-margin-mobile-top, 0)
var(--sytec-row-margin-mobile-right, 0)
var(--sytec-row-margin-mobile-bottom, 0)
var(--sytec-row-margin-mobile-left, 0);
}
.sytec-builder-header__device--mobile .sytec-header-row__inner {
padding: var(--sytec-row-padding-mobile-top, 0)
var(--sytec-row-padding-mobile-right, var(--sytec-container-padding))
var(--sytec-row-padding-mobile-bottom, 0)
var(--sytec-row-padding-mobile-left, var(--sytec-container-padding));
}
.sytec-builder-header__device--mobile .sytec-header-element--visibility-tablet,
.sytec-builder-header__device--mobile .sytec-header-element--visibility-desktop_tablet {
display: none;
}
:root {
--sytec-container-padding: 20px;
}
.sytec-header-inner {
min-height: 68px;
}
.sytec-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
table {
display: block;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.alignwide,
.alignfull {
max-width: 100%;
margin-inline: 0;
}
}
@media (max-width: 600px) {
.sytec-card-grid,
.sytec-footer-grid {
grid-template-columns: minmax(0, 1fr);
}
.sytec-footer-intro,
.sytec-footer-bottom {
align-items: flex-start;
flex-direction: column;
}
.sytec-cart-link__label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
.sytec-search-form__row {
align-items: stretch;
flex-direction: column;
}
.sytec-search-form__row button {
width: 100%;
}
input,
select,
textarea,
button {
font-size: 16px;
}
}
@media (max-width: 425px) {
:root {
--sytec-container-padding: 16px;
}
.sytec-header-inner {
gap: 0.75rem;
}
.custom-logo {
max-width: 160px;
}
.sytec-site-title {
font-size: 1.05rem;
}
.sytec-card,
.sytec-entry-featured {
border-radius: var(--sytec-radius-medium);
}
}
@media (max-width: 320px) {
:root {
--sytec-container-padding: 12px;
}
.sytec-builder-header__device--mobile .sytec-header-zone--right :is(
.sytec-search-toggle,
.sytec-account-link,
.sytec-cart-link,
.sytec-menu-toggle
) {
width: 42px;
min-width: 42px;
height: 42px;
min-height: 42px;
}
.sytec-builder-header__device--mobile .sytec-site-title {
overflow: hidden;
max-width: 96px;
text-overflow: ellipsis;
white-space: nowrap;
}
.sytec-builder-header__device--mobile .sytec-header-zone {
padding-inline: 0.15rem;
}
.sytec-builder-header__device--mobile .sytec-header-zone:first-child {
padding-inline-start: 0;
}
.sytec-builder-header__device--mobile .sytec-header-zone:last-child {
padding-inline-end: 0;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}